Android官方DataBinding(四):BindingAdapter

简介: Android官方DataBinding(四):BindingAdapter简单初识BindingAdapter,写一个简单的例子,说明BindingAdapter的工作机制。
Android官方DataBinding(四):BindingAdapter

简单初识BindingAdapter,写一个简单的例子,说明BindingAdapter的工作机制。简单期间,可以粗浅认为BindingAdapter实现了数据绑定中,对于某一个绑定值(被观察者)改变后,绑定一个方法,然后执行相应逻辑。
(1)和附录1,2,3一样,毫无例外,先写一个数据模型User.java:
package zhangphil.test;

import android.databinding.BaseObservable;
import android.databinding.ObservableField;
import android.databinding.ObservableInt;

/**
 * Created by Phil on 2017/8/17.
 */

public class User extends BaseObservable {
    public final ObservableInt id = new ObservableInt();
    public final ObservableField<String> name = new ObservableField<>();
    public final ObservableField<String> url = new ObservableField<>();
}

(2)写activity_main.xml:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>
        <variable
            name="user"
            type="zhangphil.test.User" />
    </data>

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

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(user.id)}"
            android:textColor="@android:color/holo_red_light" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.name}"
            android:textColor="@android:color/holo_red_light" />

        <ImageView
            android:layout_width="100dp"
            android:layout_height="100dp"
            app:imageUrl="@{user.url}" />
    </LinearLayout>
</layout>
注意这里ImageView的属性配置。


(3)任意定义一个类,比如叫做Util.java,在这个类里面的方法通过BindingAdapter,imageUrl和loadImage方法绑定:
package zhangphil.test;

import android.databinding.BindingAdapter;
import android.widget.ImageView;

import com.bumptech.glide.Glide;
import com.bumptech.glide.Priority;
import com.bumptech.glide.load.engine.DiskCacheStrategy;
import com.bumptech.glide.load.resource.drawable.DrawableTransitionOptions;
import com.bumptech.glide.request.RequestOptions;


/**
 * Created by Phil on 2017/8/18.
 */

public class Util {
    @BindingAdapter({"imageUrl"})
    public static void loadImage(ImageView view, String u) {
        RequestOptions options = new RequestOptions()
                .centerCrop()
                .placeholder(R.mipmap.ic_launcher_round)
                .error(R.mipmap.ic_launcher)
                .priority(Priority.HIGH)
                .diskCacheStrategy(DiskCacheStrategy.NONE);

        Glide.with(view.getContext()).applyDefaultRequestOptions(options).load(u).transition(new DrawableTransitionOptions().crossFade(1000)).into(view);
    }
}
(注:Glide是v4.0.0)


(4)上层MainActivity.java:
package zhangphil.test;

import android.databinding.DataBindingUtil;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

import zhangphil.test.databinding.ActivityMainBinding;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.activity_main);

        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        User user = new User();
        binding.setUser(user);

        user.id.set(1);
        user.name.set("zhangphil");
        //user.url.set("http://avatar.csdn.net/9/7/A/1_zhangphil.jpg");
        user.url.set("https://www.baidu.com/img/bd_logo1.png");
    }
}


代码运行结果:



在activity_main.xml里面的ImageView,由于定义了app:imageUrl="@{user.url}" 
这使得user.url这个数据字段成为方法imageUrl的被观察者,BindingAdapter两者绑定在一起,user.url的动态变化,直接导致imageUrl的调用。同时,user.url将作为一个字符串变量传递给imageUrl方法,在imageUrl方法里面,反向的将Glide加载的图片赋值给绑定的ImageView。


附录:
1,《Android官方DataBinding简例(一)》链接:http://blog.csdn.net/zhangphil/article/details/77322530   
2,《Android官方DataBinding(二):动态数据更新notifyPropertyChanged》链接:http://blog.csdn.net/zhangphil/article/details/77328688  
3,《Android官方DataBinding(三):RecyclerView 使用ViewDataBinding更新数据》链接:http://blog.csdn.net/zhangphil/article/details/77367432 

相关文章
|
2月前
|
存储 前端开发 测试技术
Android 官方架构中的 UseCase 该怎么写?
Android 官方架构中的 UseCase 该怎么写?
50 0
|
7月前
|
Android开发
Android JetPack组件之DataBinding的使用详解
Android JetPack组件之DataBinding的使用详解
143 0
|
7月前
|
Android开发
Android 使用DataBinding时 将布局页面转换为数据绑定布局(Convert to data binding layout) 不出现提示解决办法
Android 使用DataBinding时 将布局页面转换为数据绑定布局(Convert to data binding layout) 不出现提示解决办法
82 0
|
9月前
|
SQL 数据库 Android开发
Android官方数据库框架-Room
Android官方数据库框架-Room
436 0
|
Android开发 前端开发
Android DataBinding 的使用姿势
Android DataBinding 的使用姿势
|
物联网 Android开发
Android 蓝牙BLE开发从官方源码demo开始(二)
Android 蓝牙BLE开发从官方源码demo开始(二)
|
小程序 物联网 Java
Android 蓝牙BLE开发从官方源码demo开始(一)
Android 蓝牙BLE开发从官方源码demo开始(一)
|
XML 前端开发 JavaScript
Android基础入门:dataBinding的使用
dataBinding是实现 view 和 data 绑定的工具,把数据映射到 view 的 xml中,可以在 xml 布局文件中实现 view 的赋值,方法调用。使用 DataBinding 后,我们不用再写 findViewById,不用再获取控件对象,不用再设置监听,可以节省我们 activity 中的很多获取控件,赋值,添加监听所需要的代码。 可以说MVP + DataBinding就是MVVC(关于MVC,MVP,MVVC的区别可看往期文章
207 0
|
存储 安全 API
android官方的加密库-security
android官方的加密库-security
323 0
android官方的加密库-security
|
Android开发
Android官方下拉选择控件Spinner
Android官方下拉选择控件Spinner
342 0
Android官方下拉选择控件Spinner

相关产品

  • 云迁移中心