简单的自定义view

原创 2016年08月31日 12:17:05

自定义图形类:

package com.example.dell.androidtwo;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by dell on 2016/8/31.
 */

public class Round extends View {

    //定义矩形长宽
    private static final int WIDTH = 90;
    private Rect rect = new Rect(0, 0, WIDTH, WIDTH);
    //画笔
    private static Paint paint = new Paint();
    //点击位置和图形边界的偏移量
    private int deltaX,deltaY;
    //代码调用构造
    public Round(Context context) {
        super(context);
        paint.setColor(Color.BLACK);
        paint.setAntiAlias(true);
    }
    //XML调用构造
    public Round(Context context, AttributeSet attrs) {
        super(context, attrs);
        paint.setColor(Color.RED);
        paint.setAntiAlias(true);
    }
    //绘制图形
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawCircle(rect.centerX(),rect.centerY(),WIDTH/2, paint);
    }
    //触摸移动并优化
    @Override
    public boolean onTouchEvent(MotionEvent event) {

        int x = (int) event.getX();
        int y = (int) event.getY();
        switch(event.getAction()) {
            case MotionEvent.ACTION_DOWN:

                if(!rect.contains(x, y)) {
                    //没有在矩形上点击,不处理触摸消息
                    return false;
                }
                deltaX = x - rect.left;
                deltaY = y - rect.top;

                break;
            case MotionEvent.ACTION_MOVE:

            case MotionEvent.ACTION_UP:
                Rect old = new Rect(rect);
                //更新矩形的位置
                rect.left = x - deltaX;
                rect.top = y - deltaY;
                rect.right = rect.left + WIDTH;
                rect.bottom = rect.top + WIDTH;

                old.union(rect);//要刷新的区域,求新矩形区域与旧矩形区域的并集
                invalidate(old);//出于效率考虑,设定脏区域,只进行局部刷新,不是刷新整个view
                break;
        }
        return true;//处理了触摸消息,消息不再传递
    }

}

主类:

package com.example.dell.androidtwo;

import android.content.res.Resources;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class Hello extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //XML调用
        setContentView(R.layout.activity_hello);
        //代码调用
       /* Round round = new Round(this);
        setContentView(round);*/


    }
}

XML调用时的布局:

<?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"
    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="com.example.dell.androidtwo.Hello">

    <com.example.dell.androidtwo.Round
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
</RelativeLayout>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

简单的自定义View

  • 2015-11-12 13:06
  • 3.65MB
  • 下载

自定义控件学习前篇 简单认识View的四个构造方法

在Android开发中,我们经常会涉及到自定义View,View有3个构造方法(可能以后会更多),如下: [java] view plain copy public CircleView(Cont...

安卓 简单自定义view 源码

  • 2014-11-29 23:44
  • 1.39MB
  • 下载

Android自定义View----时钟/仪表盘的简单实现

1.自定义属性 在资源文件夹下values目录中创建一个attrs.xml文件,文件结构如下所示,declare-styleable是自定义view的名字,atrr标签就是我们要自定义的一些属性, ...

自定义View自己的简单理解

这篇文章不涉及源码的解释,不过我相信通过此文章,读者们一定能获得一些东西。 首先我们知道自定义View最基本的三个步骤protected void onMeasure(int widthMeasur...

自定义view简单例子

自定义view简单例子本文主要讲解View的绘制,主要重写view的onDraw方法。效果图如下: 自定义绘制View,就少不了画笔Paint,这里简单介绍一下Paint: paint.setA...

自定义View的简单案例(1)

最近在学习自定义View,几个简单的自定义View控件的小案例,供大家参考 案例一:主要是熟悉自定义View的步骤 自定义view的步骤: 1.首先创建一个类继承View(或者view的...

Android自定义View之超简单圆形数字指示器

Android自定义View之超简单圆形数字指示器
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)