组合组件のCusRelativeLayout（Android-自定义相对布局）

最近在对公司的项目进行重构，在此坐下记录。

公司项目中的布局文件，可以抽出大部分公用组件，进行自定义组合组件，将这些公共的组件组合起来，在里面提供相应方法及变量，这样以后改界面就容易多了，只需改一处，处处都能生效；同时调用什么的，更方便快捷，代码也能得到规范及统一，特别是组件变量的命名。

每个界面中，用到的公共部分，总结起来有这么几个：

• mTitleView 标题栏
• mEmptyView 数据为空时的列表空界面
• mListView 数据列表
• mFailView 网络请求失败时，数据重新刷新页
• mLoadView 网络请求时，数据加载的进度动画

由于我们项目中大部分应用的布局为RelativeLayout（相对布局）,因此将自定义一个组件，并继承RelativeLayout,作为跟布局,引用到布局可以当做RelativeLayout那么处理，非常棒！！！

    public class CusRelativeLayout extends RelativeLayout

然后编写相应组件的布局文件xml

• mTitleView --> layout_cus_titleview
• mEmptyView --> layout_cus_emptyview
• mListView --> layout_cus_listview
• mFailView --> layout_cus_failview
• mLoadView --> layout_cus_loadview

在构造函数中初始化，通过inflate方式生成布局对象，同时也获取自定义属性，并执行相应组件初始化操作

public CusRelativeLayout(Context context) {
        super(context);
        initView(context, null);
}

public CusRelativeLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context, attrs);
}

public CusRelativeLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context, attrs);
}
private void initView(Context context, AttributeSet attrs) {
    mContext = context;
    mEmptyText = context.getString(R.string.userhome_allempty);
    int marginTop = -1;
    boolean hasTitleView = true, hasListView = true;
    TypedArray a = null;
    if (attrs != null) {
        a = context.obtainStyledAttributes(attrs,R.styleable.CusRelativeLayout);
        mEmptyText = (String)a.getText(R.styleable.CusRelativeLayout_cus_empty_text);
        marginTop = a.getDimensionPixelOffset(R.styleable.CusRelativeLayout_cus_margin_top, -1);
        hasTitleView = a.getBoolean(R.styleable.CusRelativeLayout_cus_has_titleview, hasTitleView);
        hasListView = a.getBoolean(R.styleable.CusRelativeLayout_cus_has_listview, hasListView);
        }

        mLoadView = (ImageView) inflate(mContext, R.layout.layout_cus_loadview, null);
        mEmptyView = (TextView) inflate(mContext, R.layout.layout_cus_emptyview, null);
        mFailView = inflate(mContext, R.layout.layout_cus_failview, null);
        LayoutParams lp = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        
        ...and so on

自定义属性

生成的组件对象，此时并未add进布局里，所以布局里面仍然为空，什么都木有，需要调用addView(View view)方法

注意！由于是相对布局，因此需要后面添加的View会覆盖在前面添加的View，因此我的组件，需要在布局Add完所有子View之后，在进行Add，这样显示的时候就可以覆盖其前面的子类，因此Add View的顺序也很重要，我们可以在onFinishInflate方法中Add 我们的公共View,该方法是布局Inflate完View之后执行的回调。

/**
     * Finalize inflating a view from XML.  This is called as the last phase
     * of inflation, after all child views have been added.
     *
     * 
Even if the subclass overrides onFinishInflate, they should always be
     * sure to call the super method, so that we get called.
     */
    protected void onFinishInflate() {
    }

我的add view代码

@Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        if (mListView != null) {
            addView(mListView);
        }
        addView(mEmptyView);
        addView(mFailView);
        addView(mLoadView);
        if (mTitleView != null) {
            addView(mTitleView);
        }
    }

余下则编写相应的方法，抽出常用的部分写成方法并暴露给调用者,这部分代码就省略，每个人的业务不一样，方法提供也不一样，具体可以提供显示、隐藏相应组件等方法。

这样我们的自定义RelativeLayout已经完成，可以看下如何调用，就跟我们使用自定义布局一样，在xml文件里，作为跟布局即可

类中，我们通过findViewById获取根部局对象即可，然后就可以开始调用布局里面保留的方法、对象

 @Override
    protected void findViewById() {
        rel_parent = mFindViewById(R.id.rel_parent);
        rel_parent.mTvTitle.setText(R.string.special_history_list_title);
        rel_parent.mFailView.setBackgroundResource(R.color.transparent);
        rel_parent.mListView.setPullRefreshEnable(false);
        rel_parent.mListView.setmEnableAutoLoad(true);
    }

最后，总结一下，这些组件组合在一起，是为了减少轮子的重复制造，减少代码的冗余，并且统一代码规范，保持kiss原则

"Keep It Simple And Stupid"

“让它简单些，连笨蛋都看得懂”