自定义控件开发流程及总结
原文地址http://blog.csdn.net/dinglin_87/article/details/7431545,原文有demo,但是原文没有代码格式,我把代码部分都重新放置了
本文只是简述自定义控件的步骤, 没有实现华丽的界面效果,仅供参考!自定控件步骤如下:
1、写一个类继承View或你想扩展功能的控件(比如TextView)。
public class CustomView extends View { };
2、在/res/value下创建一个attr.xml文件。
没有这个文件自定义控件照样能显示出来,但只能使用所继承的父类中包含的属性,有了这个文件可以增加自定义的命名空间,来设置自定义的属性(其中format可选值见文尾)(大家看到这里可能觉得很突兀,坚持看完,相信你会明白这里的!)
<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="CustomView"> <attr name="textColor" format="color" /> <attr name="textSize" format="dimension" /> </declare-styleable> </resources>
2、CustomView中重写父类的构造方法(我一般把三个都写上)在构造方法中获取到自定义是属性的值。
public CustomView(Context context) { super(context); }
//xml文件解析的时候,会把标签解析成一个类,标签里的属性及属性值都传递到AttributeSet里了,所以我们要从这里把属性值获取出来,设置给画笔。
public CustomView(Context context, AttributeSet attrs) { super(context, attrs); init(context,attrs); } public CustomView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(context,attrs); } private void init(Context context, AttributeSet attrs) { TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.CustomView);//获取定义在attr中属性的属性值,这个属性值是在,把控件设置到界面上时所使用的layout中设置的 int color = array.getColor(R.styleable.CustomView_textColor, Color.RED);//第二个参数为默认值 float size = array.getDimension(R.styleable.CustomView_textSize, 10); paint = new Paint(); paint.setColor(color); paint.setTextSize(size); array.recycle();//必须有!!清空原array,防止以后出现原来设置的属性。 } 4、重写onDraw()方法。 @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawText("我是被画出来的", 10, 100, paint);//第二个和第三个参数为坐标的X轴Y轴 }
5、新建一个Activity(此处不再给出),在其使用的布局文件中添加自定义控件,并且可以引入自定义的命名空间,使用attr中定义的属性。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:dinglin="http://schemas.android.com/apk/res/cn.itheima.customview" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <!-- 使用自定义控件要用包名+类名的形式,其中命名控件dl中可以使用在attr.xml中定义的属性 --> <cn.itheima.customview.CustomView android:layout_width="fill_parent" android:layout_height="fill_parent" dl:textColor="#ff00ff00" dl:textSize="25dip" > </cn.itheima.customview.CustomView> </LinearLayout>
搞定!运行就可以看到自己定义的控件了,这个控件有些丑,文章开头已经说了,只是简单介绍自定义控件的开发流程!勿怪!
------------------------------------------------------
附:attrs.xml中format属性可选值!此部分资料来源http://blog.sina.com.cn/s/blog_61f4999d010110o8.html
Android自定义属性时format选项可以取用的值
1. reference:参考某一资源ID。
(1)属性定义:
<declare-styleable name="名称"> <attr format="reference" name="background" /> </declare-styleable>
(2)属性使用:
<ImageView android:layout_width="42dip" android:layout_height="42dip" android:background="@drawable/图片ID" />
2. color:颜色值。
(1)属性定义:
<declare-styleable name="名称"> <attr format="color" name="textColor" /> </declare-styleable>
(2)属性使用:
<TextView android:layout_width="42dip" android:layout_height="42dip" android:textColor="#00FF00" />
3. boolean:布尔值。
(1)属性定义:
<declare-styleable name="名称"> <attr format="boolean" name="focusable" /> </declare-styleable>
(2)属性使用:
<Button android:layout_width="42dip" android:layout_height="42dip" android:focusable="true" />
4. dimension:尺寸值。
(1)属性定义:
<declare-styleable name="名称"> <attr format="dimension" name="layout_width" /> </declare-styleable>
(2)属性使用:
<Button android:layout_width="42dip" android:layout_height="42dip" />
5. float:浮点值。
(1)属性定义:
<declare-styleable name="AlphaAnimation"> <attr format="float" name="fromAlpha" /> <attr format="float" name="toAlpha" /> </declare-styleable>
(2)属性使用:
<alpha android:fromAlpha="1.0" android:toAlpha="0.7" />
6. integer:整型值。
(1)属性定义:
<declare-styleable name="AnimatedRotateDrawable"> <attr format="integer" name="frameDuration" /> <attr format="integer" name="framesCount" /> </declare-styleable>
(2)属性使用:
[html] view plaincopyprint? <animated-rotate android:frameDuration="100" android:framesCount="12"/>
7. string:字符串。
(1)属性定义:
<declare-styleable name="MapView"> <attr format="string" name="apiKey" /> </declare-styleable>
(2)属性使用:
<com.google.android.maps.MapView android:layout_width="fill_parent" android:layout_height="fill_parent" android:apiKey="0jOkQ80oD1JL9C6HAja99uGXCRiS2CGjKO_bc_g" />
8. fraction:百分数。
(1)属性定义:
<declare-styleable name="RotateDrawable"> <attr format="fraction" name="pivotX" /> <attr format="fraction" name="pivotY" /> </declare-styleable>
(2)属性使用:
<rotate android:pivotX="200%" android:pivotY="300%"/>
9. enum:枚举值。
(1)属性定义:
<declare-styleable name="名称"> <attr name="orientation"> <enum name="horizontal" value="0" /> <enum name="vertical" value="1" /> </attr> </declare-styleable>
(2)属性使用:
<LinearLayout android:orientation="vertical" > </LinearLayout>
10. flag:位或运算。
(1)属性定义:
<declare-styleable name="名称"> <attr name="windowSoftInputMode"> <flag name="stateUnspecified" value="0" /> <flag name="stateUnchanged" value="1" /> <flag name="stateHidden" value="2" /> <flag name="stateAlwaysHidden" value="3" /> <flag name="stateVisible" value="4" /> <flag name="stateAlwaysVisible" value="5" /> <flag name="adjustUnspecified" value="0x00" /> <flag name="adjustResize" value="0x10" /> <flag name="adjustPan" value="0x20" /> <flag name="adjustNothing" value="0x30" /> </attr> </declare-styleable>
(2)属性使用:
<activity android:windowSoftInputMode="stateUnspecified | stateUnchanged | stateHidden" > </activity>
注意:属性定义时可以指定多种类型值:
(1)属性定义:
<declare-styleable name="名称"> <attr format="reference|color" name="background" /> </declare-styleable>
(2)属性使用:
<ImageView android:layout_width="42dip" android:layout_height="42dip" android:background="@drawable/图片ID|#00FF00" />