自定义BaseActivity
Android没有像苹果开发那样功能强大的界面开发工具,本身ADT插件提供的界面编辑能力有限,没办法刻画所有的界面情况;Android的界面xml代码可以进行人工修改,而Iphone的全部在图形界面上拖动完成,可没提供任何方式的代码级修改。Android的UI设计开发过程非常繁琐,容易出错,需要很长时间调节界面细节,开发过Android应用的人肯定深有同感。用几年前的网页设计来打个比方,开发Iphone的软件界面就好比是用Frontpage弄点控件拖成一张页面,而开发Android更接近于闭着眼睛在Notepad里一行行的写html标签。为了使开发Android应用更加简便快捷,减少代码冗余,增强软件质量,在咨询行情的开发上我们大量使用了模板化的页面。
思路很简单:将软件里用到的大量重复的页面布局抽象出来,编写成一个抽象的Activity类,然后在实现具体页面时继承它,并且在主内容空白区填入需要的内容。
例如在最近开发的一款资讯类应用中,每张页面上面都有一个顶栏,上面有两个按钮,按钮中间是一行标题文字。按钮上的文字及点击后的功能在每个页面中可能会都不相同。如下图所示的。
面对这样一个页面的需求,我们可以设计出一个基本的页面模板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的层次结构大致如下。
这样模板化的页面探索的实践被用在我们目前Android应用开发中。大致估计一下,界面代码比原来减少40%,减少了冗余,也间接提高了软件质量和可维护性,极大提升了业务需求变化带来的快速反应能力。接下去我们希望能够继续深入探索,找到更多的提升移动软件界面开发效率和质量的方法,也希望有好想法的同学和我们深入交流,共同探讨,博采众长。
更多相关文章
- Android基于KeyboardView和Keyboard实现自定义软键盘 自定义键盘
- 使用Android系统自带的应用统计
- Android开发指南-用户界面-创建菜单 .
- 【Android(安卓)开发】:UI控件之 ViewPager 多页面滑动效果控件的
- android与javascript相互调用
- 【Android(安卓)UI设计与开发】8.顶部标题栏(一)ActionBar 奥义·
- android用户界面编程技巧——如何使用Adapter
- android中的Context(android内核学习记录)
- 在电脑上调试手机上的webview