Android 自定义控件(一)

前言

Android的framework有大量的视图组件用来与用户进行交互。但这些控件也并不能满足我们特定的需求。这篇博文我们就来说说如何创建一个健壮的,可复用的自定义控件。

另:创建自定义控件的要求
  • Android 2.1 (API level 7) 或更高

创建自定义的View类

良好设计的类总是能够使用一个好用的接口来封装某个特定的功能,它能够有效地使用CPU和内存,etc.我们想要自定义一个设计良好的类,我们应遵守:

  • 遵守Android标准规则
  • 提供自定义的风格属性值,使之能够被Android XML Layout所识别
  • 响应事件
  • 兼容Android的不同平台 Android的framework提供了许多基类与XML标签用来帮助你创建一个符合上面要求的View.

继承一个View

Android的framework层里面定义的view类都继承自View。你自定义的view也可以直接继承View,或者你可以通过继承既有的一个子类(例如Button)来节约一点时间。

为了让Android Developer Tools能够识别你的view,你必须至少提供一个constructor,它包含一个Contenx与一个AttributeSet对象作为参数。这个constructor允许layout editor创建并编辑你的view的实例。

1
2
3
4
5
class PieChart extends View {
public PieChart(Context context, AttributeSet attrs) {
super(context, attrs);
}
}

定义自定义属性

为了添加一个内置的View到你的UI上,你需要通过XML属性来指定它的样式与行为。良好的自定义views可以通过XML添加和改变样式,为了让你的自定义的view也有如此的行为,你应该:

  • 为你的view在资源标签下定义自设的属性
  • 在你的XML layout中指定属性值
  • 在运行时获取属性值
  • 把获取到的属性值应用在你的view上

为了定义自设的属性,添加 资源到你的项目中。放置于res/values/attrs.xml文件中。下面是一个attrs.xml文件的示例:

1
2
3
4
5
6
7
8
9
<resources>
<declare-styleable name="MyPieChat">
<attr name="showText" format="boolean"/>
<attr name="labelPosition" format="enum">
<enum name="left" value="0"/>
<enum name="right" value="1"/>
</attr>
</declare-styleable>
</resource>

上面的代码声明了2个自设的属性,showTextlabelPosition,它们都归属于PieChart的项目下的styleable实例。styleable实例的名字,通常与自定义的view名字一致。尽管这并没有严格规定要遵守这个习惯,但是许多流行的代码编辑器都依靠这个命名规则来进行判定。

一旦你定义了自设的属性,你可以在layout XML文件中使用它们,就像内置属性一样。唯一不同的是你自设的属性是归属于不同的命名空间。不是属于http://schemas.android.com/apk/res/android的命名空间,它们归属于http://schemas.android.com/apk/res/[your package name]。例如,下面演示了如何为PieChart使用上面定义的属性:

1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:custom="http://schemas.android.com/apk/res/com.example.customviews">

<com.example.customviews.charting.PieChart
custom:showText="true"
custom:labelPosition="left" />

</LinearLayout>

为了避免输入长串的namespace名字,示例上面使用了xmlns指令,这个指令可以指派custom作为http://schemas.android.com/apk/res/com.example.customviewsnamespace的别名。你也可以选择其他的别名作为你的namespace

注意:如果你的view是一个内部类,你必须指定这个view的外部类。同样的,如果PieChart有一个内部类叫做PieView。为了使用这个类中自设的属性,你应该使用com.example.customviews.charting.PieChart$PieView.

应用自定义属性

当view从XML layout被创建的时候,在xml标签下的属性值都是从resource下读取出来并传递到view的constructor作为一个AttributeSet参数。尽管可以从AttributeSet中直接读取数值,可是这样做有些弊端:

  • 拥有属性的资源并没有经过解析
  • Styles并没有运用上

取而代之的是,通过obtainStyledAttributes()来获取属性值。这个方法会传递一个TypedArray对象,它是间接referenced并且styled的。

Android资源编译器帮你做了许多工作来使调用obtainStyledAttributes()更简单。对res目录里的每一个<declare-styleable>资源,自动生成的R.java文件定义了存放属性ID的数组和常量,常量用来索引数组中每个属性。你可以使用这些预先定义的常量来从TypedArray中读取属性。这里就是PieChart类如何读取它的属性:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
public PieChart(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray a = context.getTheme().obtainStyledAttributes(
attrs,
R.styleable.PieChart,
0, 0);

try {
mShowText = a.getBoolean(R.styleable.PieChart_showText, false);
mTextPos = a.getInteger(R.styleable.PieChart_labelPosition, 0);
} finally {
a.recycle();
}
}

注意:TypedArray对象是一个共享资源,必须被在使用后进行回收。

添加属性和事件

Attributes是一个强大的控制view的行为与外观的方法,但是他们仅仅能够在view被初始化的时候被读取到。为了提供一个动态的行为,需要暴露出一些合适的getter 与setter方法。下面的代码演示了如何使用这个技巧:

1
2
3
4
5
6
7
8
9
public boolean isShowText() {
return mShowText;
}

public void setShowText(boolean showText) {
mShowText = showText;
invalidate();
requestLayout();
}

请注意,在setShowText方法里面有调用invalidate() and requestLayout(). 这两个调用是确保稳定运行的关键。当view的某些内容发生变化的时候,需要调用invalidate来通知系统对这个view进行redraw,当某些元素变化会引起组件大小变化时,需要调用requestLayout方法。调用时若忘了这两个方法,将会导致难以预料的bug.

自定义的view也需要能够支持响应事件的监听器。例如,PieChart暴露了一个自定义的事件OnCurrentItemChanged来通知监听器,用户已经切换了焦点到一个新的组件上。

我们很容易忘记了暴露属性与事件,特别是当你是这个view的唯一用户时。请花费一些时间来仔细定义你的view的交互。一个好的规则是总是暴露任何属性与事件。

设计可访问性

自定义view应该支持广泛的用户群体,包含一些不能看到或使用触屏的残障人士。为了支持残障人士,我们应该:

  • 使用android:contentDescription属性标记输入字段。
  • 在适当的时候通过调用sendAccessibilityEvent() 发送访问事件。
  • 支持备用控制器,如方向键(D-pad)和轨迹球(trackball)等。

关于创建使用的 views的更多消息, 请参见Android Developers Guide中的 Making Applications Accessible

参考文章:
http://developer.android.com/training/custom-views/create-view.html

文章有帮助到您?不妨打赏博主一碗拉面或一杯咖啡的小费吧 :-D!