您的位置:首页 > 移动开发 > Android开发

自定义控件

2016-06-03 09:47 507 查看
自定义控件,在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。

 例: ljj:background = “”@drawable/图片ID”

② color:颜色值 上面已经讲解

③ boolean:布尔值

  

  例: ljj:focusable = “false”;

④ 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配合使用。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android 自定义控件