神刀安全网

告别findView和ButterKnife


写在前面

在以往的android开发中,我们需要使用到findviewById方法来进行初始化view,所以对于页面复杂的情况,经常会看到十几二十行的findviewById方法,而如果需要设置点击事件,则又需要十几二十行的代码,写着很枯燥也很耽搁时间。作为一个程序员而不是搬运工,千万不要做没有效率的事,好在jake大神给我们带来了ButterKnife,在一段时间内为我们自动绑定了view,代替了繁杂的手写步骤。

可是相信使用过ButterKnife的同学都有一个感受,就是如果一个页面view过多的话,也需要一长串的bindView代码,导致一个页面轻轻松松300行+的代码量,看着也有点不舒服。而这些也都是重复性的工作,那么有什么办法解决吗?

有啊!

DataBinding

说实话,DataBinding也出来蛮久了,可是用的人也蛮少的。原因可能是大家在选择的时候多选择了比较流行的MVP,二来是DataBinding还没有像前端那样完善,处于一个观望的状态。但是最近已经出现了越来越多的DataBinding的文章,说明越来越多的开发者开始注重这一块的技术,毕竟是金子总会发光的,不多说。

首先,我们需要开启DataBinding,不需要引入额外的依赖库,因为DataBinding是在support包中的。

android {     …     dataBinding {         enabled = true     } }

然后,我们只需要在改变一下xml的写法:

//activity_main.xml <?xml version="1.0" encoding="utf-8"?> <layout>      <data>      </data>      <RelativeLayout         xmlns:android="http://schemas.android.com/apk/res/android"         xmlns:tools="http://schemas.android.com/tools"         android:id="@+id/activity_main"         android:layout_width="match_parent"         android:layout_height="match_parent"         android:paddingBottom="@dimen/activity_vertical_margin"         android:paddingLeft="@dimen/activity_horizontal_margin"         android:paddingRight="@dimen/activity_horizontal_margin"         android:paddingTop="@dimen/activity_vertical_margin"         tools:context="com.ditclear.app.MainActivity">          <TextView             android:id="@+id/content_tv"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_centerInParent="true"             android:text="Hello World!"/>     </RelativeLayout>  </layout>

其实和以前差不多,就是外面包了一层<layout>,所以迁移起来很快。

然后就可以使用了,这样写了之后,系统会给你生成一个以xml文件名为前缀的文件。比如activity_main.xml,则会在build文件夹下生成ActivityMainBinding.java的文件,里面有各种绑定View的操作,这样我们就不用在自己的activity中写了。而使用的话直接使用ActivityMainBinding的对象就好了。
例子:

package com.ditclear.app;  import android.databinding.DataBindingUtil; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v7.app.AppCompatActivity;  import com.ditclear.app.databinding.ActivityMainBinding;//生成的bind文件  public class MainActivity extends AppCompatActivity {       private ActivityMainBinding mBinding;      @Override     protected void onCreate(@Nullable Bundle savedInstanceState) {         super.onCreate(savedInstanceState);          mBinding= DataBindingUtil.setContentView(this,R.layout.activity_main);          mBinding.contentTv.setText("this is bindText");//轻轻松松拿到view     } }

很简单,而且activity瞬间简洁了。

当然还有更简单的写法,生成的binding文件和DataBindingUtil.setContentView()方法其实都是固定的,我们可以使用泛型来简化这些步骤,相信大家都想到了。

首先抽象出一个基类BaseBindActivity:

**  * 页面描述:activity基类  * <p>  * Created by ditclear on 2017/4/16.  */  public abstract class BaseBindActivity<VB extends ViewDataBinding> extends AppCompatActivity {      protected VB mBinding;     ...      @Override     protected void onCreate(@Nullable Bundle savedInstanceState) {         super.onCreate(savedInstanceState);          View rootView = getLayoutInflater().inflate(this.getLayoutId(), null, false);         mBinding = DataBindingUtil.bind(rootView);           super.setContentView(rootView);          ...         initView();     }       @LayoutRes     protected abstract int getLayoutId();        protected void initView(); }

接下来,我们继承它然后传入layoutId就行了。

package com.ditclear.app;  import com.ditclear.app.base.BaseBindActivity; import com.ditclear.app.databinding.ActivityMainBinding;  public class MainActivity extends BaseBindActivity<ActivityMainBinding> {       @Override     protected int getLayoutId() {         return R.layout.activity_main;     }      @Override     protected void initView() {          mBinding.contentTv.setText("this is bindText");     }   }

需要注意的是,如果是以include的方式存在于xml文件中的话,我们需要为include的布局设置一个id,并且include的布局也需要写成databinding的形式。

toolbar_default.xml

<?xml version="1.0" encoding="utf-8"?> <layout>      <data>      </data>      <android.support.v7.widget.Toolbar         xmlns:android="http://schemas.android.com/apk/res/android"         xmlns:app="http://schemas.android.com/apk/res-auto"         android:id="@+id/toolbar"         android:layout_width="match_parent"         android:layout_height="?actionBarSize"         android:background="@color/colorPrimary"         app:theme="@style/AppTheme">          <TextView             android:id="@+id/title_tv"             android:layout_width="wrap_content"             android:layout_height="match_parent"             android:layout_gravity="center"             android:gravity="center"             android:textColor="@color/text_default"             android:textSize="@dimen/text_size_default"             android:textStyle="bold"/>     </android.support.v7.widget.Toolbar> </layout>

activity_main.xml

<?xml version="1.0" encoding="utf-8"?> <layout>      <data>      </data>      <RelativeLayout         xmlns:android="http://schemas.android.com/apk/res/android"         xmlns:tools="http://schemas.android.com/tools"         android:id="@+id/activity_main"         android:layout_width="match_parent"         android:layout_height="match_parent"         tools:context="com.ditclear.app.MainActivity">          <include             android:id="@+id/toolbar_layout"             layout="@layout/toolbar_default"/>          <TextView             android:id="@+id/content_tv"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_centerInParent="true"             android:text="Hello World!"/>     </RelativeLayout>  </layout>

这样我们就能直接操作toolbar了

 @Override     protected void initView() {          mBinding.toolbarLayout.titleTv.setText("main");         mBinding.contentTv.setText("this is bindText");     }

当然,由于有一些子类的布局并不需要include一个toolbar布局,所以在BaseBindActivity里我们还是通过findViewById来进行操作,毕竟不能忘本啊。

  /**      * 初始化toolbar      */     private void initToolBar() {         toolbar = (Toolbar) findViewById(R.id.toolbar);         if (toolbar != null) {           //有些布局可能不需要toolbar,判断是否为空,来进行剩下的操作           //recyclerView和RefreshLayout同理             setSupportActionBar(toolbar);             getSupportActionBar().setDisplayHomeAsUpEnabled(true);             getSupportActionBar().setTitle(null);             setShowBackNavigation(true);         }     }

这样我们就能操作toolbar了,和以前的写法一模一样,限制就是统一了toolbar的id为toolbar,但是我觉得这也能算是团队间的规范吧,免得出现形形色色的名称。

recyclerView和RefreshLayout同理。

效果

告别findView和ButterKnife

Image.png

最后

这只是最基础的绑定view的例子以及使用泛型和DataBinding来构造我们的基类,只是写了一个BaseActivity,Fragment同样的道理。DataBinding当然不止这些,还能简化RecyclerView的操作,告别反复的自定义Adapter,推荐大帅的DataBingding入门指南和用于绑定的RecyclerView的库DataBindingAdapter

项目地址:https://github.com/ditclear/BaseViewBinding

ending…

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 告别findView和ButterKnife

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址