【实战】AndroidDataBinding从抵触到爱不释手

1 引入

如何高效地实现以下界面?

登录/未登录

有好几年findViewById实战经验的我，感觉并不难啊。一般会

1.先定义一个User的Model类，数据来自JSON解析;

2.创建一个xml，随后在xml中布局完所有View，对头像、标题、积分、登录按钮一个id;

3.在Activity中通过findViewById获取到头像ImageView、标题TextView、积分TextView、登录Button，然后给Button设置监听器，再根据登陆状态展示对应数据;

实现如下：

  • User.java
  • activity_detail.xml
  • DetailActivity

2 去掉烦人的findViewById(View注入)

可以看到，在Activity中View的定义、find、判空占据了大量篇幅，我们需要更优雅的实现。

2.1 ButterKnife

你可能听说过Jake Wharton的ButterKnife，这个库只需要在定义View变量的时候通过注解传入对应id，随后在onCreate时调用ButterKnife.bind(this)即可完成view的注入，示例如下：

2.2 Android Data Binding

如果使用了Android Data Binding，那么View的定义、find、判空这些都不用写了，如何做呢?

2.2.1 准备工作

首先，你需要满足一个条件：你的Android Plugin for Gradle版本必须等于或高于1.5.0-alpha1版本，这个版本位于根目录build.gradle中，示例如下：

 
 
 
 
    
  
  
  
  
  1. buildscript {
    2. 
  
  
  
  
  2.     repositories {
    3. 
  
  
  
  
  3.         jcenter()
    4. 
  
  
  
  
  4.     }
    5. 
  
  
  
  
  5.     dependencies {
    6. 
  
  
  
  
  6.         classpath 'com.android.tools.build:gradle:2.1.0-rc1'
    7. 
  
  
  
  
  7.     }
    8. 
  
  
  
  
  8. } 
    9.

接着，你必须告诉编译器开启Data Binding，一般位于app:build.gradle的android标签中，示例如下：

 
 
 
 
    
  
  
  
  
  1. android {
    2. 
  
  
  
  
  2.     compileSdkVersion 23
    3. 
  
  
  
  
  3.     buildToolsVersion "23.0.2"
    4. 
  
  
  
  
  4. 
  
  
  
  
  5.     dataBinding {
    6. 
  
  
  
  
  6.         enabled true
    7. 
  
  
  
  
  7.     }
    8. 
  
  
  
  
  8.     ...
    9. 
  
  
  
  
  9. } 
    10.

2.2.2 修改layout.xml

以activity_detail.xml为例，原来的根节点为LinearLayout，如下所示：

2.2.3 开始享受乐趣吧!

在上述操作完成后，编译器会自动为我们生成

com.asha.demo.databinding.ActivityDetail2Binding.java类，这个类的命令方式为：包名 + databinding + activity_detail2驼峰命名方式 + Binding.java。随后，使用这个activity_detail2的DetailActivity2.java的代码可以简化为：

 
 
 
 
    
  
  
  
  
  1. public class DetailActivity2 extends AppCompatActivity {
    2. 
  
  
  
  
  2. 
  
  
  
  
  3.     ActivityDetail2Binding binding;    @Override
    4. 
  
  
  
  
  4.     protected void onCreate(@Nullable Bundle savedInstanceState) {        super.onCreate(savedInstanceState);
    5. 
  
  
  
  
  5.         binding = DataBindingUtil.setContentView(this,R.layout.activity_detail2);
    6. 
  
  
  
  
  6. 
  
  
  
  
  7.         login();
    8. 
  
  
  
  
  8.     }    private void login(){ fill(User.newInstance()); }    private void logout(){ fill(null); }    private void fill(final User user){        final int visibility = user != null ? View.VISIBLE : View.GONE;        if (user != null){
    9. 
  
  
  
  
  9.             binding.detailAvatar.setImageDrawable(ContextCompat.getDrawable(this,user.getAvatar()));
    10. 
  
  
  
  
  10.             binding.detailName.setText(user.getName());
    11. 
  
  
  
  
  11.             binding.detailDesc.setText(String.format("积分:%d 等级:%d",user.getScore(),user.getLevel()));
    12. 
  
  
  
  
  12.         }
    13. 
  
  
  
  
  13. 
  
  
  
  
  14.         binding.detailAvatar.setVisibility(visibility);
    15. 
  
  
  
  
  15.         binding.detailName.setVisibility(visibility);
    16. 
  
  
  
  
  16.         binding.detailDesc.setVisibility(visibility);
    17. 
  
  
  
  
  17.         binding.detailActionButton.setOnClickListener(new View.OnClickListener() {                @Override
    18. 
  
  
  
  
  18.                 public void onClick(View v) {                if (user == null) login();                else logout();
    19. 
  
  
  
  
  19.             }
    20. 
  
  
  
  
  20.         });
    21. 
  
  
  
  
  21.         binding.detailActionButton.setText(user == null ? "登录":"退出登录");
    22. 
  
  
  
  
  22.     }
    23. 
  
  
  
  
  23. }
    24.

