Android UI开发详解之模板控件的复用


		Android的UI设计一直是Android程序员比较苦恼的一件事，本文主要讲解如何将一些模板类控件进行复用，从而简化UI的开发。
如图：
 

 
 
我们很多程序的界面中，顶部的TopBar是不变的，所以，我们可以做一个公用的控件模板，每次使用时，只要设置相应的参数，就能生成这样一个TopBar。
模板控件实现方法：
[java] www.zzzyk.com
package com.xys.multiplexedmodule;  
  
import android.content.Context;  
import android.content.res.TypedArray;  
import android.graphics.Color;  
import android.graphics.drawable.Drawable;  
import android.text.TextUtils.TruncateAt;  
import android.util.AttributeSet;  
import android.view.Gravity;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.Button;  
import android.widget.RelativeLayout;  
import android.widget.TextView;  
  
public class MultipleTopBar extends RelativeLayout{  
      
    private Button btn_left;  
    private Button btn_right;  
    private TextView tv_title;  
      
    private TopBarClickListener topBarClickListener;  
    private String str_title;  
      
    private RelativeLayout.LayoutParams leftButtonLayoutParams;  
    private RelativeLayout.LayoutParams rightButtonLayoutParams;  
    private RelativeLayout.LayoutParams tvTitleLayoutParams;  
      
    private static int leftBtnId=1;  
    private static int titleTvId=2;  
    private static int rightBtnId=3;  
      
    private Drawable leftBtnBackground;  
    private Drawable rightBtnBackground;  
      
    private String str_LeftBtn;  
    private String str_RightBtn;  
    private int leftBtnColor;  
    private int rightBtnColor;  
    private int titleTvColor;  
      
    private float titleTextSize;  
      
    public MultipleTopBar(Context context, AttributeSet attrs) {  
        super(context, attrs);  
        // TODO Auto-generated constructor stub  
        //从参数列表中获取参数  
        //TypedArray实例是个属性的容器，context.obtainStyledAttributes()方法返回得到。AttributeSet是节点的属性集合  
        //第二个参数为 为获取到值时的默认值  
        TypedArray ta=context.obtainStyledAttributes(attrs,R.styleable.TopBar);  
        this.str_title=ta.getString(R.styleable.TopBar_title);  
        this.leftBtnBackground=ta.getDrawable(R.styleable.TopBar_leftBackground);  
        this.rightBtnBackground=ta.getDrawable(R.styleable.TopBar_rightBackground);  
        this.str_LeftBtn=ta.getString(R.styleable.TopBar_leftText);  
        this.str_RightBtn=ta.getString(R.styleable.TopBar_rightText);  
        this.leftBtnColor=ta.getColor(R.styleable.TopBar_leftTextColor, 0);  
        this.rightBtnColor=ta.getColor(R.styleable.TopBar_rightTextColor, 0);  
        this.titleTextSize=ta.getDimension(R.styleable.TopBar_titleTextSize, 14);  
        this.titleTvColor=ta.getColor(R.styleable.TopBar_titleTextColor, 0);  
          
        ta.recycle();  
          
        btn_left=new Button(context);  
        btn_right=new Button(context);  
        tv_title=new TextView(context);  
          
        btn_left.setId(leftBtnId);  
        btn_right.setId(rightBtnId);  
        tv_title.setId(titleTvId);  
          
        //为组件配置布局参数  
        leftButtonLayoutParams=new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);  
        rightButtonLayoutParams=new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);  
        tvTitleLayoutParams=new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);  
          
        leftButtonLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT,RelativeLayout.TRUE);  
        leftButtonLayoutParams.setMargins(12, 0, 0, 0);//左上右下  
        leftButtonLayoutParams.addRule(RelativeLayout.CENTER_VERTICAL, RelativeLayout.TRUE);  
          
        rightButtonLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,RelativeLayout.TRUE);  
        rightButtonLayoutParams.setMargins(0, 0, 12, 0);//左上右下  
        rightButtonLayoutParams.addRule(RelativeLayout.CENTER_VERTICAL, RelativeLayout.TRUE);  
          
        tvTitleLayoutParams.setMargins(12, 0, 12, 0);//左上右下  
        tvTitleLayoutParams.addRule(RelativeLayout.CENTER_VERTICAL, RelativeLayout.TRUE);  
        tvTitleLayoutParams.addRule(RelativeLayout.LEFT_OF, rightBtnId);  
        tvTitleLayoutParams.addRule(RelativeLayout.RIGHT_OF, leftBtnId);  
        //tvTitleLayoutParams.addRule(RelativeLayout.CENTER_IN_PARENT, RelativeLayout.TRUE);  
        tv_title.setGravity(Gravity.CENTER);  
        tv_title.setBackgroundColor(leftBtnColor);  
          
        addView(btn_left, leftButtonLayoutParams);  
        addView(btn_right,rightButtonLayoutParams);  
        addView(tv_title,tvTitleLayoutParams);  
          
        //btn_left.setBackgroundDrawable(leftBtnBackground);  
        btn_left.setT

补充：移动开发 , Android ,