野人学Android第二弹——自定义控件的分析与实例

最新推荐文章于 2015-12-12 21:46:30 发布

qingxinyeren

最新推荐文章于 2015-12-12 21:46:30 发布

阅读量311

点赞数

分类专栏： android

本文链接：https://blog.csdn.net/qingxinyeren/article/details/49885117

版权

android 专栏收录该内容

34 篇文章 3 订阅

订阅专栏

在学会Android基础的控件之后，有没有想自己开发一个控件呢？随着各种需求的提出，基础的控件已经不能满足Android的开发，幸好可以自定义控件，那么这一篇博文，就跟大家聊聊自定义控件。

想要跑，先学走。在自定义之前，让我们整理下Android原装控件是怎么运行的：

1.xml文件中会声明一个控件，然后就是各种属性；

2.JAVA文件中会加载这个xml；

3.如果有监听事件，控件会在java中初始化，然后绑定相应的监听事件；

根据上面的信息，可以推测，有相关的类获取xml中的属性，并且将这些属性与相应的控件绑定在一起，并且会给这些控件绑定相应的监听事件接口。想来想去，找Button开刀，追溯到View这个类存在大量的业务代码。找了半天，找到下面一些代码，而这些代码验证了我的推测。

关于参数的解释，不懂的可以自行翻译，在这里就不多说了。要强调的是，attrs这个参数是xml中对应的属性，也就是推测1中的控件属性。既然有了控件属性，那么怎么从xml中转换成java的代码呢。这里要说下TypeArray这个类型以及context.obtainStyledAttributes()这个方法。就是将xml中的属性转换成数组类型。

如上图所示：

第一步，在循环中获取数组中的属性值；

第二步，按照条件进行选择，其中case后面的条件就是xml中具体的属性名称，只不过最后一个“.”后面的构成规则有点讲究，这个在后面的实例中会讲解；

第三步，就是将指定的属性值赋值给对应的参数。

分析到这里，其实已经完成一大步了。不同的控件，赋值的方法不一样。并且本博文中讲到的自定义控件，也是建立在基础控件的基础上的，所以接下来就要用到基础控件的属性设定方法。如果自定义的控件没有监听事件，分析到这里也差不多了。既然对自定义控件的分析完毕，那么就来具体实现一下吧。

网络上有很多教程，我大概总结下了，有这么几步：

1.在values文件夹中新建“atts.xml”文件，定义控件的属性；

2.新建自定义控件的class文件，继承RelativeLayout类，按照上面的思路，获取xml文件中的属性值，然后新建基础控件，并且将属性值赋予这些控件；

3.如果有监听事件，那么写一个监听接口，最后添加在相应的监听事件中，这样从外界就可以添加事件了。

如果不理解这几步，那么来看看具体的代码吧。

第一步，新建atts.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="Topbar">
        <attr name="titleText" format="string"/>
        <attr name="titleTextSize" format="dimension"/>
        <attr name="titleTextColor" format="color"/>
        <attr name="leftBackground" format="reference|color"/>
        <attr name="leftText" format="string"/>
        <attr name="leftTextColor" format="reference|color"/>
        <attr name="rightBackground" format="reference|color"/>
        <attr name="rightText" format="string"/>
        <attr name="rightTextColor" format="reference|color"/>
    </declare-styleable>
    
</resources>

关于这个文件，需要解释的有以下几点：

1.<declare-styleable>这个标签是针对控件属性的，所以要死记硬背；

2.name="Topbar"这个属性是整个自定义控件的名称，后面的代码中会引用到；

3.<attr name="titleText" format="string"/>中的name就是属性的名称，format是属性值的类型，这里就是string，需要强调的是，eclipse中没有提示，需要自己百度查。

第二步，新建Topbar.class

public class TopBar extends RelativeLayout {
	private float titleTextSize;
	private int titleTextColor;
	private String titleText;
	private Drawable leftBackground;
	private int leftTextColor;
	private String rightText;
	private Drawable rightBackground;
	private int rightTextColor;
	private String leftText;
	private LayoutParams leftParams, rightParams, titleParams;
	private topbarClickListener listener;
	//定义Listener的接口
	public interface topbarClickListener{
		public void leftClick();
		public void rightClick();
	}
	public void setOnTopbarClickListener(topbarClickListener listener){
		this.listener = listener;
	}
	public MyTopBar(Context context, AttributeSet attrs) {
		super(context, attrs);
		TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.Topbar);//将xml中属性转换成数组
		titleTextSize = ta.getDimension(R.styleable.Topbar_titleTextSize, 0);//获取相应属性值
		titleTextColor = ta.getColor(R.styleable.Topbar_titleTextColor, 0);
		titleText = ta.getString(R.styleable.Topbar_titleText);
		
		leftBackground = ta.getDrawable(R.styleable.Topbar_leftBackground);
		leftText = ta.getString(R.styleable.Topbar_leftText);
		leftTextColor = ta.getColor(R.styleable.Topbar_leftTextColor, 0);
		
		rightBackground = ta.getDrawable(R.styleable.Topbar_rightBackground);
		rightText = ta.getString(R.styleable.Topbar_rightText);
		rightTextColor = ta.getColor(R.styleable.Topbar_rightTextColor, 0);
		ta.recycle();
		TextView title = new TextView(context);//新建基础控件
		Button leftButton = new Button(context);
		Button rightButton = new Button(context);
		title.setText(titleText);//将属性值赋值给新建的基础控件
		title.setBackgroundColor(titleTextColor);
		title.setTextSize(titleTextSize);
		
		leftButton.setText(leftText);
		leftButton.setBackground(leftBackground);
		leftButton.setBackgroundColor(leftTextColor);
		
		rightButton.setText(rightText);
		rightButton.setBackground(rightBackground);
		rightButton.setBackgroundColor(rightTextColor);
		
		setBackgroundColor(0x7CFC0055);//整个控件的背景色
		titleParams = new LayoutParams(
				android.view.ViewGroup.LayoutParams.WRAP_CONTENT,
				android.view.ViewGroup.LayoutParams.MATCH_PARENT);//设定控件的宽和高
		titleParams.addRule(RelativeLayout.CENTER_IN_PARENT, TRUE);//设定控件的位置，CENTER_IN_PARENT指的是在父类空间的中间
		addView(title, titleParams);//最后是将设定好的基础控件加在自定义控件中
		
		leftParams = new LayoutParams(
				android.view.ViewGroup.LayoutParams.WRAP_CONTENT,
				android.view.ViewGroup.LayoutParams.WRAP_CONTENT);
		leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT, TRUE);
		addView(leftButton, leftParams);
		
		rightParams = new LayoutParams(
				android.view.ViewGroup.LayoutParams.WRAP_CONTENT,
				android.view.ViewGroup.LayoutParams.WRAP_CONTENT);
		rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE);
		addView(rightButton,rightParams);
		
		//设定左边按钮的点击事件
		leftButton.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				listener.leftClick();
			}
		});
		rightButton.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				listener.rightClick();
			}
		});
	}

}

上面的代码已经将功能全部实现，包括属性值的转换、将属性值赋值给控件，点击事件等等步骤，慢慢消化吧。自定义控件的工作基本完成，剩下的就是使用了。关于这个自定义控件的使用，还有几点需要强调的。