Android移动应用界面的模板化设计【自定义BaseActivity】

Android没有像苹果开发那样功能强大的界面开发工具，本身ADT插件提供的界面编辑能力有限，没办法刻画所有的界面情况；Android的界面xml代码可以进行人工修改，而Iphone的全部在图形界面上拖动完成，可没提供任何方式的代码级修改。Android的UI设计开发过程非常繁琐，容易出错，需要很长时间调节界面细节，开发过Android应用的人肯定深有同感。用几年前的网页设计来打个比方，开发Iphone的软件界面就好比是用Frontpage弄点控件拖成一张页面，而开发Android更接近于闭着眼睛在Notepad里一行行的写html标签。为了使开发Android应用更加简便快捷，减少代码冗余，增强软件质量，在咨询行情的开发上我们大量使用了模板化的页面。

思路很简单：将软件里用到的大量重复的页面布局抽象出来，编写成一个抽象的Activity类，然后在实现具体页面时继承它，并且在主内容空白区填入需要的内容。

例如在最近开发的一款资讯类应用中，每张页面上面都有一个顶栏，上面有两个按钮，按钮中间是一行标题文字。按钮上的文字及点击后的功能在每个页面中可能会都不相同。如下图所示的。

clip_image002

面对这样一个页面的需求，我们可以设计出一个基本的页面模板AbstractAc1，代码如下所示。

                    /**
            *通用页面模板1：含上栏，包括左右两个按钮，一个title文字区
            *@authorzhe.yangz
            */
            publicclassAbstractAc1extendsBaseActivity{
            @Override
            publicvoidonCreate(BundlesavedInstanceState){
            super.onCreate(savedInstanceState);
            setContentView(R.layout.abac_1);
            }
            /**
            *设置主内容区域的layoutRes
            *@paramlayoutResId
            */
            publicvoidalabSetContentView(intlayoutResId){
            LinearLayoutllContent=(LinearLayout)findViewById(R.id.llContent1);
            LayoutInflaterinflater=(LayoutInflater)getSystemService(
            Context.LAYOUT_INFLATER_SERVICE);
            Viewv=inflater.inflate(layoutResId,null);
            llContent.addView(v);
            }
            /**
            *隐藏左侧按钮
            */
            publicvoidalabHideButtonLeft(booleanbSetHide){
            Buttonbt=alabGetButtonLeft();
            if(null!=bt){
            if(bSetHide)bt.setVisibility(View.INVISIBLE);
            elsebt.setVisibility(View.VISIBLE);
            }
            }
            /**
            *隐藏右侧按钮
            */
            publicvoidalabHideButtonRight(booleanbSetHide){
            Buttonbt=alabGetButtonRight();
            if(null!=bt){
            if(bSetHide)bt.setVisibility(View.INVISIBLE);
            elsebt.setVisibility(View.VISIBLE);
            }
            }
            /**
            *得到模板上导航栏的左侧按钮，一般为[返回]
            *@return成功则返回Button对象，失败则返回null。
            */
            publicButtonalabGetButtonLeft(){
            return(Button)findViewById(R.id.btBack1);
            }
            /**
            *得到模板上导航栏的右侧按钮，一般为[刷新]
            *@return成功则返回Button对象，失败则返回null。
            */
            publicButtonalabGetButtonRight(){
            return(Button)findViewById(R.id.btRefresh1);
            }
            /**
            *设置模板上导航栏中间的标题文字
            *@paramtitleText
            *@return修改成功返回true，失败返回false
            */
            publicbooleanalabSetBarTitleText(StringtitleText){
            TextViewtv=(TextView)findViewById(R.id.txBarTitle1);
            if(null!=tv){
            tv.setText(titleText);
            returntrue;
            }
            returnfalse;
            }
            }

我们创建了一张模板页面，然后在应用中的实际页面继承于它。这样，每张继承的页面都可以拥有类似的顶栏布局，并且代码简洁。下面就是继承的例子。

                    /**
            *样例页面
            *@authorzhe.yangz
            */
            publicclassHomeActivityextendsAbstractAc1{
            @Override
            publicvoidonCreate(BundlesavedInstanceState){
            super.onCreate(savedInstanceState);
            alabSetContentView(R.layout.ac_home);
            setTopBarAndAction();
            }
            privatevoidsetTopBarAndAction(){
            alabSetBarTitleText("TESTHOME");//设置Title标题
            alabGetButtonLeft().setText("LeftBt");//设置左按钮上的文字
            alabGetButtonRight().setText("RightBt");//设置右按钮上的文字
            alabGetButtonRight().setOnClickListener(newOnClickListener(){
            @Override
            publicvoidonClick(Viewv){
            //按钮执行事件
            //...
            }
            });
            }
            }

就完成了一张具有如下顶栏效果的页面，页面的背景、按钮配色等效果在AbstractAc1中定义。

alabSetContentView()是在AbstractAc1中定义的方法，在衍生类中调用该方法，传入一个界面定义xml，方法中实现了使用LayoutInflater生成view，使得这个页面中定义的主内容区的界面xml会和原来AbstractAc1的界面xml合并在一起，成为一个完整的页面。有些情况下，左右按钮可以单独或一起隐藏，可以使用AbstractAc1中定义的alabHideButtonLeft和alabHideButtonRight进行设置。

使用模板化方式开发界面，目前我们开发的Android应用中的Activity的层次结构大致如下。

clip_image005

这样模板化的页面探索的实践被用在我们目前Android应用开发中。大致估计一下，界面代码比原来减少40%，减少了冗余，也间接提高了软件质量和可维护性，极大提升了业务需求变化带来的快速反应能力。接下去我们希望能够继续深入探索，找到更多的提升移动软件界面开发效率和质量的方法，也希望有好想法的同学和我们深入交流，共同探讨，博采众长。

转载请注明出处：http://blog.csdn.net/xjanker2/archive/2011/06/15/6546941.aspx

更多相关文章

随机推荐