什么是自定义view?
android开发中所有的控件几乎都是view,然而实际开发中系统的view远远不够使用,还用到自定义的view。
自定义view分为三种:
1:自绘控件,之前不存在的控件,有自定义view生成的新控件。
2:继承控件,在继承系统的控件后,增加新的功能。
3:组合控件,将系统原有的几种控件整合到一块。
如何开发自定义view?
无论哪种自定义view的开发无疑离不开以下的某种方法:
Ⅰ、在OnMeasure()方法中,测量自定义控件的大小,使自定义控件能够自适应布局各种各样的需求。
2、在OnDraw()方法中,利用Canvas与Pain两个重要的对象来绘制要显示的内容。
3、在OnLayout()方法中来确定控件显示位置,主要有子控件情况下
4、在OnTouchEvent()方法处理控件的触摸事件。
除此之外自定义view还需要在xml文件中定义style样式来影响效果。
其中以下三个方法也比较重要:
- requestLayout View重新调用一次layout过程。
- invalidate View重新调用一次draw过程
- forceLayout 标识View在下一次重绘,需要重新调用layout过程。
这一篇我讲下自绘view,例如做一个跑马灯效果的view
效果图如下:
首先自定义一个myView继承view,不需要实现其他三种方法,只需要实现onDraw方法,在onDraw中利用Canvas与Pain,设置一个文字并设置文字的颜色和大小,并设置文字的坐标,这些值通过TypedArray对象获取,记得使用完这个对象后要recycle。逻辑方面就是开启一个线程,不断以叠加横坐标的值重绘view来实现跑马灯效果。
public class MyView extends View {
MyThread thread;
int rx=0;
private boolean isXScroll;
private String textString="";
private int textSize=0;
private int textColor;
Paint paint = new Paint();
public MyView(Context context) {
super(context);
}
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.process);
isXScroll = ta.getBoolean(R.styleable.process_isXScroll,false);
textString = ta.getString(R.styleable.process_text);
textSize = ta.getInt(R.styleable.process_textSize,10);
textColor=ta.getColor(R.styleable.process_textColor,32332);
ta.recycle();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if(thread==null){
thread = new MyThread();
thread.start();
}else{
paint.setTextSize(textSize);
paint.setColor(textColor);
canvas.drawText(textString,rx,100,paint);
}
}
@Override
protected void onDetachedFromWindow() {
super.onDetachedFromWindow();
isCircle = false;
}
private boolean isCircle=true;
class MyThread extends Thread{
@Override
public void run() {
while (isCircle){
if(isXScroll){
rx+=3;
if(rx>getWidth()){
rx= (int) (0-paint.measureText(textString));
}
}
postInvalidate();//和invalidate区别就是一个可以在主线程中直接调用
try {
Thread.sleep(50);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}
在values下面新建一个styles.xml中定义属性,不同的属性对应不同的format,有很多属性类型,不在这里一一介绍,这个demo以文字的内容、颜色、大小可以定义成style变量,在布局文件中利用命名空间引入,方便开放开发者使用这些变量改变跑马灯效果。
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
<declare-styleable name="process">
<attr name="isXScroll" format = "boolean"></attr>
<attr name="text" format = "string"></attr>
<attr name="textSize" format = "integer"></attr>
<attr name="textColor" format = "color"></attr>
</declare-styleable>
</resources>
布局文件就可以使用这个自定义view
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
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="com.zzti.fengyongge.myview.MainActivity"
>
<com.zzti.fengyongge.myview.view.MyView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
xmlns:app="http://schemas.android.com/apk/res/com.zzti.fengyongge.myview"
app:isXScroll= "true"
app:text="Android开发的那些事"
app:textSize="50"
app:textColor="#385B00"
>
</com.zzti.fengyongge.myview.view.MyView>
</RelativeLayout>