目前许多app的页面都是采用titlebar+content的组合方式,如下图所示
其中TitleBar可以提取出来作为一个模块在多个项目里面进行复用。
以下是我自己写的TitleBar,其最终效果如图所示:
如果不清楚自定义View的创建步骤,请参见我之前的博客,自定义控件
TitleBar由三部分组成,左边是Button,中间是TextView,右边是Button,并设置了如下的自定义属性
<declare-styleable name="TitleBar">
<attr name="title" format="string"/>
<attr name="titleTextSize" format="dimension"/>
<attr name="titleTextColor" format="color"/>
<attr name="leftTextColor" format="color"/>
<attr name="leftText" format="string|reference"/>
<attr name="leftTextSize" format="reference|dimension"/>
<attr name="rightTextColor" format="color"/>
<attr name="rightText" format="string|reference"/>
<attr name="rightTextSize" format="dimension|reference"/>
</declare-styleable>
并实现了TitleBarI接口,接口如下
public interface TitleBarI {
public void setTitle(String title);
//设置左边的按钮为返回键
public void setLeftBack();
public void setLeftAction(View.OnClickListener onClickListener);
//设置左边按钮是否可见,true可见,false隐藏
public void setLeftVisible(boolean visible);
public void setRightAction(View.OnClickListener onClickListener);
public void setRightVisible(boolean visible);
public View getLeftButton();
public View getRightButton();
}
其中TitleBar继承自RelativeLayout,并为其增加了三个View,
其中左边按钮默认为“←”,中间默认为“标题”,右边的按钮默认为“···”
具体如下
private void initView(Context context){ //设置left left_btn = new Button(context); if(leftStr==null) { left_btn.setText("←"); }else{ left_btn.setText(leftStr); } left_btn.setBackgroundColor(Color.TRANSPARENT); left_btn.setTextColor(leftColor); left_btn.setTextSize(leftSize); left_btn.setGravity(Gravity.CENTER); leftParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT ); leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT,TRUE); addView(left_btn,leftParams); //设置title title_txv = new TextView(context); if(title==null) { title_txv.setText("标题"); }else{ title_txv.setText(title); } title_txv.setTextColor(titleColor); title_txv.setTextSize(titleSize); title_txv.setBackgroundColor(Color.TRANSPARENT); titleParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); titleParams.addRule(RelativeLayout.CENTER_IN_PARENT,TRUE); addView(title_txv,titleParams); //设置right right_btn = new Button(context); if(rightStr==null) { right_btn.setText("•••"); }else{ right_btn.setText(rightStr); } right_btn.setTextSize(rightSize); right_btn.setTextColor(rightColor); right_btn.setBackgroundColor(Color.TRANSPARENT); right_btn.setGravity(Gravity.CENTER); rightParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,TRUE); addView(right_btn,rightParams); }