Android 自定义组件

Android 提供了非常精致的和非常强大的组件化模型，能够更加方便的构建UI,这些UI组件都是基于基本的layout类:View 和 ViewGroup。

部分能够用的widgets包括：Button，TextView,EditText,ListView,CheckBox，RadioButton,Gallery,Spinner,和一些比较特殊用途的widgets(AutoCompleteTextView, ImageSwitcher, and TextSwitcher.)

如果预定义的widgets和布局组件都不符合您的需求，那就需要创建属于自己的view，如果只是需要对已有的widget和layout进行小部分的调整，那就可以通过重写部分一些方法来完成开发。

下面就举个例子讲解如何创建自定义的xml属性，以及如果使用。

1. 首先创建一个新的android application.

2. 创建属性

在res/values/ 下创建一个attr.xml 文件，定义好需要的attributes

3. 创建自定义的View

创建一个View， CustomView 继承自View(根据具体的情况，如果需求和已经存在的widget或者layout相差不大，就继承，重写一些方法)

packagecom.hualu.androidview;

importandroid.content.Context;

importandroid.content.res.TypedArray;

importandroid.graphics.Canvas;

importandroid.graphics.Paint;

importandroid.util.AttributeSet;

importandroid.view.View;

publicclassCustomViewextendsView {

privatePaint p =null;

privateString text =null;

publicCustomView(Context context) {

super(context);

initCustomView() ;

}

publicCustomView(Context context, AttributeSet attrs){

super(context, attrs ) ;

initCustomView() ;

TypedArray a = context.obtainStyledAttributes(attrs,R.styleable.custom) ;

intindexCount = a.getIndexCount() ;

for(inti =0; i 

intindex = a.getIndex(i) ;

switch(index) {

caseR.styleable.custom_text:

text = a.getString(index) ;

break;

caseR.styleable.custom_size:

p.setTextSize(a.getInt(index, 0));

break;

caseR.styleable.custom_color:

p.setColor(a.getColor(index, 0xFF000000)) ;

break;

}

}

a.recycle() ;

}

voidinitCustomView(){

p = newPaint();

p.setAntiAlias(true);

} ;

@Override

protectedvoidonDraw(Canvas canvas) {

super.onDraw(canvas);

canvas.drawText(text, 10,10, p) ;

}

}

4. 在layout的文件使用自定义的view

xmlns:custom="http://schemas.android.com/apk/res/com.hualu.androidview"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:layout_centerVertical="true"

android:text="@string/hello_world"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

custom:text="custom view"

custom:color="#00FF00"

custom:size="18"

/>

5. 运行应用

文章就到此结束，大家有什么疑问的，请留言，我会及时答复大家!谢谢~

【编辑推荐】

【责任编辑：闫佳明 TEL：(010)68476606】

点赞 0