自定义UI

自定义UI

很多朋友 当系统中的空间不能满足工作的需求的时候，就会寻找其他的方法。这里就有一个自定义的控件  

首先是新建一个MyButton.java类 用来使用

import android.content.Context;
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 admin on 2017/7/8.
 */

public class MyButton extends View{
    public MyButton(Context context) {
        super(context);
    }

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

    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(100,100);
        //开始
        path.lineTo(300,100);
        path.lineTo(150,300);
        path.lineTo(200,50);
        path.lineTo(250,300);
        path.lineTo(100,100);
        //实例化一个画笔
        Paint paint=new Paint();
        paint.setColor(Color.YELLOW);
        //设置空心
        paint.setStyle(Paint.Style.STROKE);
        //设置画笔的粗细
        paint.setStrokeWidth(20);
        //画路径
        canvas.drawPath(path,paint);
        //设置画笔的粗细
        paint.setStrokeWidth(10);
        paint.setColor(Color.GREEN);
        //设置字的大小
        paint.setTextSize(38);
        //画文字
        canvas.drawText("11",150,150,paint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.i("test","自定义的按钮的触摸事件---->回调");
        return false;
    }



    //这里使用JAVA来定义画布的大小
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        setMeasuredDimension(500,500);
    }
}

这个java类 可以直接当做一个控件来使用

然后是activity_main.xml

<?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:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.android_07_08.MainActivity"
    android:id="@+id/root"
    >


    <com.example.android_07_08.MyButton
        android:layout_width="400px"
        android:layout_height="400px"
        android:id="@+id/mbtn_main_button"
        />





</LinearLayout>

然后就可以使用了  虽然没有画好 但实际上方法就是这样使用的

结果图

可以点击 当做Button使用