告别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同理。

效果

Image.png

最后

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

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

ending...
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容