相信大家在Android编程中，应该会有一种体验：一个Activity要执行的功能太多了，导致代码有时甚至上千行，极其不方便阅读和修改，这里，面向Holder编程，就是解决这个问题的一个绝佳方案。
所谓面向Holder编程，其实很简单，就是把一个大的复杂的功能或者页面分成几个小的功能分别去实现，下面我们看一张图片来说明面向Holder编程思想：
拆分界面
这里，我们可以将该界面分成6个部分来完成：顶部导航栏、车城头条、车城服务、认证专区、热门推荐、购车攻略。
最后这个界面的布局如下：
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.che.chechengwang.support.view.ObservableScrollView
android:id="@+id/sv_root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff"
android:overScrollMode="never"
android:scrollbars="none">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<!--车城头条-->
<FrameLayout
android:id="@+id/fr_carHead"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<!--车城服务-->
<FrameLayout
android:id="@+id/fr_carService"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<!--认证专区-->
<FrameLayout
android:id="@+id/fr_authRegion"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<!--热门推荐-->
<FrameLayout
android:id="@+id/fr_hotRecommend"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<!--购车攻略-->
<FrameLayout
android:id="@+id/fr_buyGuide"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
</com.che.chechengwang.support.view.ObservableScrollView>
<!--顶部导航栏-->
<FrameLayout
android:id="@+id/fr_searchbar"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</FrameLayout>各个击破
下面以”热门推荐”Holder来看看具体实现：
public class Holder_HotRecommend extends BaseHolder {
@Bind(R.id.more01)
View more01;
@Bind(R.id.more02)
ImageView more02;
@Bind(R.id.rl_more)
RelativeLayout rlMore;
@Bind(R.id.iv_hot01)
ImageView ivHot01;
@Bind(R.id.tv_hot01)
TextView tvHot01;
@Bind(R.id.iv_hot02)
ImageView ivHot02;
@Bind(R.id.tv_hot02)
TextView tvHot02;
@Bind(R.id.iv_hot04)
ImageView ivHot04;
@Bind(R.id.tv_hot04)
TextView tvHot04;
@Bind(R.id.iv_hot03)
ImageView ivHot03;
@Bind(R.id.tv_hot03)
TextView tvHot03;
@Bind(R.id.iv_hot05)
ImageView ivHot05;
@Bind(R.id.tv_hot05)
TextView tvHot05;
@Override
public View setContentView() {
return CarHelper.inflate(R.layout.holder_home_hotrecommend);
}
public void setRecommend(List<HomeResponse.HotListEntity> hotList) {
ImageView[] icons = new ImageView[]{ivHot01, ivHot02, ivHot03, ivHot04, ivHot05};
TextView[] titles = new TextView[]{tvHot01, tvHot02, tvHot03, tvHot04, tvHot05};
for (int i = 0; i < hotList.size(); i++) {
HomeResponse.HotListEntity item = hotList.get(i);
ImagePresenter.display(item.getImg(), icons[i]);
titles[i].setText(item.getName());
}
}
}这里呢，我的Holder_HotRecommend是继承自一个基类BaseHolder,其实这个基类也没做啥，就是定义了加载布局的抽象方法，并注册了Butterknife而已，代码如下：
public abstract class BaseHolder {
private View contentView;
public BaseHolder() {
contentView = setContentView();
ButterKnife.bind(this, contentView);
init();
}
//把当前的view返回给父类
public View getContentView() {
return contentView;
}
//设置根视图
public abstract View setContentView();
//执行一些初始化的操作，非必须，所以空实现了，需要的话重写即可
public void init() {
}
}贴到墙上
这里呢，Activity（或Fragment）就像照片墙，我们只需要不断地往上贴照片，具体的照片拍成什么样,那个就不归activity管了。我这里呢，是用一个fragment来做照片墙的，那么如何贴上去呢，我们来看代码：
public class M1_HomeFragment extends CarBaseFragment {
@Bind(R.id.fr_carHead)
FrameLayout frCarHead;
@Bind(R.id.fr_carService)
FrameLayout frCarService;
@Bind(R.id.fr_authRegion)
FrameLayout frAuthRegion;
@Bind(R.id.fr_hotRecommend)
FrameLayout frHotRecommend;
@Bind(R.id.fr_buyGuide)
FrameLayout frBuyGuide;
@Bind(R.id.sv_root)
ObservableScrollView svRoot;
@Bind(R.id.fr_searchbar)
FrameLayout frSearchbar;
private Holder_SearchBar holderSearchBar;
private Holder_CarHead holderCarHead;
private Holder_CarService holderCarService;
private Holder_AuthRegion holderAuthRegion;
private Holder_HotRecommend holderHotRecommend;
private Holder_BuyGuide holderBuyGuide;
private View mainView;
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
mainView = inflater.inflate(R.layout.fragment_home_container, null);
ButterKnife.bind(this, mainView);
initView();
initData();
return mainView;
}
private void initView() {
holderSearchBar = new Holder_SearchBar();
holderCarHead = new Holder_CarHead();
holderCarService = new Holder_CarService();
holderAuthRegion = new Holder_AuthRegion();
holderHotRecommend = new Holder_HotRecommend();
holderBuyGuide = new Holder_BuyGuide();
frSearchbar.addView(holderSearchBar.getContentView());
frCarHead.addView(holderCarHead.getContentView());
frCarService.addView(holderCarService.getContentView());
frAuthRegion.addView(holderAuthRegion.getContentView());
frHotRecommend.addView(holderHotRecommend.getContentView());
frBuyGuide.addView(holderBuyGuide.getContentView());
holderSearchBar.setBannerHeight(DensityUtil.getScreenWidth() * 3 / 5);
svRoot.setScrollViewListener(holderSearchBar);
}
private void initData() {
HttpPresenter.getHomeInfo(getActivity().hashCode(), new OkHttpUtil.HttpCallBack<HomeResponse>() {
@Override
public void onSuccss(HomeResponse homeResponse) {
LogUtil.print(JsonUtil.getInstance().objToString(homeResponse));
holderCarHead.setBanner(homeResponse.getBannerList());
holderCarHead.setHeadInfo(homeResponse.getHeadInfo());
holderAuthRegion.setAuthList(homeResponse.getAuthList());
holderAuthRegion.setAcBanner(homeResponse.getActbannerlist());
holderHotRecommend.setRecommend(homeResponse.getHotList());
holderBuyGuide.setData(homeResponse.getBuyguideList());
}
@Override
public void onFailure(String error) {
}
});
}
@Override
public void onDestroyView() {
super.onDestroyView();
ButterKnife.unbind(this);
holderCarHead.stopTask();
}
}这里，其实就是用我们第一步的FrameLayout分别添加了每个Holder的contentView。
这里你也许会说，我的Holder是如何获取网络数据的呢？很简单，因为这里，我们的所有Holder都是同一个数据来源，所以我将获取数据的方法写在了照片墙上，当获取了数据之后，再给holder对象添加一个set方法，将需要的数据给set进去即可。如果我的Holder内中执行某个操作的时候，需要Activity对象，那么很简单，也将Activity对象给set进去。
这里看我的另一个Holder:
public class Holder_H5 extends BaseHolder {
@Bind(R.id.wv_content)
WebView wvContent;
String url;
Activity activity;
@Override
public View setContentView() {
return CarHelper.inflate(R.layout.holder_h5);
}
public void setUrl(String url) {
this.url = url;
initView();
}
public void setActivity(Activity activity) {
this.activity = activity;
}
public void initView() {
WebSettings setting = wvContent.getSettings();
setting.setJavaScriptEnabled(true);//支持js
setting.setLoadWithOverviewMode(true);//自适应手机屏幕
setting.setUseWideViewPort(true);
wvContent.setWebViewClient(new MyWebViewClient());
wvContent.loadUrl(url);
CarHelper.showDialog(activity);
}
private class MyWebViewClient extends WebViewClient {
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
CarHelper.dismissDialog();
}
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return super.shouldOverrideUrlLoading(view, url);
}
}
}其实这就是一个webview而已，那么在需要使用的地方，我们可以这样用：
public class M3_HelpSellFragment extends CarBaseFragment {
@Bind(R.id.fr_content)
FrameLayout frContent;
String url="http://m.che.com/m/helpSell.xhtml";
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View mainView = inflater.inflate(R.layout.fragment_helpbuy, null);
ButterKnife.bind(this, mainView);
initView();
return mainView;
}
private void initView() {
Holder_H5 holderH5=new Holder_H5();
holderH5.setActivity(getActivity());
holderH5.setUrl(url);
frContent.addView(holderH5.getContentView());
}
@Override
public void onDestroyView() {
super.onDestroyView();
ButterKnife.unbind(this);
}
}这里，我们先注入一个activity进去，再注入一个url进去，而在setUrl的方法中，我让它又调用了initView方法，这样一个holder_h5贴到墙上了，一个有加载进度条的网页activity就搞定了。
之前也看过别人写的一个一个BaseHolder,它是用的泛型，在构造时就需要你指明数据类型，感觉有点机械，它还帮你自定义了几个方法，但是实践发现，这个几个方法貌似没什么卵用，并不是总会用到，它的代码如下：
public abstract class BaseHolder<T> {
private View contentView;//界面
private T data;//数据的类型
//初始化的时候 先初始化空间，再把控件 都写到view里面（类似于listview的 view.setTag(holder)）
public BaseHolder() {
contentView = initView();
contentView.setTag(this);
}
// 读取数据：注意这里的数据已经是 网络加载和json解析完 得到的 数据，
public void setData(T data) {
this.data = data;
refreshView(data);//显示界面
}
//把当前的view返回给父类
public View getView() {
return contentView;
}
/**
* 初始化各种控件
* @return view
*/
protected abstract View initView();
/**
* 控件添加各种数据 ，耗时炒作等
* @param data2
*/
protected abstract void refreshView(T data);
}详情见向前冲org的博客
我在设计自己的面向holder编程时，也参考了Top_Android的博客,他也是没有用泛型的。
我觉得用泛型的话、或者自定义方法的话，未免有点限制了，如果不是必须用的话，最好还是不用，哈哈，这就是我的编程逻辑。当然，你要是喜欢有泛型和自定义方法，也同样可以，这并不是重点，不是么？
相信经过以上的示例，你对于面向Holder编程应该已经了解了把，现在看一下我的结构：
怎么样？还算是比较清楚吧，以后再也不怕改了这一块，不小心让另一块也莫名其妙的变化了。
如果你有其它拆分和解耦的妙招，不妨也来说说哦！
PS:其实本来想将里面的set注入换成用Dragger2框架来实现的，不过看了Dragger2 的教程看了半天，还是不明白怎么用，汗！
1106
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
