Android Study之findViewById变迁之路

移动开发 Android
今天我们一块来聊聊项目常用的findViewById,这个东西可以简单理解为:初始化控件,实例化控件,方便进行其他操作。

前言

今天我们一块来聊聊项目常用的findViewById,这个东西可以简单理解为:初始化控件,实例化控件,方便进行其他操作。一般来说,我们通常这么写:

  1. private void initView() { 
  2.    TextView tvTest = (TextView) findViewById(R.id.id_test); 
  3.  

上面的例子很简单,只是初始化一个TextView,但是在实际项目中,每个Activity,Fragment或者Adapter中有n个控件,每个控件都需要我们实例化控件,才能对其进行操作,一次次的findViewById,感觉好烦呐~!

有没有好办法呢?当然有很多种方式,但是我们要找适合自己项目的,下面将会为大家依次举例说明~

通过注解方式简化findViewById

在前几年,Xutils比较火爆,火爆的原因有很多,简单列举下,LZ更看好Xutils使用方便,至少为我们封装了很多常用的工具,就好比常用的恶心的图片处理,Xutils有很好的支持,同样,Xutils也支持注解方式去简化findViewById,简单举例如下:

  1. // xUtils的view注解要求必须提供id,以使代码混淆不受影响。@ViewInject(R.id.id_test) 
  2. TextView tvTest ;  

比较出名的ButterKnife,之前LZ也对此专门学习了下,相关文章地址如下:

一篇文章玩转ButterKnife,让代码更简洁

同理简单举例如下:

  1. @BindView(R.id.id_test)TextView tvTest; 

以上简单为大家列举俩种,至少是LZ用到过的,当让有关支持注解方式的好用的还有很多,欢迎大家交流,一起学习~

个人封装findViewById

刚刚在网上搜索,突然看到有一哥儿们经过其老师启发,个人封装了一个,LZ看到感觉不错,先试试看看好不好用。

简单修改之后,通过测试,感觉还不错,下面为大家附上源码:

  1. /** 
  2.  * Created by HLQ on 2017/6/25 0025. 
  3.  */ 
  4. public class FindView {     
  5.      private static Activity activity;    // 运用了单例模式中的饿汉式 
  6.     private static final FindView findView = new FindView();     
  7.        /** 
  8.      * 获取Activity实例 
  9.      * 
  10.      * @param activity 
  11.      */ 
  12.     private static void setActivity(Activity activity) { 
  13.         FindView.activity = activity; 
  14.     }    /** 
  15.      * 初始化FindView 
  16.      * 
  17.      * @param activitys 
  18.      * @return 
  19.      */ 
  20.     public static FindView with(Activity activitys) { 
  21.         setActivity(activitys);         
  22.            return findView; 
  23.     }    /** 
  24.      * 根据Id获取View实例 
  25.      * 
  26.      * @param id 
  27.      * @param <T> 
  28.      * @return 
  29.      */ 
  30.     public <T extends View> T getView(int id) { 
  31.         View view = activity.findViewById(id);         
  32.            return (T) view
  33.     }    /** 
  34.      * 设置TextView内容 
  35.      * 
  36.      * @param id 
  37.      * @param content 
  38.      * @return 
  39.      */ 
  40.     public FindView setTextContent(int id, String content) { 
  41.         TextView textView = getView(id); 
  42.         textView.setText(content);         
  43.            return this; 
  44.     }    /** 
  45.      * 设置ImageView 资源 
  46.      * 
  47.      * @param id 
  48.      * @param imgResource 
  49.      * @return 
  50.      */ 
  51.     public FindView setImageResource(int id, int imgResource) { 
  52.         ImageView iv = getView(id); 
  53.         iv.setImageResource(imgResource);         
  54.            return this; 
  55.     } 
  56.  
  57.  

那么我们该如何使用呢?简单说下,调用有如下俩种方式:

  1. 通过链式调用,你可以直接调用封装好的setText or setImgResource进行直接赋值;
  2. 通过链式调用getView获取控件实例,然后进行相应操作即可。

还有一点,大家可自行根据项目进行拓展封装类。

下面为大家附上具体俩种方式调用以及运行结果:

方式一 调用方式:

  1. FindView.with(this).setTextContent(R.id.id_test, "Hello").setImageResource(R.id.iv_test,R.mipmap.ic_launcher); 

运行结果: 

 

 

 

方式二 调用方式:

  1. TextView textView= FindView.with(this).getView(R.id.id_test); 
  2. textView.setText("你好");  

运行结果: 

 

 

 

通过泛型来简化findViewById

一般来说我们会在BaseActivity中定义一个泛型获取View实例方法,如下:

  1. public final <E extends View> E getView(int id) {         
  2.     try {             
  3.         return (E) findViewById(id); 
  4.         } catch (ClassCastException ex) { 
  5.             Log.e("HLQ_Struggle""Could not cast View to concrete class." + ex);             
  6.     throw ex; 
  7.         } 
  8.     }  

调用很简单,如下:

  1. TextView textView = getView(R.id.id_test); 
  2. textView.setText("你在干嘛");  

这个结果就不必说了吧?

抽取泛型方法为公共类

这里和上一个方法类型,但是上一个方法或有一些缺陷就是,我在非Activtiy中调用怎么办呢?难不成要在各个Base中都要Copy一次?个人感觉不是很如意。

  1. /** 
  2.      * 获取控件实例 
  3.      * @param view 
  4.      * @param viewId 
  5.      * @param <T> 
  6.      * @return View 
  7.      */ 
  8.     public static <T extends View> T viewById(View viewint viewId) {         
  9.         return (T) view.findViewById(viewId); 
  10.     }  

这样一来,调用就有点恶心了,如下:

在Activitiy中调用方式如下:

  1. TextView textView = UIHelper.viewById(selfActivity.getWindow().getDecorView(), R.id.id_test); 

Fragment中调用如下:

  1. TextView textView= UIHelper.viewById(getActivity().getWindow().getDecorView(), R.id.id_test); 

如果喜欢来来回回Copy的同志,这也不妨是一种办法。前方高能~

谷歌爸爸的DataBinding

话说这玩意LZ也是前几天才知道,之前从未关注过,不过简单了解后,发现确实很666,想必反射或者注解方式,性能上非常666;

下面引入目前来说比较6的说法:

DataBinding完全超越了findViewById!findViewById本质上是一次对view树的遍历查找,每次调用控件都会查找一次,虽然是O(n)的性能,但多次调用就变成了O(n)x m。但DataBinding则不然,通过一次遍历把所有的控件查找出来,然后赋值给对应的变量,完全不依赖findViewById,在任何情况下,复杂度都是O(n)。同样的是生成代码,但数据绑定框架提供了更多的功能,提高工作效率,编写更安全可靠的代码。

So,我们还有什么理由拒绝呢?

简单了解下吧,不然糊里糊涂的。

DataBinding简介

DataBinding,2015年IO大会介绍的一个框架,字面理解即为数据绑定。由于一般的开发过程中,Activity既需要做实现网络请求,又需要实现界面的渲染/用户之间的交互,如果一个页面的功能更为复杂,对后期的项目维护更加艰难。因此,推出该框架有利于简化功能模块,尽量将界面的渲染/用户交互的功能分化在单独的模块中。

感受DataBinding魅力

说啥也不如直接撸码来的实际,方便,快捷。下面通过一个简单的小例子,开启DataBinding Study。

1.build中配置开启DataBinding

  1. dataBinding { 
  2.       enabled = true 
  3.   }  

2.编写我们的布局文件,在这里大家要记住以下几点:

  • 布局文件根使用< layout >< /layout >包裹;
  • < layout >下只能有一个节点,这点和ScrollView一样

基于以上俩点,编写实现我们的布局文件:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <layout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     <LinearLayout 
  4.         android:layout_width="match_parent" 
  5.         android:layout_height="match_parent" 
  6.         android:orientation="vertical"
  7.  
  8.         <TextView 
  9.             android:id="@+id/id_test" 
  10.             android:layout_width="wrap_content" 
  11.             android:layout_height="wrap_content"/> 
  12.  
  13.         <ImageView 
  14.             android:id="@+id/iv_test" 
  15.             android:layout_width="wrap_content" 
  16.             android:layout_height="wrap_content"/> 
  17.     </LinearLayout></layout>  

布局文件ok了之后,我们紧接着实现我们的Activity,话说怎么调用呢?瞧好吧您呐~

3.Activity中调用

Build一下项目,之后按照如下方式调用:

  1. ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main); 
  2.         binding.idTest.setText("Hi DataBinding~"); 
  3.         binding.idTest.setOnClickListener(new View.OnClickListener() {             
  4.              @Override 
  5.             public void onClick(View view) { 
  6.                 Toast.makeText(MainActivity.this, "响应点击事件~", Toast.LENGTH_SHORT).show(); 
  7.             } 
  8.         });  

关于以上内容,我们还可以这样写,假设,我们要显示学生姓名,那么接下来进行三步走。

一步走:定义简单实体类

  1. package cn.hlq.test;/** 
  2.  * Created by HLQ on 2017/6/26 0026. 
  3.  */public class Student {     
  4.     public Student(String stuName) {         
  5.         this.stuName = stuName; 
  6.     }    private String stuName;     
  7.             public String getStuName() {         
  8.                 return stuName; 
  9.     }    public void setStuName(String stuName) {         
  10.             this.stuName = stuName; 
  11.     } 
  12.  

二步走,修改layout文件:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <layout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     <data> 
  4.         <variable 
  5.             name="stu" 
  6.             type="cn.hlq.test.Student" /> 
  7.     </data> 
  8.     <LinearLayout 
  9.         android:layout_width="match_parent" 
  10.         android:layout_height="match_parent" 
  11.         android:orientation="vertical"
  12.  
  13.         <TextView 
  14.             android:layout_width="wrap_content" 
  15.             android:layout_height="wrap_content" 
  16.             android:text="@{stu.stuName}"/> 
  17.  
  18.         <ImageView 
  19.             android:id="@+id/iv_test" 
  20.             android:layout_width="wrap_content" 
  21.             android:layout_height="wrap_content"/> 
  22.     </LinearLayout></layout>  

在此为大家简单说明下:

  • < data >< /data >:绑定数据源 也就是你的实体类
  • < variable >:基本参数配置
    • name:别名 方便直接在控件中赋值
    • type:指向实体类地址

三步走,Activity改怎么玩呢?

  1. ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main); 
  2. binding.setStu(new Student("贺利权"));  

瞧瞧运行结果,毛主席曾经说过:实践是检验真理的唯一标准 

 

 

 

以上为大家简单举例了俩种实现方式。其他使用技能就需要大家自己get了。在此为大家提供官方api地址:

https://developer.android.google.cn/reference/android/databinding/package-summary.html

在此,为大家说明下以上Activity调用内容。

Build后会为我们生成layout名称+Binding的一个文件,我们主要操作就是通过他去实现,我们一起相关调用类中是如何操作的。

首先要知道DataBinding是基于MVVM思想实现数据和UI绑定的框架,那么什么事MVVM,这里简单了解下即可:

MVVM是Model-View-ViewModel的简写,也可以简单理解为MVC升级,不过没用过,不知道有什么优势。估摸也是什么解耦和,可拓展吧。

基于之前说过的DataBinding通过一次遍历把所有的控件查找出来,然后赋值给对应的变量,那我们一起去看看DataBindingUtil里面是如何操作的。

1.点进去我们可以清楚的看到它调用了一个泛型setContentView方法,简单的翻译了下。

  1. /** 
  2.      * 设置Activity的内容视图为给定的布局并返回相关的绑定。 
  3.      * 给定的布局资源不能包含合并的布局。 
  4.      * 
  5.      * @param activity Activity视图应该改变活动的内容。 
  6.      * @param layoutId 布局的资源ID是引入,绑定,并设置为Activity的内容。 
  7.  
  8.      * @return 绑定与膨胀的内容相关联的视图。 
  9.      */ 
  10.     public static <T extends ViewDataBinding> T setContentView(Activity activity, int layoutId) {        return setContentView(activity, layoutId, sDefaultComponent); 
  11.     } 

 2.继续往下看,通过设置layout,获取View实例以及查找要进行绑定改内容,之后通过bindToAddedViews方法返回。

  1. /** 
  2.      * Set the Activity's content view to the given layout and return the associated binding. 
  3.      * The given layout resource must not be a merge layout. 
  4.      * 
  5.      * @param bindingComponent The DataBindingComponent to use in data binding. 
  6.      * @param activity The Activity whose content View should change. 
  7.      * @param layoutId The resource ID of the layout to be inflated, bound, and set as the 
  8.      *                 Activity's content. 
  9.      * @return The binding associated with the inflated content view
  10.      */ 
  11.     public static <T extends ViewDataBinding> T setContentView(Activity activity, int layoutId, 
  12.             DataBindingComponent bindingComponent) {        // 设置ContentView 
  13.         activity.setContentView(layoutId);        // 获取View实例 
  14.         View decorView = activity.getWindow().getDecorView();        // 查找内容 
  15.         ViewGroup contentView = (ViewGroup) decorView.findViewById(android.R.id.content);        // 返回绑定后添加的View 
  16.         return bindToAddedViews(bindingComponent, contentView, 0, layoutId); 
  17.     }  

3.最后我们会发现他通过校验节点数量去绑定并添加View返回

  1. // 方法名键明其意 绑定并添加到View 
  2.     private static <T extends ViewDataBinding> T bindToAddedViews(DataBindingComponent component, 
  3.             ViewGroup parent, int startChildren, int layoutId) {        // 获取到parent下子节点数量 
  4.         final int endChildren = parent.getChildCount();        // 校验其下节点数量 
  5.         final int childrenAdded = endChildren - startChildren;        if (childrenAdded == 1) { // 如果只有一个节点,获取实例并添加绑定返回即可 
  6.             final View childView = parent.getChildAt(endChildren - 1);            return bind(component, childView, layoutId); 
  7.         } else { // 如果不止一个节点,需要循环遍历添加 
  8.             final View[] children = new View[childrenAdded];            for (int i = 0; i < childrenAdded; i++) { 
  9.                 children[i] = parent.getChildAt(i + startChildren); 
  10.             }            return bind(component, children, layoutId); 
  11.         } 
  12.     }  

4.不知道大家有没有注意到DataBindingUtil有一个静态常量:

  1. private static DataBinderMapper sMapper = new DataBinderMapper(); 

看名字,猜测应该是Map类型,具有key value,无可置疑,点击去继续瞅瞅。

  1. package android.databinding;import cn.hlq.test.BR;class DataBinderMapper  {    final static int TARGET_MIN_SDK = 24;    public DataBinderMapper() { 
  2.     }    public android.databinding.ViewDataBinding getDataBinder(android.databinding.DataBindingComponent bindingComponent, android.view.View viewint layoutId) {        switch(layoutId) {                case cn.hlq.test.R.layout.activity_main:                    return cn.hlq.test.databinding.ActivityMainBinding.bind(view, bindingComponent); 
  3.         }        return null
  4.     } 
  5.     android.databinding.ViewDataBinding getDataBinder(android.databinding.DataBindingComponent bindingComponent, android.view.View[] views, int layoutId) {        switch(layoutId) { 
  6.         }        return null
  7.     }    int getLayoutId(String tag) {        if (tag == null) {            return 0; 
  8.         }        final int code = tag.hashCode();        switch(code) {            case 423753077: {                if(tag.equals("layout/activity_main_0")) {                    return cn.hlq.test.R.layout.activity_main; 
  9.                 }                break; 
  10.             } 
  11.         }        return 0; 
  12.     }    String convertBrIdToString(int id) {        if (id < 0 || id >= InnerBrLookup.sKeys.length) {            return null
  13.         }        return InnerBrLookup.sKeys[id]; 
  14.     }    private static class InnerBrLookup {        static String[] sKeys = new String[]{            "_all"}; 
  15.     } 

 5.乱七八糟一堆,但是这里面大家有没有发现

  1. switch(layoutId) { case cn.hlq.test.R.layout.activity_main: return cn.hlq.test.databinding.ActivityMainBinding.bind(view, bindingComponent); 
  2.  
  3.  

多么熟悉的内容,这个不就是我们的layout吗!通过判断是哪儿个layout,从而进行绑定相应的源。

6.继续点击进去,我们会发现,首先会去view去校验是否添加了当前layout的tag,如果添加则会直接return为我们生成的ActivityMainBinding类中。

  1. public static ActivityMainBinding bind(android.view.View view, android.databinding.DataBindingComponent bindingComponent) {        if (!"layout/activity_main_0".equals(view.getTag())) {            throw new RuntimeException("view tag isn't correct on view:" + view.getTag()); 
  2.        }        return new ActivityMainBinding(bindingComponent, view); 
  3.    } 

 7.查看为我们生成ActivityMainBinding构造方法

  1. public ActivityMainBinding(android.databinding.DataBindingComponent bindingComponent, View root) {         
  2.           super(bindingComponent, root, 0);        // 获取return的绑定View实例 
  3.         final Object[] bindings = mapBindings(bindingComponent, root, 3, sIncludes, sViewsWithIds);         
  4.               // 这个就不必说了吧 
  5.             this.idTest = (android.widget.TextView) bindings[1];         
  6.               this.ivTest = (android.widget.ImageView) bindings[2];         
  7.               this.mboundView0 = (android.widget.LinearLayout) bindings[0];         
  8.               this.mboundView0.setTag(null); 
  9.         setRootTag(root);        // 设置相关监听 也可理解请求相关监听 
  10.         invalidateAll(); 
  11.     }  

简单的分析到这,不正之处欢迎大家指正~一起进步~

结束语

get 技能 运用技能 发现问题 解决问题 记录问题

超神之路 挖坑不止 填坑不止

大家加油 

责任编辑:庞桂玉 来源: 安卓巴士Android开发者门户
相关推荐

2017-06-23 15:01:10

2015-10-22 16:50:28

MySQLcommitautocommit

2015-10-10 09:51:51

TCP网络协议客户端

2015-10-12 08:33:06

TCP网络协议服务端

2014-07-28 14:04:26

2021-07-12 23:43:46

AppAndroid优化

2012-11-01 13:48:26

HR管理

2016-06-06 18:26:04

2011-08-29 09:54:49

信息安全防泄漏内网安全

2011-09-07 08:59:23

2017-09-30 09:43:57

YouTube推荐系统

2022-02-09 14:13:18

Android 12冷启动UC内核

2011-08-23 10:49:44

算法

2018-08-22 14:25:42

搜索LuceneQuery

2011-09-08 10:26:49

2015-12-10 21:31:19

七牛数据处理架构变迁

2009-12-22 18:24:13

WCF面向服务

2014-07-30 09:25:55

2017-12-07 14:21:57

存储方式变迁

2021-04-27 09:35:36

业务领域建模
点赞
收藏

51CTO技术栈公众号