[原创]自定义BaseAcitivity的实现，统一activity的UI风格样式

    在开发过程中经常遇到多个activity是同一种样式类型的情况，如果分别对其进行UI的布局，不但比较繁琐，而且后续维护过程人力成本很高，不利于敏捷开发。解决的方案是采用抽象后的BaseActivity。

 

    BaseActivity一般作为一个app的所有或者部分activity的父类，并覆写setContentView( )等方法，以达到继承此BaseActivity的多个界面采用较为统一的样式进行开发，同时我们可以扩展BaseActivity的接口，提供一些灵活的个性化方式。下面是实现的主要步骤。

 

1.首先，为想要统一的样式做一个layout资源框架，用来提供UI显示的内容，一般来说可以使用上部ToolBar+下部ViewGroup的方式，并更改theme。

 

BaseActivity的layout资源：

 

<?xml version= "1.0" encoding ="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width= "match_parent"

    android:layout_height= "match_parent"

    android:orientation= "vertical" >

    <RelativeLayout

        android:id="@+id/bar"

        android:layout_width="match_parent"

        android:layout_height="80dp"

        android:background="#44550000" />

    <RelativeLayout

        android:id="@+id/content"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:background="#44005500" />

</LinearLayout>

自定义的theme，去掉ActionBar：

    <style name="AppThemeNoActionBar" parent="AppBaseTheme" >

        <item name= "android:windowActionBar" >false </item>

        <item name= "android:windowNoTitle" >true </item>

    </style >

2.编写BaseActivity，为了使继承于BaseActivity的activity可以使用通常的函数进行UI控制，在BaseActivity中覆写setContentView( )方法。

下面是BaseActivity的实现：

 

package cn.carbs.testandroidbaseactivity;

public class BaseActivity extends Activity{

    protected RelativeLayout content;

    protected int colorPrimary ;

    protected int colorPrimaryDark ;

    protected int colorAccent ;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         super.setContentView(getBaseActivityLayout());

         TypedArray array = obtainStyledAttributes( new int[]{R.attr.colorPrimary, R.attr. colorPrimaryDark, R.attr.colorAccent});

         colorPrimary = array.getColor(0, 0xFF1473AF);

         colorPrimaryDark = array.getColor(1, 0xFF11659A);

         colorAccent = array.getColor(2, 0xFF3C69CE);

         array.recycle();

    }

    protected int getBaseActivityLayout() {

         return R.layout.activity_base;

    }

    @Override

    public void setContentView(int layoutResID) {

         //使用如下方法可以将layoutResID对应的 xml资源的view解析出来，并添加到R.id.content中

//       getLayoutInflater().inflate(layoutResID, (ViewGroup) this.findViewById(R.id.content));

         //使用如下方法可以将layoutResID对应的 xml资源的view解析出来，并添加到R.id.content中

//       View.inflate(this, layoutResID, (ViewGroup) this.findViewById(R.id.content));

         //使用如下方法可以将layoutResID对应的 xml资源的viewinflate出来，但是没有添加到任何ViewGroup中

//       View v = View.inflate(this, layoutResID, null);

         setContentView(View. inflate(this, layoutResID, null));

    }

    @Override

    public void setContentView(View view) {

         ((ViewGroup) this.findViewById(R.id.content))

                            .addView(view, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams. MATCH_PARENT));

    }

}

3.编写一个Activity使其继承自BaseActivity：

package cn.carbs.testandroidbaseactivity;

import android.os.Bundle;

public class MainActivity extends BaseActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout. activity_main);

    }

    //可以通过如下代码，覆写BaseActivity中的主界面的布局

    @Override

    protected int getBaseActivityLayout(){

     return R.layout. activity_base_new;

    }

}

4.上述代码中用到的布局文件：

activity_main.xml

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools= "http://schemas.android.com/tools"

    android:layout_width= "match_parent"

    android:layout_height= "match_parent"

    android:background= "#33333399"

    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= ".MainActivity" >

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/hello_world" />

</RelativeLayout>

activity_base.xml

<?xml version= "1.0" encoding ="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width= "match_parent"

    android:layout_height= "match_parent"

    android:orientation= "vertical" >

    <RelativeLayout

        android:id="@+id/bar"

        android:layout_width="match_parent"

        android:layout_height="80dp"

        android:background="#44550000" />

    <RelativeLayout

        android:id="@+id/content"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:background="#44005500" />

</LinearLayout>

activity_base_new.xml

<?xml version= "1.0" encoding ="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width= "match_parent"

    android:layout_height= "match_parent"

    android:orientation= "vertical" >

    <RelativeLayout

        android:id="@+id/bar"

        android:layout_width="match_parent"

        android:layout_height="80dp"

        android:background="#ffffffff" />

    <RelativeLayout

        android:id="@+id/content"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:background="#44005500" />

</LinearLayout>