告别 findView 和 ButterKnife

阅读 5229
收藏 192
2017-04-18
原文链接:www.jianshu.com

写在前面

在以往的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同理。

效果


Image.png

最后

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

项目地址:github.com/ditclear/Ba…

ending...
评论