简单的自定义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时,用到Paint Canvas的一些温故,只有想不到没有做不到(实例 1,画一个简单的Activity并且实现他能实现的)

转载请注明出处:王亟亟的大牛之路这两天都在写Paint Canvas 昨天前天都写的比较基础的一些只是和一些简单的Demo演示,那今天就写一个“大气磅礴的”(之前几篇没看的可以看下传送门:http:/...

安卓 简单自定义view 源码

  • 2014年11月29日 23:44
  • 1.39MB
  • 下载

自定义View很简单 - Android翻页效果原理实现之翻页的尝试

尊重原创转载请注明:From AigeStudio(http://blog.csdn.net/aigestudio)Power by Aige 侵权必究! 炮兵镇楼 在《自定义控件其实很简...

简单谈谈自定义View中的Mesure

我们在编写layout的xml文件时会碰到layout_width和layout_height两个属性,对于这两个属性我们有三种选择:赋值成具体的数值,match_parent或者wrap_conte...
  • yzzst
  • yzzst
  • 2014年10月14日 17:53
  • 868

Android之自定义view原来那么简单

你是否对自定义view感到害怕? 你是否总无法跨越自定义view跨越? 你是否看了不少自定义view,结果不知所云?或者说, 你知道onMeasure()是用来测量view的; 你知道onLa...

UIImageView动画 、自定义View 和手势的简单实用 Tom 猫 全部功能实现

创建一个自定义view  Tom. h Tom.m   /*其实没啥用*/ #import @interface Tom : UIView @property (nonat...

自定义View(2)——测量方法onMeasure()简单使用

自定义控件免不了图形绘制,每一个视图的绘制过程都必须经历三个最主要的阶段,即onMeasure()测量、onLayout()布局、onDraw()绘制 三个阶段,今天主要将第一个阶段测量。关于三个阶段...
  • ffengz
  • ffengz
  • 2016年09月09日 13:47
  • 147
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:简单的自定义view
举报原因:
原因补充:

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