DataBinding基礎使用一

稀飯_發表於2018-08-09

一DataBinding的匯入

在你要使用DataBinding的Moudle的build.gradle中新增如下程式碼進行配置:

android {
    ....
    dataBinding {
        enabled = true
    }
}複製程式碼

二單純的擺脫findviewbyid

<?xml version="1.0" encoding="utf-8"?><!--佈局以layout作為根佈局-->
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <!--我們需要展示的佈局-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <Button
            android:id="@+id/btn1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="單純的擺脫findviewbyid" />

    </LinearLayout>
</layout>
複製程式碼
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //ActivityMainBinding類是自動生成。命名規則:佈局檔案文稱加上Binding字尾
        ActivityMainBinding mainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        //通過binfding.id名稱---就相當於獲取了改控制元件物件了
        mainBinding.btn1.setOnClickListener(view->{});

    }
}複製程式碼
通過Binding物件.id名稱,就相當於拿到了指定的佈局中的id的控制元件了,使用起來和findviewbyid獲取的控制元件是一樣的

三繫結基本資料型別和String型別

<?xml version="1.0" encoding="utf-8"?><!--佈局以layout作為根佈局-->
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <!--繫結基本資料型別及String-->
        <!--name:   和java程式碼中的物件是類似的,名字自定義-->
        <!--type:   和java程式碼中的型別是一致的-->
        <variable name="content" type="String" />

        <variable name="enabled" type="boolean" />
    </data>
    <!--我們需要展示的佈局-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <!--繫結基本資料型別及String的使用是通過
          @{資料型別的物件}  通過對應資料型別的控制顯示-->
        <Button
            android:id="@+id/btn2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:clickable="@{enabled}"
            android:text="@{content}" />
    </LinearLayout>
</layout>
複製程式碼
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //ActivityMainBinding類是自動生成。命名規則:佈局檔案文稱加上Binding字尾
        ActivityMainBinding mainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        //setContent就是給佈局檔案text屬性繫結的content設定值,這個方法是自定生成的
        mainBinding.setContent("對String型別資料的繫結");
        //這個方法也是自動生成的
        mainBinding.setEnabled(false);
        //給控制元件設定點選事件,發現其實點選無效,因為在佈局檔案中給cilckable屬性繫結了enabled,在程式碼中設定enabled值為false,所以點選事件無效
        mainBinding.btn2.setOnClickListener(view -> {
            Toast.makeText(this, "我被點選", Toast.LENGTH_LONG).show();
        });

    }
}複製程式碼

四繫結自定義資料型別

自定義資料

public class Book {

    private String price;

    public Book(String price) {
        this.price = price;
    }

    public String getPrice() {
        return price;
    }
}複製程式碼
public class Author {

    private  String name;

    public Author(String name) {
        this.name = name;
    }

    public String getName() {
        return name;
    }
}
複製程式碼
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>
        <!--建議用這一種方式寫-->
        <variable
            name="book"
            type="com.example.administrator.testdatabinding.Book" />

        <variable
            name="author"
            type="com.example.administrator.testdatabinding.Author" />

    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{book.price}" />


        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{author.name}" />
    </LinearLayout>


</layout>複製程式碼
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        Book book = new Book("99");
        Author author = new Author("史鐵生");
        //繫結資料方式一
        binding.setBook(book);
        //繫結資料方式二
        binding.setVariable(BR.author, author);
    }
}複製程式碼
xml匯入資料型別有兩種方式:

方式一:

<variable
    name="book"
    type="com.example.administrator.testdatabinding.Book" />複製程式碼

方式二:

<import type="com.example.administrator.testdatabinding.Author" />
<variable
    name="author"
    type="Author" />複製程式碼

繫結資料方式有兩種方式:

方式一:

binding.setBook(book);複製程式碼

方式二:

binding.setVariable(BR.author, author);複製程式碼

五事件的繫結

public interface EventListener{
    public void click1(View v);
    public void click2(View v);
    public void cilck3(String s);
}複製程式碼


<?xml version="1.0" encoding="utf-8"?><!--佈局以layout作為根佈局-->
<layout>

    <data>
        <variable
            name="event"
            type="com.example.administrator.testdatabinding.EventListener" />

        <variable
            name="title1"
            type="String" />

        <variable
            name="title2"
            type="String" />

        <variable
            name="title3"
            type="String" />

        <variable
            name="title4"
            type="String" />

    </data>
    <!--我們需要展示的佈局-->
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="@{event.click1}"
            android:text="@{title1}" />

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="@{event::click2}"
            android:text="@{title2}" />
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="@{()->event.cilck3(title4)}"
            android:text="@{title3}" />

    </LinearLayout>
</layout>複製程式碼
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        final ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);

        binding.setTitle1("事件繫結1");
        binding.setTitle2("事件繫結2");
        binding.setTitle3("事件繫結3");
        binding.setTitle4("change ok");
        //這個方法也是自動生成的
        binding.setEvent(new EventListener() {
            @Override
            public void click1(View v) {
                binding.setTitle1("事件1方法呼叫");
            }

            @Override
            public void click2(View v) {
                binding.setTitle2("事件2方法呼叫");
            }

            @Override
            public void cilck3(String s) {
                binding.setTitle3(s);
            }
        });

    }
}複製程式碼



相關文章