Android 自定义控件（view）的简单例子

• Android自定义view通过继承系统的View并重写部分方法来满足自己的特定需要。首先我们来看一下都有哪些方法可能需要被重写：　　　

　　　　onMeasure() 检测View组件及其子组件的大小

　　　　onLayout() 当该组件需要分配其子组件的位置、大小时

　　　　onTouchEvent 当发生触屏事件时

　　　　onDraw() 当组件将要绘制它的内容时

　　　　onKeyDown 当按下某个键盘时

　　　　onKeyUp  当松开某个键盘时

　　　　onTrackballEvent 当发生轨迹球事件时

　　　　onSizeChange() 当该组件的大小被改变时

　　　　onFinishInflate() 回调方法，当应用从XML加载该组件并用它构建界面之后调用的方法

　　　　onWindowFocusChanged(boolean)  当该组件得到、失去焦点时

　　　　onAtrrachedToWindow() 当把该组件放入到某个窗口时

　　　　onDetachedFromWindow() 当把该组件从某个窗口上分离时触发的方法

　　　　onWindowVisibilityChanged(int): 当包含该组件的窗口的可见性发生改变时触发的方法

　　红色标注的部分是我们经常需要重写的函数。具体的实现我们举一个简单的例子来说明，首先上效果图：

圆形和文字跟随触摸事件移动的一个简单的自定义view

• 实现上面的效果我们大致需要分成这几步
  • 在res/values/  下建立一个attrs.xml 来声明自定义view的属性
  • 一个继承View并复写部分函数的自定义view的类
  • 一个展示自定义view 的容器界面

1. 我们的view 叫做myView，一定要和我们的class文件名相同。它有一个属性值，格式为color

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="myView">
        <attr name="TextColor" format="color"/>
    </declare-styleable>

</resources>

2.在自定义view类中实现其构造函数（用于初始获得view的属性配置）和复写onDraw和onTouchEvent。

public class myView extends View{
    //定义画笔和初始位置
    Paint p = new Paint();
    public float currentX = 50;
    public float currentY = 50;
    public int textColor;

    public myView(Context context, AttributeSet attrs) {
        super(context, attrs);
        //获取资源文件里面的属性，由于这里只有一个属性值，不用遍历数组，直接通过R文件拿出color值
        //把属性放在资源文件里，方便设置和复用
        TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.myView);
        textColor = array.getColor(R.styleable.myView_TextColor,Color.BLACK);
        array.recycle();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //画一个蓝色的圆形
        p.setColor(Color.BLUE);
        canvas.drawCircle(currentX,currentY,30,p);
        //设置文字和颜色，这里的颜色是资源文件values里面的值
        p.setColor(textColor);
        canvas.drawText("BY finch",currentX-30,currentY+50,p);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        currentX = event.getX();
        currentY = event.getY();
        invalidate();//重新绘制图形
        return true;

    }
}

　　这里思路很简单，通过不断的更新当前位置坐标和重新绘制图形实现效果，要注意的是使用TypedArray后一定要记得recycle(),否则会对下次调用产生影响。

除非你不会再用TypedArray.

3.我们把myView放在activity_main.xml里面，当然也可以在代码中通过addview函数加到布局中。

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:myview="http://schemas.android.com/apk/res-auto"
    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="finch.scu.cn.myview.MainActivity">

    <finch.scu.cn.myview.myView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        myview:TextColor="#ff0000"
        />
</RelativeLayout>

　　这里 xmlns:自定义控件的前缀="http://schemas.android.com/apk/res/包名（或res-auto）" ， 前缀:TextColor="#ff0000"。如果不申明命名空间属性就会

最后是MainActivity

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

• 具体的view要根据具体的需求来，比如我们要侧滑删除的listview我们可以继承listview，监听侧滑事件，显示删除按钮实现功能。