Android提供了一个预建的部件,如Button, TextView, EditText, ListView, CheckBox, RadioButton, Gallery, Spinner, AutoCompleteTextView等可以直接使用在Android应用程序开发中,但有可能还有一种情况,当不满意现有可用的窗口小部件的功能。 Android 提供创建自定义组件功能,定制以满足需求
如果只需要进行小的调现有的小工具或布局,可以简单的子类的小工具或布局和覆盖它的方法,这将精确地控制屏幕元素的外观和功能。
本教程介绍了如何创建自定义视图,并利用它们在应用程序,如下步骤。
创建一个简单的自定义组件
最简单的创建自定义的组件方法是扩展现有的widget类或子类,如果想扩展现有部件,如Button, TextView, EditText, ListView, CheckBox等,否则可以从android.view.View类开始扩展。
在其最简单的形式,编写构造函数对应的所有基类的构造函数。例如,如果要扩展 TextView 创建DateView 以下三个构造,创建DateView类:
public class DateView extends TextView {
public DateView(Context context) {
super(context);
//--- Additional custom code --
}
public DateView(Context context, AttributeSet attrs) {
super(context, attrs);
//--- Additional custom code --
}
public DateView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
//--- Additional custom code --
}
} |
TextView 的子类DateView已经创建,所以可以获得有关TextView 的所有属性、方法和事件,能够使用不需要任何进一步的实现。这里将实现额外的自定义功能在自己编写的代码,如下面的例子解释。
如果要求执行自定义绘图/定制部件的尺寸,那么需要重写 onMeasure(int widthMeasureSpec, int heightMeasureSpec) 和 onDraw(Canvas canvas) 方法。如果不打算调整或变更内置组件的形状,那么并不需要使用这些方法在自定义组件。
布局管理报告部件的宽度和高度需要协调 onMeasure() 方法,需要调用setMeasuredDimension(int width, int height),这种方法来报告尺寸大小。
可以执行自定义绘图里Canvas 的onDraw(Canvas canvas) 方法,其中android.graphis.Canvas其对应 Swing 是非常相似的,drawRect(), drawLine(), drawString(), drawBitmap() 等,可以用它来绘制组件。
完成了一个自定义组件的实现之后,通过扩大现有的部件,将能够实例化这些自定义组件在应用程序开发两种方式:
Activity类实例内使用代码
这是非常相似的方式实例化自定义组件实例的方式,在活动类的内置部件。例如,可以使用下面的代码实例上面定义的自定义组件:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
DateView dateView = new DateView(this);
setContentView(dateView);
} |
查看这个例子来了解如何使用代码里面活动实例化一个基本的Android自定义组件。
使用布局XML文件实例
使用传统布局XML文件实例的内置部件,相同的概念适用于自定义部件,因此将能够实例化自定义组件布局XML文件,解释如下。在com.yiibai.dateviewdemo包,已经把所有的代码相关DateView 和 DateView 类,已经把自定义组件的完整的逻辑的Java类名。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<com.yiibai.dateviewdemo.DateView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="#fff"
android:textSize="40sp"
android:background="#000"
/>
</RelativeLayout> |
要注意,在这里我们使用的所有 TextView 属性以及自定义组件没有任何变化。类似的方式能够使用所有的事件、方法,以及DateView组件。
通过这个例子,了解如何使用布局XML文件实例化一个基本的Android自定义组件。
使用自定义属性的自定义组件
我们已经看到可以如何扩展功能的内置部件,但上面给出两个例子中看到,扩展组件,可以利用它的父类的所有默认属性。但考虑到一种情况,当想从头开始创建自己的属性。下面是一个简单的程序创建和使用Android的自定义组件的新属性。这里介绍三个属性,并使用它们,如下所示:
<com.yiibai.dateviewdemo.DateView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="#fff"
android:textSize="40sp"
custom:delimiter="-"
custom:fancyText="true"
/> |
第1步
第一步,使用自定义的属性在 res/values/ 目录下创建新XML文件中定义attrs.xml。看看一个例子文件 attrs.xml:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="DateView">
<attr name="delimiter" format="string"/>
<attr name="fancyText" format="boolean"/>
</declare-styleable>
</resources> |
这里 name=value 就是要使用的布局XML文件中并作为属性,format=type 属性的类型。
第2步
第二个步骤将是从布局XML文件中读取这些属性,并将其设置为组件。这个逻辑将获得通过属性集的构造函数,因为这是包含XML属性。要读取XML中的值,首先需要从AttributeSet创建一个TypedArray,然后用它来读取和设置值,如下面的示例代码所示:
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.DateView);
final int N = a.getIndexCount();
for (int i = 0; i < N; ++i)
{
int attr = a.getIndex(i);
switch (attr)
{
case R.styleable.DateView_delimiter:
String delimiter = a.getString(attr);
//...do something with delimiter...
break;
case R.styleable.DateView_fancyText:
boolean fancyText = a.getBoolean(attr, false);
//...do something with fancyText...
break;
}
}
a.recycle(); |
第3步
最后,可以使用布局XML文件中定义的属性如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:custom="http://schemas.android.com/apk/res/com.yiibai.dateviewdemo"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<com.yiibai.dateviewdemo.DateView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="#fff"
android:textSize="40sp"
custom:delimiter="-"
custom:fancyText="true0"
/>
</RelativeLayout> |
重要的部分是xmlns:custom="http://schemas.android.com/apk/res/com.yiibai.dateviewdemo"。需要注意的是http://schemas.android.com/apk/res/将保持原样,但最后一部分需要设置包名,也可以使用任何xmlns:在这个例子中,使用的是custom,但可以使用任何喜欢的名字。
看看这个例子,以了解如何创建自定义属性Android自定义组件 的简单步骤。
|