是的，所有View的定义、find、判空都不见了，所有的这些操作都在编译器为我们生成的ActivityDetail2Binding.java中完成，只需要在onCreate时调用如下代码进行setContentView即可实现，

binding = DataBindingUtil.setContentView(this,R.layout.activity_detail2);

我的天哪

2.2.4 ActivityDetail2Binding中注入View相关的代码分析

可以在as中方便的查看编译器自动生成的类，这个类位于/app/build/intermediates/classes/debug/com/asha/demo/databinding/ActivityDetail2Binding.class中，缩减掉Binding逻辑后的代码为：

其中全局静态SparseIntArray数组中存放了4个数字，这个四个数字为R.java中生成的对应View的id，

 
 
 
 
    
  
  
  
  
  1. public final class R {
    2. 
  
  
  
  
  2.     ...    public static final class id {
    3. 
  
  
  
  
  3.         ...        public static final int detail_action_button = 2131492951;        public static final int detail_avatar = 2131492948;        public static final int detail_desc = 2131492950;        public static final int detail_name = 2131492949;
    4. 
  
  
  
  
  4.         ...
    5. 
  
  
  
  
  5.     }
    6. 
  
  
  
  
  6.     ...
    7. 
  
  
  
  
  7. }
    8.

 在ActvityDetail2Binding实例构造的时候调用了mapBindings，一次解决了所有View的查找，mapBindings函数在ActvityDetail2Binding父类ViewDataBinding中实现。

3 使用表达式在layout.xml中填充model数据

在ActivityDetail2.java中还存在大量的View控制、数据填充代码，如何把这些代码在交给layout.xml完成呢?

3.1 ModelAdapter类

第2节中已经定义了User.java类作为Model类，但是我们经常会遇到Model类和真正View展示不一致的情况，本例子中定义一个来ModelAdapter类来完整Model数据到展示数据的适配。示例代码为ActivityDetail3.java的内部类，可以调用ActivityDetail3.java中的函数，代码定义如下：

3.2 activity_detail3.xml中使用model

同样复制一份activity_detail2.xml为activity_detail3.xml，在节点加入节点，并且在里面定义需要用的model类(比如ModelAdapter adapter)，当然也可以是基础类型变量(比如int visibility);

随后，就可以在下面的view中使用表达式了，全部布局文件如下：

    

    2. 

  2.     
    3. 

  3.         
    4. 

  4.         
    5. 

  5.     
    6. 

  6.     

  7.         android:orientation="vertical" android:layout_width="match_parent"
    8. 

  8.         android:layout_height="match_parent">
    9. 

  9.         

  10.             android:background="@color/detail_background"
    11. 

  11.             android:layout_width="match_parent"
    12. 

  12.             android:layout_height="66dp">
    13. 

  13.         
    14. 

  14.         

  15.             android:src="@{adapter.avatar}"
    16. 

  16.             android:visibility="@{visibility}"
    17. 

  17.             android:id="@+id/detail_avatar"
    18. 

  18.             android:layout_gravity="center"
    19. 

  19.             android:layout_marginTop="-33dp"
    20. 

  20.             android:layout_width="66dp"
    21. 

  21.             android:layout_height="66dp" />
    22. 

  22.         

  23.             android:visibility="@{visibility}"
    24. 

  24.             android:text="@{adapter.name}"
    25. 

  25.             android:id="@+id/detail_name"
    26. 

  26.             android:textSize="17sp"
    27. 

  27.             android:textColor="@color/textColorPrimary"
    28. 

  28.             android:layout_marginTop="15dp"
    29. 

  29.             android:layout_gravity="center"
    30. 

  30.             android:layout_width="wrap_content"
    31. 

  31.             android:layout_height="wrap_content" />
    32. 

  32.         

  33.             android:visibility="@{visibility}"
    34. 

  34.             android:text="@{adapter.desc}"
    35. 

  35.             android:id="@+id/detail_desc"
    36. 

  36.             android:layout_marginTop="15dp"
    37. 

  37.             android:textSize="13sp"
    38. 

  38.             android:layout_gravity="center"%3
                
    
                当前文章：【实战】AndroidDataBinding从抵触到爱不释手
                
    
                分享链接：http://www.mswzjz.cn/qtweb/news20/419220.html
            
    
            
    
                攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等
                                
    
            
    
                广告
                
            
    
            
    
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                贝锐智能

贝锐智能技术为您推荐以下文章

搜索引擎优化知识

分类信息网

营山产后护理服务　　 　服务器托管　　 　成都网站建设公司　　 　东电技服　　 　成都LED显示屏　　 　云服务器　　 　成都网站建设　　 　成都seo优化　　 　佑馨产后护理　　 　响应式网站建设方案　　 　泸州网站建设　　 　广汉锦华橡塑　　 　网站设计公司　　 　四川和正源　　 　成都免费建网站　　 　重庆网站制作　　 　成都全屋定制　　 　金融行业网站建设方案　　 　app制作　　 　网站ssl证书