Android自定义控件_自绘控件

 控件的划分：自绘控件、组合控件、继承控件

每种方式是如何自定义View的？

第一：自绘控件

    继承view，重写onDraw方法,在布局文件里面引用

    示例：水波纹 WaterRipplesActivity

public class WaterRipplesActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_ring_layout);
    }

WaterRipplesActivity会去加载布局main_ring_layout.xml

<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"
    tools:context=".MainActivity" >

    <com.example.userview.MyRingView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
         />
</RelativeLayout>

当加载到com.example.userview.MyRingView这个控件的时候，其实就说明去加载自定义控件了，然后会去执行MyRingView这个绘制view的类。所有的绘制操作都是在这个类MyRingView里完成的。

public class MyRingView extends View {

    private static final int FLUSH = 0;

    public MyRingView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    /**
     * 园环的半径
     */
    private float radius;
    /**
     * 绘制园环的画笔
     */
    private Paint paint;

    private void initView() {
        radius = 0;
        paint = new  Paint();
        //打开抗矩齿效果
        paint.setAntiAlias(true);
        //设置绘制的样式为绘制线条，
        paint.setStyle(Style.STROKE);
        //设置线条的宽度
        paint.setStrokeWidth(0);
        //设置画笔透明度
        paint.setAlpha(255);
        //设置颜色
        paint.setColor(Color.RED);
        
        invalidate();
    }
    
    private Handler handler = new Handler(){
        public void handleMessage(android.os.Message msg) {
            //修改园环的状态，
            radius+=5;
            
            paint.setStrokeWidth(radius/3);
            //无论alpha值是多大，paint在使用的时候，都会将其转换为 0--255之间的数字
            int alpha = paint.getAlpha();
            
            alpha-=10;
            
            if(alpha<10){
                alpha=0;
            }
            paint.setAlpha(alpha);
            //刷新视图
            invalidate();
            
    }};
    
    @Override
    /**
     * 绘制view的内容
     */
    protected void onDraw(Canvas canvas) {
        if(paint == null){
            return ;
        }
        canvas.drawCircle(cx, cy, radius, paint);
        
        if(paint.getAlpha()>0){
//            handler.sendEmptyMessage(FLUSH);
            handler.sendEmptyMessageDelayed(FLUSH, 100);
        }
    }
    
    /**
     * 园心的X坐标 
     */
    private int cx;
    /**
     * 园心的Y坐标
     */
    private int cy;
    
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if(event.getAction() == MotionEvent.ACTION_DOWN){
            cx =(int) event.getX();
            cy = (int) event.getY();
            initView();
        }
        
        return super.onTouchEvent(event);
    }
    

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //按系统的默认规则进行测行
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

效果：红色圈从小到大、颜色从深到浅变化（从左到右）

第二：组合控件

关于组合控件：看下图（我觉得大概就是这个模型） 

总结：

　　　整体感觉自定义都差不多，具体落实体现在“自定义”三个字上就是
　　 1自绘控件的“自定义”：就是在代码中动态的绘制view，再填充
 　　2组合控件的“自定义”：就是将原生控件进行组合
 　　3继承控件的“自定义”：就是继承原生控件，然后进行一些修改