android基础之自定义控件-topbar

说起自定义控件，其实见到了不少，就是缺少总结，下面我总价一个例子——Topbar。

想要自定义一个控件，我们可以模仿android系统是怎么定义的。

1.在values下创建attrs.xml文件，声明自定义的属性。

attrs.xml如下：

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

<resources>

<declare-styleable name="Topbar">

<attr name="title" format="string|reference" />

<attr name="titleTextSize" format="dimension|reference" />

<attr name="titleTextColor" format="color|reference" />



<attr name="leftTextColor" format="color|reference" />

<attr name="leftBackground" format="color|reference" />

<attr name="leftText" format="string|reference" />



<attr name="rightTextColor" format="color|reference" />

<attr name="rightBackground" format="color|reference" />

<attr name="rightText" format="string|reference" />

</declare-styleable>

</resources>

name是我们自定义的属性名，format是指定它的值类型(reference是资源引用)

2.创建自定义控件的.java文件。

因为Topbar是一个布局，我让它继承自系统的RelativeLayout，模仿系统的控件的

写法，在一个控件的.java文件，有构造函数，基本控件，与attrs.xml中自定义属性的映射变量，还有定义接口，

利用接口回调机制实现动态事件(我理解的也不是很深，多做就理解啦)。

Topbar.java如下：

//继承自RelativeLayout布局，布局模板！

public class Topbar extends RelativeLayout {

//三个基本控件

private Button mBtnLeft, mBtnRight;

private TextView mTvTitle;

//9个映射过来的属性变量

private int mLeftTextColor, mRightTextColor, mTitleTextColor;

private String mStrTitle, mStrLeftText, mStrRightText;

private float mTitleTextSize;

private Drawable mLeftBackground, mRightBackground;

//布局参数

private LayoutParams mLeftParams, mRightParams, mTitleParams;

//接口，回调机制的实现接口

private topbarClickListener listener;

//让调用者自己实现接口中的两个方法，在Topbar是指回调

public interface topbarClickListener {

void leftClick();

void rightClick();

}

public void setOnTopbarClickListener(topbarClickListener listener) {

this.listener = listener;

}

public Topbar(final Context c, AttributeSet attrs) {

super(c, attrs);

// 通过这个方法获取自定义的属性

TypedArray ta = c.obtainStyledAttributes(attrs, R.styleable.Topbar);

// android中是通过R.styleabl.控件名_属性来获取这个属性值

mLeftTextColor = ta.getColor(R.styleable.Topbar_leftTextColor, 0);

mLeftBackground = ta.getDrawable(R.styleable.Topbar_leftBackground);

mStrLeftText = ta.getString(R.styleable.Topbar_leftText);

mRightTextColor = ta.getColor(R.styleable.Topbar_rightTextColor, 0);

mRightBackground = ta.getDrawable(R.styleable.Topbar_rightBackground);

mStrRightText = ta.getString(R.styleable.Topbar_rightText);

mTitleTextColor = ta.getColor(R.styleable.Topbar_titleTextColor, 0);

mTitleTextSize = ta.getDimension(R.styleable.Topbar_titleTextSize, 0);

mStrTitle = ta.getString(R.styleable.Topbar_title);

// 回收资源

ta.recycle();

mBtnLeft = new Button(c);

mBtnRight = new Button(c);

mTvTitle = new TextView(c);

mBtnLeft.setTextColor(mLeftTextColor);

mBtnLeft.setBackground(mLeftBackground);

mBtnLeft.setText(mStrLeftText);

mBtnRight.setTextColor(mRightTextColor);

mBtnRight.setBackground(mRightBackground);

mBtnRight.setText(mStrRightText);

mTvTitle.setText(mStrTitle);

mTvTitle.setTextColor(mTitleTextColor);

mTvTitle.setTextSize(mTitleTextSize);

mTvTitle.setGravity(Gravity.CENTER);

// 设置Topbar的背景颜色

setBackgroundColor(0xFFF59563);

mLeftParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,

ViewGroup.LayoutParams.WRAP_CONTENT);

mLeftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT, TRUE);// 设置对齐方式

addView(mBtnLeft, mLeftParams);// 把mBtnLeft以mLeftParams的形式加入到Topbar中

mRightParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,

ViewGroup.LayoutParams.WRAP_CONTENT);

mRightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE);

addView(mBtnRight, mRightParams);

mTitleParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,

LayoutParams.MATCH_PARENT);

mTitleParams.addRule(RelativeLayout.CENTER_IN_PARENT, TRUE);

addView(mTvTitle, mTitleParams);

mBtnLeft.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

listener.leftClick();

}

});

mBtnRight.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

listener.rightClick();

}

});

}

//提供共有的方法给调用者使用

public void setLeftVisible(boolean flag) {

if (flag) {

mBtnLeft.setVisibility(View.VISIBLE);

} else {

mBtnLeft.setVisibility(View.INVISIBLE);

}

}

}