DataBinding的基本使用(四)

DataBinding的基本使用(四)

DataBinding基本使用包括以下内容:
- 单纯的摆脱findviewbyid
- 绑定基本数据类型及String
- 绑定Model数据
- 绑定事件
- 通过静态方法转换数据类型
- 通过运算符操作数据
- 自定义Binding的类名
- 绑定相同Model的操作
- model变量改变自动更新数据
- 绑定List/Map等集合数据
- Observable自动更新
- Databinding与include标签的结合
- DataBinding与RecyclerView的结合

3.10绑定List/Map等集合数据

布局文件

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

    <data>

        <import type="java.util.ArrayList" />

        <import type="java.lang.String" />

        <variable
            name="list"
            type="ArrayList&lt;String>" />
        <!--泛型的支持会在编译时期报红线,但是是可以直接运行的
        但是需要通过转义字符才行,如:&lt;数据类型> 或者&lt;数据类型&gt;-->

        <import type="java.util.Map" />

        <variable
            name="map"
            type="Map&lt;String,String&gt;" />

        <variable
            name="arrays"
            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">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{list[0]}" />
        <!--List集合既可以和数组一样通过索引获取值list[index]方式,也可以调用API-->
        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{list.get(1)}" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{map[`name`]}" />
        <!--Map集合既可以通过map[key]的方式,也可以通过调用API-->
        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{map.get(`age`)}" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{arrays[0]}" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{arrays[1]}" />

    </LinearLayout>
</layout>

泛型的支持会在编译时期报红线,是可以直接运行的,但是需要通过转义字符才行,如:\<数据类型> 或者\<数据类型\>

ThirdActivity

public class ThirdActivity extends AppCompatActivity {

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

        ActivityThirdBinding binding = DataBindingUtil.setContentView(ThirdActivity.this, R.layout.activity_third);
        ArrayList<String> list = new ArrayList<>();
        list.add("first");
        list.add("second");
        binding.setList(list);

        Map<String, String> map = new HashMap<>();
        map.put("name", "zhangsan");
        map.put("age", "40");
        binding.setMap(map);

        String[] arrays = {"lisi", "laowang"};
        binding.setArrays(arrays);
    }
}
3.11 Observable数据改变自动更新

Observable是一个接口,它的子类有BaseObservable,ObservableField,ObservableBoolean, ObservableByte, ObservableChar, ObservableShort, ObservableInt, ObservableLong, ObservableFloat, ObservableDouble, and ObservableParcelable,ObservableArrayList,ObservableArrayMap

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

    <data>
        <import type="www.zhang.com.databinding.model.Animal"/>
        <variable
            name="animal"
            type="Animal"/>
        <variable
            name="list"
            type="android.databinding.ObservableArrayList&lt;String&gt;"/>

        <variable
            name="map"
            type="android.databinding.ObservableArrayMap&lt;String,String&gt;"/>
    </data>
    <!--我们需要展示的布局-->
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{animal.field}" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{String.valueOf(animal.age)}" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{list[0]}" />
        <!--Map集合既可以通过map[key]的方式,也可以通过调用API-->
        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{list[1]}" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{map[`name`]}" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="@{map[`age`]}" />

        <Button
            android:id="@+id/four_btn"
            android:layout_width="match_parent"
            android:text="改变数据"
            android:layout_height="wrap_content" />

    </LinearLayout>
</layout>

Animal类

public class Animal {
    public final ObservableField<String> field = new ObservableField<>();
    public final ObservableInt age = new ObservableInt();
}

FourActivity

package www.zhang.com.databinding;

public class FourActivity extends AppCompatActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityFourBinding binding = DataBindingUtil.setContentView(FourActivity.this, R.layout.activity_four);
        final Animal animal = new Animal();

        animal.field.set("cat");
        animal.age.set(2);
        binding.setAnimal(animal);

        final ObservableArrayList<String> list = new ObservableArrayList<>();
        list.add("dog");
        list.add("mouse");
        binding.setList(list);

        final ObservableArrayMap<String, String> map = new ObservableArrayMap<>();
        map.put("name","Tom");
        map.put("age","4");
        binding.setMap(map);

        binding.fourBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                animal.field.set("dog");
                animal.age.set(4);
                list.set(0,"cat");
                list.set(1,"dog");
                map.put("name","Sam");
                map.put("age","5");
            }
        });

    }
}

当Animal属性数据改变,list/map集合数据改变,会自动更新数据,我们不需要自己手动设置,省去了一个操作,让我们更专注于业务逻辑。

发布了336 篇原创文章 · 获赞 332 · 访问量 100万+
展开阅读全文

如何在include的xml布局中使用观察者模式对ImageView显示的图片进行修改

01-12

主布局 <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:bind="http://schemas.android.com/apk/res-auto"> <data> <import type="android.databinding.ObservableMap"/> <import type="com.village.crops.utils.DataBindUtil"/> <variable name="main" type="ObservableMap<String,Integer>"/> <variable name="click" type="com.village.crops.activity.MainActivity"/> <variable name="imageUtil" type="DataBindUtil"/> <variable name="imageUrl" type="Integer"/> </data> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@color/colorWhite" android:orientation="vertical" > <FrameLayout android:id="@+id/content" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> </FrameLayout> <include android:id="@+id/village_base_bottom" layout="@layout/village_bottom" bind:main="@{main}" bind:click="@{click}" bind:imageUtil="@{imageUtil}" bind:imageUrl="@{imageUrl}"/> </LinearLayout> </layout> 引用布局 <?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:bind="http://schemas.android.com/apk/res-auto"> <data> <import type="android.databinding.ObservableMap"/> <import type="com.village.crops.utils.DataBindUtil"/> <variable name="main" type="ObservableMap<String,Integer>"/> <variable name="click" type="com.village.crops.activity.MainActivity"/> <variable name="imageUtil" type="DataBindUtil"/> <variable name="imageUrl" type="Integer"/> </data> <LinearLayout android:layout_width="match_parent" android:layout_height="50dp" android:background="@color/colorWhite" android:gravity="center_vertical"> <LinearLayout android:id="@+id/layout_home" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" android:orientation="vertical" android:onClick="@{click.onClick}"> <ImageView android:id="@+id/img_home" android:layout_width="30dp" android:layout_height="30dp" android:src='@{main["imgid"]}' bind:imageUrl="@{imageUrl}"/> <TextView android:id="@+id/text_home" android:layout_width="wrap_content" android:layout_height="wrap_content" style="@style/VillageTextTheme" android:text="@string/home_home" android:textColor='@{main["textColor"]}'/> </LinearLayout> </LinearLayout> </layout> Main代码 activityMainBinding = DataBindingUtil.setContentView(this,R.layout.activity_main); ObservableArrayMap<String, Integer> resourceMap = new ObservableArrayMap<>(); resourceMap.put("imgid",R.mipmap.icon_home_car_sel); resourceMap.put("textColor", Color.RED); activityMainBinding.setClick(this); activityMainBinding.setMain(resourceMap); 问答

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览