写在前面
在以往的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同理。
效果
最后
这只是最基础的绑定view的例子以及使用泛型和DataBinding来构造我们的基类,只是写了一个BaseActivity,Fragment同样的道理。DataBinding当然不止这些,还能简化RecyclerView的操作,告别反复的自定义Adapter,推荐大帅的DataBingding入门指南和用于绑定的RecyclerView的库DataBindingAdapter。
项目地址:https://github.com/ditclear/BaseViewBinding