Android DIY(自定义) UI(控件，界面)

                                                                                                    自定义UI

当系统的控件满足不了你做项目的需求时就要使用自定义的控件了。

自定义控件实现：

1.先新建一个Java文件代码如下：

package com.example.g160628_android_18_touch;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by Administrator on 2017/7/8.
 */

public class MyButton extends View {
    private Bitmap bitmp ;
    private Paint mPaint = null;
    private Canvas mBitmapCanvas = null;

    public MyButton(Context context) {
        super(context);
    }

    public MyButton(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        bitmp =Bitmap.createBitmap(500,500, Bitmap.Config.ARGB_8888);
        mBitmapCanvas = new Canvas(bitmp);
        mPaint = new Paint();

    }

    public MyButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public MyButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    /**
     *
     * @param canvas 画布
     *         paint 画笔
     */
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //设置画布的儿颜色
       canvas.drawColor(Color.RED);
        //实例化一个路径
        Path path=new Path();
        path.moveTo(0,50);
        path.lineTo(175,50);
        path.lineTo(50,150);
        path.lineTo(100,0);
        path.lineTo(150,150);
        path.lineTo(0,50);
        //实例化一只画笔
        Paint paint=new Paint();
        //设置画笔颜色
        paint.setColor(Color.YELLOW);
        //设置空心
        paint.setStyle(Paint.Style.STROKE);
        //设置画笔的粗细
        paint.setStrokeWidth(20);
        //画出来
        canvas.drawPath(path,paint);

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        Log.i("abababa   ","heightMeasureSpec ："+heightMeasureSpec);
        Log.i("abababa   ","widthMeasureSpec ："+widthMeasureSpec);
        int width = this.getMeasuredSize(widthMeasureSpec,true);
        int height = this.getMeasuredSize(heightMeasureSpec,false);
        setMeasuredDimension(width,height);
    }

    private int getMeasuredSize(int widthMeasureSpec, boolean b) {
        //模式
        int specMode = MeasureSpec.getMode(widthMeasureSpec);
        //尺寸
        int specSize = MeasureSpec.getSize(widthMeasureSpec);
        //计算所得的实际尺寸，要被返回
        int retSize = 0;
        //得到两侧的留边
        int padding =(b?getPaddingLeft()+getPaddingRight():getPaddingTop()+getPaddingBottom());
        Log.i("abababa   ","specMode ："+specMode);
        Log.i("abababa   ","specSize ："+specSize);
        Log.i("abababa   ","padding ："+padding);
        Log.i("abababa   ","MeasureSpec.EXACTLY ："+MeasureSpec.EXACTLY);
        Log.i("abababa   ","MeasureSpec.UNSPECIFIED ："+MeasureSpec.UNSPECIFIED);
        Log.i("abababa   ","MeasureSpec.AT_MOST ："+MeasureSpec.AT_MOST);
        Log.i("abababa   ","bitmp.getWidth() ：  "+bitmp);
        //对不同模式进行判断
        if(specMode == MeasureSpec.EXACTLY){//显示指定控件大小
            retSize = specSize;
            Log.i("abababa   ","if");
        }else{
            retSize = (b?bitmp.getWidth()+padding:bitmp.getHeight()+padding);
            Log.i("abababa   ","retSize  后 ：  "+retSize);
            if(specMode==MeasureSpec.UNSPECIFIED){
                retSize = Math.min(retSize,specSize);
            }
        }
        return retSize;
    }

}

在XML布局文件中把上面的Java类以控件形式写出来

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.g160628_android_18_touch.MainActivity">

   <com.example.g160628_android_18_touch.MyButton
       android:layout_width="400dp"
       android:layout_height="400dp" />

</LinearLayout>