Android 采用画布画笔方式设计UI

android界面，直接采用画笔进行设计界面，代码如下：

package com.test.ui.setting.activity;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.FragmentActivity;
import android.util.Log;
import android.widget.FrameLayout;
import android.widget.TextView;

import com.test.R;
import com.test.ui.widget.DrawView;

public class ScreenTestActivity extends FragmentActivity{

    private DrawView drawView;
    private TextView textView;
    public static boolean screenTest = false;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_screentest); //设置显示的View
        screenTest = true;

        drawView = new DrawView(this);
        drawView.setListener(new DrawView.DrawListener(){
            @Override
            public void onClick(int count) {
                Log.d("ScreenTestActivity", " count = " + count);
                String text = "Count: " + count;
                textView.setText(text);
            }
        });

		FrameLayout frameLayout = (FrameLayout) findViewById(R.id.fl_draw); //绑定FrameLayout
        frameLayout.addView(drawView); //添加Draw类
        textView = (TextView) findViewById(R.id.tv_count);
        String text = "Count: 0";
        textView.setText(text);
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        screenTest = false;
    }
}

画布控件DrawView，代码如下：

package com.ui.widget;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;

import com.mili.smarthome.tkj.utils.LogUtils;

public class DrawView extends View implements View.OnClickListener
{
    private float start_x;//声明起点坐标x
    private float start_y;//声明起点坐标y
    private Canvas canvas;//声明画笔
    private Paint paint;//声明画布
    private Bitmap bitmap;//声明位图
    private int clickCount = 0;
    private DrawListener mListener = null;

    public DrawView(Context context)
    {
        super(context);
        // TODO 自动生成的构造函数存根

        DisplayMetrics outMetrics = getResources().getDisplayMetrics();
        LogUtils.d("screen=" + outMetrics.widthPixels + "*" + outMetrics.heightPixels);

        paint = new Paint(Paint.DITHER_FLAG);//创建一个画笔
        bitmap = Bitmap.createBitmap(outMetrics.widthPixels, outMetrics.heightPixels, Bitmap.Config.RGB_565);//设置位图的宽高
        canvas = new Canvas(bitmap);

        paint.setStyle(Paint.Style.STROKE);//设置非填充
        paint.setStrokeWidth(2);//笔宽5像素
        paint.setColor(Color.WHITE);//设置为红笔
        paint.setAntiAlias(true);//锯齿不显示
        paint.setDither(true);//设置图像抖动处理
        paint.setStrokeJoin(Paint.Join.ROUND);//设置图像的结合方式
        paint.setStrokeCap(Paint.Cap.ROUND);//设置画笔为圆形样式
        clickCount = 0;
    }

    @Override
    protected void onDraw(Canvas canvas)
    {
        // TODO 自动生成的方法存根
        super.onDraw(canvas);
        canvas.drawBitmap(bitmap, 0, 0, paint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event)
    {
        //检测手指落下的动作
        if(event.getAction() == MotionEvent.ACTION_DOWN)
        {
            start_x = event.getX();//获取手指落下的x坐标
            start_y = event.getY();//获取手指落下的y坐标
            canvas.drawLine(start_x-8, start_y, start_x+8, start_y, paint);
            canvas.drawLine(start_x, start_y-8, start_x, start_y+8, paint);
            clickCount++;
            if (mListener != null) {
                mListener.onClick(clickCount);
            }
        }
        invalidate();//使绘画动作生效
        return true;
    }

    @Override
    public void onClick(View v)
    {
        // TODO 自动生成的方法存根
    }

    public void setListener(DrawListener listener) {
        mListener = listener;
    }

    public interface DrawListener {
        void onClick(int count);
    }
}

布局文件activity_screentest.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/fl_draw"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <TextView
        android:id="@+id/tv_count"
        android:layout_width="wrap_content"
        android:layout_height="@dimen/dp_50"
        android:layout_gravity="right"
        android:layout_marginRight="@dimen/dp_20"
        android:layout_marginTop="@dimen/dp_20"
        android:textSize="@dimen/sp_13"
        android:textColor="@color/txt_white"/>
</FrameLayout>