自定义控件,在Android的开发中,SDK提供的常用控件可能不能提供我们开发的一些需求,自定义控件就是自定义满足自己的需求并且还要界面美观的控件。下面我们就逐步介绍一下自定义控件。
一,自定义控件的属性:
使用自己定义的控件那么首先就是要自己定义控件的属性,来实现自己想要的效果,例如我们自定义一个长方形视图,具体步骤如下:
1,首先创建一个类,此类继承View,此时就是必须生成一个构建方法,如下所示:
public class MyRect extends View { public MyRect(Context context, AttributeSet attrs) { super(context, attrs); } }
此构建方法是有资源解析程序使用的(只要将我们自定义的布局添加到XML文件就是执行到此方法)。
2,这样我们就可以将我们自定义的MyRect在XML布局文件中使用了。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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:orientation="vertical" tools:showIn="@layout/activity_main">
<com.example.mgsd.mystudyproject.MyRect
android:layout_width="100dp"
android:layout_height="100dp"
/>
|
</LinearLayout>
3,自定义控件属性,那要创建一个XML文件,取名为attrs,在此XML里面我们就可以创建自己的属性了。如下:
<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="MyRectView"> <attr name="rect_color" format="color"></attr> </declare-styleable> </resources>
4,首先写一个declare-styleable标签,里面设置我们此属性的总名称。我只是针对颜色设置了一个rect_color属性,它的format格式是color(一个format可以设置不同的格式eg: format="color|reference"这样我们在使用的时候就不只是局限于color还可以添加图片资源)。
下面我们在构造方法MyRect中添加如下代码:
public MyRect(Context context, AttributeSet attrs) { super(context, attrs); TypedArray ta = context.obtainStyledAttributes(attrs,R.styleable.MyRectView); int color = ta.getColor(R.styleable.MyRectView_rect_color,Color.RED); setBackgroundColor(color); ta.recycle();//用完一定要recycle }
这样我们就设置了自定义控件的颜色默认是红色的,如果要动态设置就可以在XML的布局文件里面动态设置。
5,动态设置我们需要自己在XML里面声明一个自定义的命名空间。如下所示:xmlns:ljj="http://schemas.android.com/apk/res/com.example.mgsd.mystudyproject"
前面的ljj是我们自己的空间名称,后面的是自己的包名,然后我们就可以在MyRect控件中添加属性
ljj:rect_color="@android:color/darker_gray"那样自定义控件的背景就改变颜色了。
这就是我们的自定义控件属性。
写到这里我们先暂停一下,看一下format的类型:
① reference:参考某一资源ID。
<attr name="background" format="reference"></attr>
例: ljj:background = ""@drawable/图片ID"
② color:颜色值 上面已经讲解
③ boolean:布尔值
<attr name = "focusable" format = "boolean" />
例: ljj:focusable = "false";
④ dimension:尺寸值。
<attr name = "layout_width" format = "dimension" />
例: ljj:layout_width = "55dp";
除此之外还有 float:浮点值; integer:整型值; string:字符串 ;fraction:百分数;enum:枚举值;flag:位或运算就不一一列举了。
二 ,自定义控件的皮肤
这也是我们在开发中经常用到的,如果有这样一个需求:按钮点击时和未点击时需要不同的颜色。此时我们就要自定义按钮的皮肤。首先需要自定义一个XML文件里面设置button点击个未点击状态的颜色值,我们取名为btselect.xml。
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@android:color/holo_blue_dark" android:state_focused="true"></item> <item android:drawable="@android:color/holo_blue_dark" android:state_pressed="true"></item> <item android:drawable="@android:color/holo_red_dark"></item> </selector>
然后在XML布局控件中设置属性 : android:background="@drawable/btselect"就可以改变button的点击颜色。
三 自定义视图
1,首先还是创建一类,我们取名为MyRect继承View。
2,重写draw方法,我们可以获得画布canvas
@Override public void draw(Canvas canvas) { super.draw(canvas); }
3,有了画布,我们还需要一个画笔,那我们就要定义一个变量Paint,用来控制要呈现的图形样式
private Paint paint;
4,自定义一个方法initProperties,来对paint进行相应的操作,我只是对paint进行初始化之后设置了其颜色为红色
private void initProperties() { paint = new Paint(); paint.setColor(Color.RED); }
5,在draw方法中,用paint在画布上进行绘制。canvas.drawRect(0, 0, 100, 100, paint),此时我们就在画布上画了一个颜色为红色的方形控件,并且可以再XML文件中使用。
6,我们还可以将小方块进行旋转操作,我们都知道自定义控件时有一个invalidate()方法,是重新绘制方法,只要我们的view无效程序就会重新绘制并且执行draw方法,那我们就这样实现方块的旋转。
首先我们需要设置一个角度变量:degress,具体代码和解释如下所示。
@Override public void draw(Canvas canvas) { super.draw(canvas); canvas.save();//在使用之前保存状态 //canvas.translate(200,200);//设置自定义控件的坐标 canvas.rotate(degress, 50, 50);//绕着的中心点选择 canvas.drawRect(0, 0, 100, 100, paint); degress++;//每执行一次角度加1, canvas.restore();//将view设置为无效 invalidate();//重新绘制使不断纸箱draw方法,从而是方形控件不断旋转 }
当然我要提醒大家invalidate()重绘是很消耗资源的,在实际的开发中不建议这样使用,可以和Handler配合使用。