最近在对公司的项目进行重构,在此坐下记录。
公司项目中的布局文件,可以抽出大部分公用组件,进行自定义组合组件,将这些公共的组件组合起来,在里面提供相应方法及变量,这样以后改界面就容易多了,只需改一处,处处都能生效;同时调用什么的,更方便快捷,代码也能得到规范及统一,特别是组件变量的命名。
每个界面中,用到的公共部分,总结起来有这么几个:
- 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
自定义属性
<declare-styleable name="CusRelativeLayout">
<attr name="cus_empty_text" format="string"/><!--空界面,文案-->
<attr name="cus_margin_top" format="dimension"/><!--空界面、失败请求页marginTop-->
<attr name="cus_has_titleview_btn_back_visible" format="boolean"/><!--加载标题栏组件-返回键 默认false-->
<attr name="cus_is_btn_cancel" format="boolean"/><!--返回键变为取消 默认false-->
<attr name="cus_has_listview" format="boolean"/><!--加载列表组件 默认true-->
<attr name="cus_has_titleview" format="boolean"/><!--加载标题栏组件 默认true-->
<attr name="cus_click_titleview_listview_go_to_up" format="boolean"/><!--点击标题栏,列表回到顶部 默认false-->
</declare-styleable>
生成的组件对象,此时并未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.
*
* <p>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文件里,作为跟布局即可
<?xml version="1.0" encoding="utf-8"?>
<com.babychat.view.Custom.CusRelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/rel_parent"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:cus_click_titleview_listview_go_to_up="true"
app:cus_has_titleview_btn_back_visible="true">
</com.babychat.view.Custom.CusRelativeLayout>
类中,我们通过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"
“让它简单些,连笨蛋都看得懂”