Android自定义View使用总结

阅读原文时间：2021年04月22日阅读：1

Android自定义View使用总结

2016年11月29日 16:49:19 峥嵘life 阅读数：3148 标签： android widget 自定义View 更多

很多人把自定义View想象得很复杂，其实一步一步的去理解记忆，它的知识点并不是很难，但是它的应用方向确实是比较多。本文先简单的介绍一下自定义View和它的使用。

一．View 的基本概念

（一）View的理解

View是一个Android视图的基础类，这个类是用户接口的基础构件。 View 表示屏幕上的一块矩形区域，负责绘制这个区域和事件处理。 View 是所有widget类的基类，Widget 类用于创建交互式UI构件（按钮，输入框等）。 View 类的ViewGroup子类是layout的基类，Layout是一个不可见的容器，它保存着 View（或ViewGroup）并定义这些View的layout属性。可以说View类是用户视图接口类中最重要的一个类，就像Object类是所有类的基础父类相似，不过View是针对的是视图。

（二）IDs:

Views 有一个整数相对应，id被用于在View树中找到指定的View。可以在layout文件中定义一个唯一的ID, 在Activity的onCreate函数中调用findViewById来查找这个View。在整个树内，id可以不是唯一的，但再指定的范围内查找时我们可以确信它是唯一的。比如不同的xml布局文件中可以存在相同id编号，但是同一个xml布局文件中不能存在相同的id编号。

（三）获取View的位置信息

View是一个矩形区域, 使用左&上的坐标以及长和宽可以表示一个View。我们可以使用方法getLeft() , getTop(),getRight(),getBottom(),getWidth(),getHeight()等函数来获取其位置信息.

二．View创建概述

在API中对View的回调流程有以个详细的描述:

（一）Creation：创建流程

1.调用构造器

public View(Context context) //使用java代码创建View时的构造方法
public View(Context context, AttributeSet attrs)//在XML中配置时的构造方法，attrs存储xml中设置的属性
上面这两个构造方法都是要重写的，哪怕只是使用其中一个。并且初始化数据在这两个构造方法都要做一遍。
2.onFinishInflate() //当View和他的所有子View从XML中解析完成后调用。一般不怎么用！

（二）Layout：布局流程

1.onMeasure(int w, int h) //确定View和它所有的子View要求的尺寸时调用

2.onLayout(boolean change, int left, int top,int right, int button) //当这个View为其所有的子View指派一个尺寸和位置时调用

3.onSizeChanged(int w, int h, int oldw, int oldh) //当这个View的尺寸改变后调用

（四）Drawing:绘制过程（自定义View的重点方法哦）

onDraw(Canvas) //当View给定其内容时调用

（五）Event：事件流程

1.onKeyDown(int, KeyEvent)//当一个新的键按下时

2.onKeyUp(int, KeyEvent) //当一个键弹起时

3.onTrackballEvent(MotionEvent)//当滚迹球事件发生时

4.onTouchEvent(MotionEvent)//当一个触摸屏事件发生时

（五）Focus：焦点流程

1.onFocusChanged(boolean, int,Rect) //当View得到和失去焦点时调用

2.onWindowFocusChanged(boolean) //当Window包含的View得到或失去焦点时调用。

三．定制View

为了实现一个定制View, 需要重写一些View的标准方法。 framework会调用这些方法，并且认为这些方法应该是所有的view都有实现。这些方法不必全部重写。
事实上，可以只重写onDraw方法就可以了自定义View的步骤：

（一）扩展View或者View的子类。

例如：
class MyView extends View
class MyView extends TextView
class MyView extends LinearLayout
class MyView extends ViewPager

这些都是自定义View的扩展，比如继承了TextView可以直接使用它的方法，setText（“xxx”）；setBackColor（0xf00）；等等。

（二）必须实现其中一个构造方法，一般都是实现两个。

（三）重写onDraw(canvas)方法进行绘制，整个涉及到绘制任意的图像，比如画线，画圆，画矩形等等。

（四）如需调整大小，重写onMesure，默认是全屏的。

（五）如需样式在xml中布置，自定义属性。

这相当于静态使用View，比如

<com.exam.view.MyView
    android:layout_width="400dp"
    android:layout_height="400dp"
    android:id="@+id/myView"
/>

这里在静态布局中看不出什么设置，但是在MyView中可以做很多设置，比如设置好里面的文本字体、背景、甚至里面对应控件的点击事件都是可以预先在MyView中设置好的。

四．测量布局MeasureSpec

在View系统中，指定宽和高，以及指定布局的属性，是由MeasureSpec来封装的。

（一）下面是各个模式的标志位表示。

1.private static final int MODE_SHIFT = 30;   
2.private static final int MODE_MASK  = 0x3 << MODE_SHIFT;   
3.public static final int UNSPECIFIED = 0 << MODE_SHIFT; 
4.public static final int EXACTLY     = 1 << MODE_SHIFT;
5.public static final int AT_MOST     = 2 << MODE_SHIFT;

在这个解析系统中是通过移位来存放更多的数据，现在每个数据标志位都向左移动了30位。

（二）这样表示一个View大小是很方便的，我们来看下面的方法：

1.public static int makeMeasureSpec(int size, int mode) { 
  return size + mode;  
 }

通过这个方法就可以制作一个含有两个参数的int值，这个参数包含一个mode标志和一个宽或高的表示。

2.public static int getMode(int measureSpec) {   
    return (measureSpec & MODE_MASK);    
     }

通过方法来获取到mode。

3. public static int getSize(int measureSpec) {  
           return (measureSpec & ~MODE_MASK);    
}

用方法来获取高或宽的数据。

测量这个View的高和宽。通过调用这个方法来设置View的测量后的高和宽，其最终调用的方法是：

4.protected final void setMeasuredDimension(int measuredWidth, in t measuredHeight) { 
 mMeasuredWidth = measuredWidth; 
 mMeasuredHeight = measuredHeight;  
 mPrivateFlags |= MEASURED_DIMENSION_SET;    
       }

可见其最终是将高和宽保存在mMeasuredWidth、mMeasuredHeight这两个参数中。

下面是网友对MeasureSpec的一个理解：

在自定义View和ViewGroup的时候，我们经常会遇到int型的MeasureSpec来表示一个组件的大小，这个变量里面不仅有组件的尺寸大小，还有大小的模式。

这个大小的模式，有点难以理解。在系统中组件的大小模式有三种：

1.精确模式
在这种模式下，尺寸的值是多少，那么这个组件的长或宽就是多少。

2.最大模式
这个也就是父组件，能够给出的最大的空间，当前组件的长或宽最大只能为这么大，当然也可以比这个小。

3.未指定模式
这个就是说，当前组件，可以随便用空间，不受限制。

可能有很多人想不通，一个int型整数怎么可以表示两个东西（大小模式和大小的值），
一个int类型我们知道有32位。而模式有三种，要表示三种状态，至少得2位二进制位。
于是系统采用了最高的2位表示模式：

最高两位是00的时候表示"未指定模式"。即MeasureSpec.UNSPECIFIED
最高两位是01的时候表示"'精确模式"。即MeasureSpec.EXACTLY
最高两位是11的时候表示"最大模式"。即MeasureSpec.AT_MOST


很多人一遇到位操作头就大了，为了操作简便，于是系统给我提供了一个MeasureSpec工具类。
这个工具类有四个方法和三个常量（上面所示）供我们使用：


//这个是由我们给出的尺寸大小和模式生成一个包含这两个信息的int变量，这里这个模式这个参数，传三个常量中的一个。
public static int makeMeasureSpec(int size, int mode)


//这个是得到这个变量中表示的模式信息，将得到的值与三个常量进行比较。
public static int getMode(int measureSpec)


//这个是得到这个变量中表示的尺寸大小的值。
public static int getSize(int measureSpec)


//把这个变量里面的模式和大小组成字符串返回来，方便打日志
 public static String toString(int measureSpec)

五．常用的绘图类

常用的绘图类是Paint 画笔,Canvas 画布,Bitmap 类和BitmapFactory。

（一）Paint类

Paint类代表画笔，用来描述图形的颜色和风格，如线宽，颜色，透明度，和填充效果等信息，使用Paint时，需要先创建该类的对象，这可以通过该类提供的构造方法来实现。通常情况下，只需要使用无参数的构造方法来创建一个使用默认设置的Paint对象：

Panit paint=new Panint();

常用方法paint.:

setARGB(int a, int r, int g, int b) 用于设置颜色，各参数值均为0~255之间的整数，分别用于表示透明度、红色、绿色和蓝色值
setColor(int color) 用于设置颜色，参数color可以通过Color类提供的颜色常量指定
3.Color.rgb(in t red,int green,int blue)方法指定颜色
setAlpha(int a) 用于设置透明度，值为0~255之间的整数
setAntiAlias(boolean aa) 用于指定是否使用抗锯齿功能，如果使用会使绘图速度变慢，但是一般图像绘制都会设置使用。
6.setDither(boolean dither) 用于指定是否使用图像抖动处理，如果使用会使图像颜色更加平滑和饱满，更加清晰
setShader(Shader shader) 用于设置渐变，可以使用LinearGradient（线性渐变）、RadialGradient（径向渐变）或者SweepGradient（角度渐变），后面分别做详细介绍 8.setStrokeWidth(float width) 用于设置笔触的宽度 9. setStyle(Paint.Style style) 用于设置填充风格，参数值为Style.FILL表示实心、Style.FILL_AND_STROKE或Style.STROKE表示空心 10.setTextAlign(Paint.Align align) 用于设置绘制文本时的文字对齐方式，参数值为Align.CENTER、Align.LEFT或Align.RIGHT
setTextSize(float textSize) 用于设置绘制文本时的文字的大小

12.渐变的几种表示形式
（1）线性渐变
new LinearGradient(0, 0, 50, 50, Color.RED, Color.GREEN, Shader.TileMod e.MIRROR);
参数一为渐变起初点坐标x位置
参数二为y轴位置
参数三和四分别对应渐变终点
最后参数为平铺方式，这里设置为镜像

（2）径向渐变
new RadialGradient(160, 110, 50, Color.RED, Color.GREEN, Shader.TileMod e.MIRROR);
参数一，参数二为渐变圆中心坐标
参数三为半径
参数四，参数五
参数六为平铺方式

（3）角度渐变
new SweepGradient(265, 110, new int[] { Color.RED, Color.GREEN, Color.B LUE }, null);
参数一参数二为渲染中心点x,y坐标
参数三为围绕中心渲染的颜色数组，至少要有两种颜色值
参数四为相对位置的颜色数组,若为null,颜色沿渐变线均匀分布

（二）Bitmap类

Bitmap类代表位图，它是Android系统中图像处理的最重要类之一，使用它不仅可以获取图像文件信息，进行图像剪切，旋转，缩放等操作，而且还可以指定格式保存图像文件。 Bitmap类常用的方法

1. compress(Bitmap.CompressFormat format, int quality, OutputStream stream)

用于将Bitmap对象压缩为指定格式并保存到指定的文件输出流中，简单的说就是能保存一个图片到本地。
参数一：数值可以是Bitmap.CompressFormat.PNG、Bitmap.CompressFormat. JPEG和Bitmap.Compres sFormat.WEBP
参数二：0到100，100为最大品质值，
参数三：输出流，可以是文件输出流输出保存到本地，可以是网络输出流对应的就会输出到网络中。

2.createBitmap(Bitmap source, int x, int y, int width, int height, Matrix m, boolean filter)

用于从源位图的指定坐标点开始，“挖取”指定宽度和高度的一块图像来创建新的Bitmap对象，并按Matrix指定规则进行变换
参数一：要被挖取的Bitmap对象
参数二三：开始挖的左边和上边的位置
参数四五：要挖宽度和高度。
参数六：一个枚举类型的配置，可以定义截到的新位图的质量

最后一个参数：filter解释：
true if the source should be filtered. Only applies if the matrix contains more than just translation.
当进行的不只是平移变换时，filter参数为true可以进行滤波处理，有助于改善新图像质量;flase时，计算机不做过滤处理。
要想imageView.setImageMatrix()方法起作用，xml得配置android:scaleType="matrix"
matrix.setRotate和matrix.postRotate的区别：
post...：平移、旋转等效果可以叠加在一起；
set...：前一种效果会消失，只有后来的操作，即它会重置Matrix
3.createBitmap(int width, int height, Bitmap.Config config) 
用于创建一个指定宽度和高度的新的Bitmap对象

4.createBitmap(Bitmap source, int x, int y, int width, int height)

用于从源位图的指定坐标点开始，“挖取”指定宽度、和高度的一块图像来创建新的Bitmap对象
5.createBitmap(int[] colors, int width, int height, Bitmap.Config config)
使用颜色数组创建一个指定宽度和高度的新Bitimap对象，其中，数组元素的个数为width*height
6.createBitmap(Bitmap src) 用于使用源位图创建一个新的Bitmap对象
7. createScaledBitmap(Bitmap src, int dstWidth, int dstHeight, boolean filter)用于将源位图缩放为指定宽度和高度的新的Bitmap对象
8.isRecycled() 用于判断Bitmap对象是否被回收 9.recycle() 强制回收Bitmap对象

（三）BitmapFactory类

该类为一个工具类，用于从不同的数据源来解析，创建BitMap对象。

1.decodeFile(String pathName) 用于从给定的路径所指定的文件中解析、创建Bitmap对象

2.decodeResource(Resources res, int id) 用于根据给定的资源ID从指定的资源中解析、创建 Bitmap对象 3.decodeStream(InputStream is) 用于从指定的输入流中解析、创建Bitmap对象

思考：如何从 S D 卡中解析图片文档并显示到 G r i d V i e w 中
String path = Environment.getExternalStorageDirectory() + “/”; 得到sdcard路径

（四）Canvas类

通过该类提供的方法，可以绘制各种图形，如，矩形，圆形，和线条等，通常情况下，要在 Andaroid中绘图，需要先创建一个继承自View类的视图，并且在该类中重写它的 onDraw(Canvas canvas)方法，然后在显示绘图的Activity中添加该视图。

1.绘制几何图形

Android提供了强大的二维图形库,比较常用的是绘制几何图形,绘制文本,路径和图片等比较常见的图形包括点,线,弧,圆形,矩形,在Android中,Canvas类提供了丰富的绘制几何图形的方法,通过这些方法可以绘制出各种几何图形,常用的绘制几何图形的方法如下:

  1）填充
      drawARGB(int a, int r, int g, int b)
      drawColor(int color)
      drawRGB(int r, int g, int b)
      drawColor(int color, PorterDuff.Mode mode)
  2）几何图形
     canvas.drawArc （扇形）
     canvas.drawCircle（圆）
     canvas.drawOval（椭圆）
     canvas.drawLine（线）
     canvas.drawPoint（点）
     canvas.drawRect（矩形）
     canvas.drawRoundRect（圆角矩形）
     canvas.drawVertices（顶点）
     cnavas.drawPath（路径）
   3）图片
       canvas.drawBitmap （位图）
       canvas.drawPicture （图片）
   4）文本
       canvas.drawText

2.绘制文本

在Android中,可以通过TextView来显示文本,但是,在开发游戏时,特别是开发RPG类游戏时,会包含很多文字 ,使用TextView和图片显示文本不太合适,这时,就需要通过绘制文本的方式来实现,Canvas类提供了一系列的绘制文本的方法,

（1） drawText(String text,float x,float y, Paint paint)

参数分别是,要绘制的文本,文字的起始位置X坐标,文字起始位置的Y坐标

（2） drawPosText(String text,float[] pos Paint paint)

参数分别是,要绘制的文本,每个字符的位置,该方法已过期.

（3）文字对齐使用Paint的TextAlign（xxx）；

3.绘制路径

在Android中,提供了绘制路径的功能,绘制一条路径可以分为创建路径和绘制定义好的路径两部分创建路径: 使用android.graphics.Path类来实现,Path类包含一组矢量绘图方法,如,画圆,矩形,弧,线条等,常用的方法如下
（1） addArc(RectF oval, float startAngle, float sweepAngle) 添加弧形的路径
（2）addCircle(float x, float y, float radius, Path.Direction dir) 添加圆形的路径 //Path.Direction类型的常量,可选值为Path.Direction.CW(顺时针)和Path.Directio n.CCW(逆时针).下面同。
（3） addOval(RectF oval, Path.Direction dir) 添加椭圆形路径
（4） addRect(RectF rect, Path.Direction dir) 12. 添加矩形路径
（5）addRoundRect(RectF rect, float rx, float ry, Path.Direction dir) 添加圆角矩形路径
（6）moveTo(float x, float y) 设置开始绘制直线的起始点
（7）lineTo(float x, float y) 在moveTo()方法设置的起始点与该方法指定的结束点之间画一条直线，如果在调用该方法之前没使用moveTo()方法设置起始点，那么将从（0,0）点开始绘制直线
（8）quadTo(float x1, float y1, float x2, float y2)
用于根据指定的的参数绘制一条线段轨迹
（9）close() 闭合路径

六．自定义属性，这个使用起来相对比较麻烦，一般不用

我们在XML布局下经常使用的id，layout_width,layout_height等等参数,那么我们如何定义自己的属性呢？

（一）atts.xml的文件

<?xml version="1.0" encoding="utf-8"?>
 <resources> 
<declare-styleable name="MyView">
<attr name="textColor" format="color" />     
 <attr name="textSize" format="dimension" />
</declare-styleable>
  </resources>

（二）自定义属性格式和意义

1. reference       引用 
2. color           颜色 
3. boolean         布尔值 
4. dimension       尺寸值 
5. float           浮点值 
6. integer         整型值 
7. string          字符串 
8. enum            枚举值

（三）在布局文件中使用自定义属性

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res/包名" 
android:layout_width="match_parent"
android:layout_height="match_parent" > 
android:layout_height="wrap_content"
app:textColor="#f00" 
app:textSize="20dp" /> 
</RelativeLayout>

（四）然后我们在自定义View中实现带AttributeSet属性的构造方法,并且获取自定义值

public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
mPaint = new Paint();
 //将属性数组提取出来 
 TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.M yView); 
//获取对应的自定义属性，并且给默认值
 int textColor = a.getColor(R.styleable.MyView_textColor, 8.                 0X000000); 
 float textSize = a.getDimension(R.styleable.MyView_textSize, 36); 
//将值设置给画笔，绘画后颜色和大小就已经改变成我们自定义属性的值 
 mPaint.setTextSize(textSize); 
mPaint.setColor(textColor); 
//释放 
 ta.recycle();
 }

在执行完之后，一定要确保调用recycle() 方法。用于检索从这个结构对应于给定的属性位置到obtainStyledAttributes中的值。

七．组合控件

组合控件的意思就是，我们并不需要自己去绘制视图上显示的内容，而只是用系统原生的控件就好了，但我们可以将几个系统原生的控件组合到一起，这样创建出的控件就被称为组合控件。
举个例子来说，标题栏就是个很常见的组合控件，很多界面的头部都会放置一个标题栏，标题栏上会有个返回按钮和标题，点击按钮后就可以返回到上一个界面。
那么下面我们就来尝试去实现这样一个标题栏控件。

（一）创建文件title_text.xml

<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
android:layout_width="match_parent" 
    android:layout_height="50dp" 
    android:background="#ffcb05" >
  <Button 
        android:id="@+id/button_left" 
        android:layout_width="60dp" 
        android:layout_height="40dp" 
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp" 
        android:background="@drawable/back_button"  
        android:text="Back" 
        android:textColor="#fff" />  
    <TextView 
        android:id="@+id/title_text" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerInParent="true"  
        android:text="This is Title" 
        android:textColor="#fff"
        android:textSize="20sp" /> 
</RelativeLayout>

在这个布局文件中，我们首先定义了一个RelativeLayout作为背景布局，然后在这个布局里定义了一个Button和一个TextView，Button就是标题栏中的返回按钮，TextView就是标题栏中的显示的文字。

（二）接下来创建一个TitleView继承自FrameLayout，代码如下所示：

public class TitleView extends FrameLayout { 
private Button leftButton; 
private TextView titleText;  
public TitleView(Context context, AttributeSet attrs) { 
        super(context, attrs); 
//加载布局，并加入当前视图 
LayoutInflater.from(context).inflate(R.layout.title, this); 
titleText = (TextView) findViewById(R.id.title_text); 
leftButton = (Button) findViewById(R.id.button_left); 
leftButton.setOnClickListener(new OnClickListener() {
             @Override  
public void onClick(View v) { 
((Activity) getContext()).finish(); 
 }  
 });  
 } 
public void setTitleText(String text) { 
titleText.setText(text);
}  
public void setLeftButtonText(String text) { 
        leftButton.setText(text);  
    } 
    public void setLeftButtonListener(OnClickListener l) { 
       leftButton.setOnClickListener(l); 
    } 
 }

其中这个组合控件相对来说是比较灵活的，上面的标题和返回的文本都是可以替换的，并且返回的点击的监听事件是可以重写的。

八．绘制图片，返回的都是一个Bitmap对象

（一）drawBitmap(Bitmap bitmap, Rect src, RectF dst, Paint paint)

用于从指定点绘制从源位图中“挖取”的一块拉伸

（二）drawBitmap(Bitmap bitmap, float left, float top, Paint paint)

用于在指定点绘制位图

（三）drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint)

用于从指定点绘制从源位图中“挖取”的一块

下面是一些程序的示例…

九．一个绘制简单图形图像的示例

绘制效果：

这里只是做各种图像绘制的展示。具体代码：

（一）创建MyView继承View

package com.example.myview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Point;
import android.graphics.RectF;
import android.graphics.SweepGradient;
import android.util.AttributeSet;
import android.view.View;

/**
 * 创建自定义View并使用其中的简单方法
 */

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

    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }



    //创建画笔
    Paint paint = new Paint();
    //设置一个圆心的点
    Point point = new Point();

    //初始化数据
    void initView() {
        //对画笔的基本设置
        //设置抗锯齿
        paint.setAntiAlias(true);
        //设置防抖动
        paint.setDither(true);
        //设置颜色
        paint.setColor(Color.RED);
        //设置透明的
        paint.setAlpha(128);
        //设置线条粗细
        paint.setStrokeWidth(10);
        point.set(getResources().getDisplayMetrics().widthPixels / 2, getResources().getDisplayMetrics().heightPixels / 2);

    }

    //View的视图绘制的回调方法
    //使用的是参数里面的canvas画板对象来进行各项操作
    RectF rectF = new RectF(10, 200, 400, 400);
    RectF rectF2 = new RectF(10, 650, 400, 800);

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //绘制一条直线
        canvas.drawLine(10, 10, 100, 10, paint);
        //绘制多条直线
        canvas.drawLines(new float[]{10, 30, 200, 30, 10, 50, 300, 50,}, paint);
        //绘制一个实心圆（默认情况）
        canvas.drawCircle(point.x, point.y, 50, paint);
        //绘制一个点,这里的点是正方形的
        canvas.drawPoint(10, 300, paint);
        //绘制一个椭圆,参数直接写里面的一个方法对API等级有限制
        canvas.drawOval(rectF, paint);
        //绘制一个矩形
        canvas.drawRect(10, 400, 100, 600, paint);
        //绘制圆角矩形
        canvas.drawRoundRect(rectF2, 50, 50, paint);
        //绘制文本
        canvas.drawText("你好世界小姐", 0, paint.getTextSize(), paint);
        canvas.drawText("你好中心小姐", point.x, point.y, paint);
        //对画笔的其他设置
        paint.setTextSize(30);
        paint.setTextAlign(Paint.Align.CENTER);
        canvas.drawText("你好正中心小姐", point.x, point.y, paint);
        //画一个空心圆也设置画笔
        paint.setStyle(Paint.Style.STROKE);
        canvas.drawCircle(point.x, point.y + 200, 50, paint);
        //设置画笔的渐变效果
        //线性渐变
        //  paint.setShader(new LinearGradient(10,650,200,800,Color.RED,Color.BLUE, Shader.TileMode.MIRROR));
        //径向渐变，像一个圆从圆点向四周扩散
        // paint.setShader(new RadialGradient(point.x,point.y,100,Color.BLACK,Color.YELLOW, Shader.TileMode.REPEAT));
        //角度渐变
        paint.setShader(new SweepGradient(100, 100, new int[]{Color.BLUE, Color.GREEN,Color.RED}, null));

    }
}

（二）调用

方法1：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView（this）);
    }
}

方法2：

（1）java代码

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

（2）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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.myview.MainActivity">

    <com.example.myview.MyView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>

其中使用第一个方法，整个页面都是MyView的显示，使用第二个调用方法，可以在xml布局文件内添加其他的控件。

十．简易画板的实现

程序实现在页面上显示一个跟随手指移动的小球，并且随着小球的移动，留下绘制的路线。
效果如图所示：

程序设计的代码：

package com.lwz.path;

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

/**
 * 使用小圆绘制图像
 */

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

    public TouchView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    //定义画笔
    Paint paint;
    //定义一个圆点
    PointF pointf;

    //定义路径
    Path path;

    //初始化数据
    private void initView() {
        paint = new Paint();
        paint.setDither(true);
        paint.setAntiAlias(true);
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.STROKE);
        pointf = new PointF();

        path = new Path();
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);
        //绘制图像,这里绘制无数个圆点组成图像
       canvas.drawCircle(pointf.x, pointf.y, 10, paint);
        canvas.drawPath(path,paint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float x=event.getX();
        float y=event.getY();

        if (event.getAction() == MotionEvent.ACTION_DOWN){
            path.moveTo(x,y);
        }
        //移动就绘制图像
        if (event.getAction() == MotionEvent.ACTION_MOVE) {
            //设置点的坐标//这个重新绘制很重要
            pointf.set(event.getX(), event.getY());
            //绘制路径
            path.lineTo(x,y);
        }
        invalidate();

        return true;
    }
}

调用类的方法：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(new TouchView(this));
    }
}

十一．一个自定义的进度框框的显示

程序效果：

这里设计两个空心圆，一个圆是直接绘制好的，另一个是随着进度而进行绘制，。
这里还使用画笔绘制文字，也是随着进度而改变。

进度执行完成后的显示效果：

程序设计的代码：

（一）自定义View的代码

package com.lwz.myprogressbar;

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

/**
 * 绘制一个自定义的进度条的显示
 */

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

    public MyProgressBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        //获取布局文件内的自定义属性
       /*  TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ArcProgressBar);
        //取出我们的属性
        max = a.getInt(R.styleable.ArcProgressBar_max, 100);
        progress = a.getInt(R.styleable.ArcProgressBar_progress, 0);
        //一定要释放
        a.recycle();*/

        initView();
    }

    //定义画笔
    Paint paint;
    Paint paint2;
    Paint textPaint;
    //最大的进度值
    private int max = 100;
    //当前的进度值
    private int progress = 0;
    //定义圆的中心点的x轴坐标
    int width;

    //定义圆点的坐标
    RectF oval;

    //测量布局时的回调方法
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //获取宽度
        width = getWidth();
        //确定圆的坐标位置
        oval = new RectF(width / 2 - 100, width / 2 - 100, width / 2 + 100, width / 2 + 100);
    }

    //初始化数据
    private void initView() {
        //画圆的画笔
        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setDither(true);
        paint.setStyle(Paint.Style.STROKE);//设置空心圆形式
        paint.setStrokeWidth(3);//设置边框宽度

        paint2 = new Paint();
        paint2 = paint;
        //文字的画笔
        textPaint = new Paint();
        textPaint.setAntiAlias(true);
        textPaint.setDither(true);
        textPaint.setTextAlign(Paint.Align.CENTER);//设置文字居中
        textPaint.setColor(Color.BLUE);//设置字体颜色蓝色
        textPaint.setTextSize(30);//设置字体大小
    }

    //绘制图形
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint.setColor(Color.GRAY);//设置画笔颜色
        //绘制一个圆并把它放在中心
        canvas.drawCircle(width / 2, width / 2, 100, paint);

        //设置弧度颜色
        paint.setColor(Color.RED);
        //绘制一个弧度代表进度，动态更新
        canvas.drawArc(oval, -90, (int) (progress * 1f / max * 360), false, paint);
        //设置显示的文本
        textPaint.setTextAlign(Paint.Align.CENTER);
        //动态更新进度的数值
        canvas.drawText((int) ((progress * 1f / max) * 100f) + "%", width / 2, width / 2, textPaint);

    }

    //模拟资源下载
    public void startToProgress() {
        new Thread() {
            @Override
            public void run() {
                super.run();
                //执行任务
                while (progress < max) {
                    progress++;
                    try {
                        sleep(200);
                    } catch (InterruptedException e) {
                    }
                    //刷新进度条
                    postInvalidate();
                }
                //任务完成后，给主线程发送一个消息
                if (onProgressCompleteListener != null) {
                    onProgressCompleteListener.onFinish();
                }
            }
        }.start();
    }

    //1.创建监听
    public interface OnProgressCompleteListener {
        void onFinish();
    }


    //2.创建接口对象
    OnProgressCompleteListener onProgressCompleteListener;

    //3. set方法，里面的参数接口对象
    public void setOnProgressCompleteListener(OnProgressCompleteListener onProgressCompleteListener) {
        this.onProgressCompleteListener = onProgressCompleteListener;
    }
}

（二）调用类的代码

package com.lwz.myprogressbar;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements MyProgressBar.OnProgressCompleteListener {
    MyProgressBar myView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myView = (MyProgressBar) findViewById(R.id.main_apb);
        //开始任务
        myView.startToProgress();
        //给自定义的视图添加监听事件
        myView.setOnProgressCompleteListener(this);

    }

    //任务完成后显示
    @Override
    public void onFinish() {
        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                Toast.makeText(getBaseContext(), "执行完毕", Toast.LENGTH_LONG).show();
            }
        });

    }
}

（三）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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.lwz.myprogressbar.MainActivity">

    <com.lwz.myprogressbar.MyProgressBar
        android:id="@+id/main_apb"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</RelativeLayout>

十二．Bitmap对象的操作，压缩保存和显示

程序运行后的效果：

第二个和第三个按钮的效果差不多，这里就不演示了。

下面是代码

（一）xml布局文件设计

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.bitmap.MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btn1"
        android:text="save"
        android:textAllCaps="false" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btn2"
        android:text="showBitmapfromFile"
        android:textAllCaps="false" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btn3"
        android:text="showBitmapfromUrl"
        android:textAllCaps="false" />

    <ImageView
        android:id="@+id/main_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

（二）java代码

package com.example.bitmap;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.Environment;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;

import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.MalformedURLException;
import java.net.URL;

public class MainActivity extends AppCompatActivity {
    //定义一个Bitmap对象
    Bitmap bmp;
    //定义布局内的ImageView控件对象
    ImageView iv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv = (ImageView) findViewById(R.id.main_iv);
        //创建一个Bitmap对象，里面啥都没有
        //200*200 = 40000 = 40b 1024
        bmp = Bitmap.createBitmap(200, 200, Bitmap.Config.RGB_565);
        iv = (ImageView) findViewById(R.id.main_iv);
        //给ImageView设置一个Bitmap对象，默认是一块黑色的区域
        iv.setImageBitmap(bmp);


    }

    /**
     * 图片的保存
     */
    public void btn1(View v) {
        //jpg没有透明度
        //获取手机内的一个图片的地址
        String path = Environment.getExternalStorageDirectory().getAbsolutePath() + "/aa.png";
        FileOutputStream fos = null;
        try {
            fos = new FileOutputStream(path);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }
        //压缩图片并进行保存的实际操作
        bmp.compress(Bitmap.CompressFormat.PNG, 100, fos);
        //这里保存的是黑色的图形
        //这里也可以先读取一个本地或网络的图片，然后把图片转化为Bitmap的对象
        //接着进行压缩处处理再进行保存
        try {
            fos.close();
        } catch (IOException e) {
            e.printStackTrace();
        }

    }

    /**
     * 从本地中读取图片，并显示在屏幕中
     */
    public void btn2(View v) {
        //需要读取权限
        String fileName = Environment.getExternalStorageDirectory().getAbsolutePath() + "/a1.jpg";
        Bitmap bmp = BitmapFactory.decodeFile(fileName);
        iv.setImageBitmap(bmp);

    }

    /**
     * 从网络中读取图片，并显示在屏幕中
     * 这里需要网络权限
     */
    public void btn3(View v) {
        //从网络
        //域名
        new Thread() {
            @Override
            public void run() {
                URL url = null;
                try {
                    //这里需要一个网络的图片的地址
                    url = new URL("http://img.mp.itc.cn/upload/20160411/f649cfdae0cd43929dedcd1e585f4a13_th.jpg");
                } catch (MalformedURLException e) {
                    e.printStackTrace();
                }
                try {
                    //1.子线程无法刷新UI
                    //2.主线程无法请求网络
                    InputStream is = url.openStream();
                    final Bitmap bmp = BitmapFactory.decodeStream(is);
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            iv.setImageBitmap(bmp);
                        }
                    });
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }.start();


    }


}

如果Button的文本中，英文字母全部显示为大写，不管text中写的是大写还是小写，解决办法：在Button的属性里加上android:textAllCaps=”false”就行了，

上面都是自定义View的简单使用，当然图像特效和动画的都和自定义的View有关系，另作总结。

Android动画的使用总结：
http://blog.csdn.net/wenzhi20102321/article/details/52955725
Android属性动画的示例：
http://blog.csdn.net/wenzhi20102321/article/details/52971572

发表评论

添加代码片

HTML/XML
objective-c
Ruby
PHP
C
C++
JavaScript
Python
Java
CSS
SQL
其它

还能输入1000个字符

浅谈安卓自定义__view（一）：制作一个最最最简单的自定义__view

wsyizmao

11-09 4734

对于安卓程序员来说，自定义view简直不要太重要，毕竟有很多功能，譬如圆形头像这些，用单纯的原生非常难以实现，而用自定义view，简直分分钟。在这里，我尝试用最简单方式跟初学者说一下如何自定义一个自己…

自定义__View，有这一篇就够了

huachao1001

06-03 5.6万

我的简书同步发布：自定义View，有这一篇就够了为了扫除学习中的盲点，尽可能多的覆盖Android知识的边边角角，决定对自定义View做一个稍微全面一点的使用方法总结，在内容并没有什么独特，其他大神…

Android 自定义__View

chituhuan

05-17 549

Android 自定义View一简单的自定义ViewAndroid View 的绘制流程主要有 onMeasure, onLayout, onDraw. UI 内容的绘制主要在onDraw 中完成。…

Android_自定义_view之measure、layout、draw三大流程

zuguorui

04-13 4567

自定义view之view显示流程一个view要显示出来，需要经过测量、布局和绘制这三个过程，本章就这三个流程详细探讨一下。View的三大流程具体分析起来比较复杂，本文不会从根源详细地分析，但是可…

Android_自定义_View 一<最简单的自定义__View>

qq_36209474

03-19 3629

为什么要自定义Viewandroid提供了很多控件供我们使用但有些功能是系统所提供的实现不了的这时候我们就需要自定义一个View来实现我们所需要的效果. 在Android中所有的控件都直…

Android_自定义_View绘制流程小结

wjw190077

01-24 999

总之一句话，当系统控件满足不了我们的需求时，就需要自定义View来实现，足以表达自定义有多么强大！通过网上资料和结合自己实践，这篇文章主要用来理解绘制流程的一个具体过程的，绘制流程的起始都是在Vi…

【Android_自定义_View实战】之你应该明白的事儿

u010785585

10-24 3464

在Android的实际开发中，我们Android系统本身已经给我们提供了很丰富的UI以及各种实用的控件，例如TextView，Button，ImageView等。用这些基础控件已经能够实现非常优美的界…

手把手教你写一个完整的自定义__View

carson_ho

03-14 2.9万

前言自定义View是Android开发者必须了解的基础今天，我将手把手教你写一个自定义View，并理清自定义View所有应该的注意点阅读本文前，请先阅读我写的一系列自定义View文章 …

Android 自定义__View (一)

lmj623565791

04-21 40.4万

很多的Android入门程序猿来说对于Android自定义View，可能都是比较恐惧的，但是这又是高手进阶的必经之路，所有准备在自定义View上面花一些功夫，多写一些文章。先总结下自定义View的步骤…

Android_自定义_view详解

pengpenggxp

07-11 6358

对于我这样一个Android初级开发者来说，自定义View一直是一个遥不可及的东西，每次看到别人做的特别漂亮的控件，自己心里那个痒痒啊，可是又生性懒惰，自己不肯努力去看书，只能望而兴叹，每次做需求用到…

文章热词

android 运行时闪退 android 扫描识别边框 android dot 指示器 android商品低价提醒 android返回快捷键

个人资料

峥嵘life

已关注

原创

343

粉丝

617

喜欢

1035

369

等级：

访问：

88万+

积分：

1万+

排名：

1874

勋章：

持之以恒

授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里，不积小流无以成江海，程序人生的精彩需要坚持不懈地积累！

个人分类

展开

归档

展开

联系我们

请扫描二维码联系客服

webmaster@csdn.net

400-660-0108

QQ客服客服论坛

CSDN APP

点赞取消点赞

5
评论
目录
收藏
手机看
上一篇
下一篇
更多
- 上一篇
- 下一篇

不良信息举报

举报内容：

Android自定义View使用总结

举报原因：

色情政治抄袭广告招聘骂人其他

原文地址：

原因补充：

最多只允许输入30个字

原

Android自定义View使用总结

2016年11月29日 16:49:19 峥嵘life 阅读数：3148 标签： android widget 自定义View 更多

个人分类： Andr图形和动画 android

一．View 的基本概念

（一）View的理解

（二）IDs:

（三）获取View的位置信息

二．View创建概述

在API中对View的回调流程有以个详细的描述:

（一）Creation：创建流程

1.调用构造器

（二）Layout：布局流程

1.onMeasure(int w, int h) //确定View和它所有的子View要求的尺寸时调用

2.onLayout(boolean change, int left, int top,int right, int button) //当这个View为其所有的子View指派一个尺寸和位置时调用

3.onSizeChanged(int w, int h, int oldw, int oldh) //当这个View的尺寸改变后调用

（四）Drawing:绘制过程（自定义View的重点方法哦）

onDraw(Canvas) //当View给定其内容时调用

（五）Event：事件流程

1.onKeyDown(int, KeyEvent)//当一个新的键按下时

2.onKeyUp(int, KeyEvent) //当一个键弹起时

3.onTrackballEvent(MotionEvent)//当滚迹球事件发生时

4.onTouchEvent(MotionEvent)//当一个触摸屏事件发生时

（五）Focus：焦点流程

1.onFocusChanged(boolean, int,Rect) //当View得到和失去焦点时调用

2.onWindowFocusChanged(boolean) //当Window包含的View得到或失去焦点时调用。

三．定制View

（一）扩展View或者View的子类。

例如：
class MyView extends View
class MyView extends TextView
class MyView extends LinearLayout
class MyView extends ViewPager

这些都是自定义View的扩展，比如继承了TextView可以直接使用它的方法，setText（“xxx”）；setBackColor（0xf00）；等等。

（二）必须实现其中一个构造方法，一般都是实现两个。

（三）重写onDraw(canvas)方法进行绘制，整个涉及到绘制任意的图像，比如画线，画圆，画矩形等等。

（四）如需调整大小，重写onMesure，默认是全屏的。

（五）如需样式在xml中布置，自定义属性。

这相当于静态使用View，比如

<com.exam.view.MyView
    android:layout_width="400dp"
    android:layout_height="400dp"
    android:id="@+id/myView"
/>

四．测量布局MeasureSpec

在View系统中，指定宽和高，以及指定布局的属性，是由MeasureSpec来封装的。

（一）下面是各个模式的标志位表示。

1.private static final int MODE_SHIFT = 30;   
2.private static final int MODE_MASK  = 0x3 << MODE_SHIFT;   
3.public static final int UNSPECIFIED = 0 << MODE_SHIFT; 
4.public static final int EXACTLY     = 1 << MODE_SHIFT;
5.public static final int AT_MOST     = 2 << MODE_SHIFT;

在这个解析系统中是通过移位来存放更多的数据，现在每个数据标志位都向左移动了30位。

（二）这样表示一个View大小是很方便的，我们来看下面的方法：

1.public static int makeMeasureSpec(int size, int mode) { 
  return size + mode;  
 }

通过这个方法就可以制作一个含有两个参数的int值，这个参数包含一个mode标志和一个宽或高的表示。

2.public static int getMode(int measureSpec) {   
    return (measureSpec & MODE_MASK);    
     }

通过方法来获取到mode。

3. public static int getSize(int measureSpec) {  
           return (measureSpec & ~MODE_MASK);    
}

用方法来获取高或宽的数据。

测量这个View的高和宽。通过调用这个方法来设置View的测量后的高和宽，其最终调用的方法是：

4.protected final void setMeasuredDimension(int measuredWidth, in t measuredHeight) { 
 mMeasuredWidth = measuredWidth; 
 mMeasuredHeight = measuredHeight;  
 mPrivateFlags |= MEASURED_DIMENSION_SET;    
       }

可见其最终是将高和宽保存在mMeasuredWidth、mMeasuredHeight这两个参数中。

下面是网友对MeasureSpec的一个理解：

在自定义View和ViewGroup的时候，我们经常会遇到int型的MeasureSpec来表示一个组件的大小，这个变量里面不仅有组件的尺寸大小，还有大小的模式。

这个大小的模式，有点难以理解。在系统中组件的大小模式有三种：

1.精确模式
在这种模式下，尺寸的值是多少，那么这个组件的长或宽就是多少。

2.最大模式
这个也就是父组件，能够给出的最大的空间，当前组件的长或宽最大只能为这么大，当然也可以比这个小。

3.未指定模式
这个就是说，当前组件，可以随便用空间，不受限制。

可能有很多人想不通，一个int型整数怎么可以表示两个东西（大小模式和大小的值），
一个int类型我们知道有32位。而模式有三种，要表示三种状态，至少得2位二进制位。
于是系统采用了最高的2位表示模式：

最高两位是00的时候表示"未指定模式"。即MeasureSpec.UNSPECIFIED
最高两位是01的时候表示"'精确模式"。即MeasureSpec.EXACTLY
最高两位是11的时候表示"最大模式"。即MeasureSpec.AT_MOST


很多人一遇到位操作头就大了，为了操作简便，于是系统给我提供了一个MeasureSpec工具类。
这个工具类有四个方法和三个常量（上面所示）供我们使用：


//这个是由我们给出的尺寸大小和模式生成一个包含这两个信息的int变量，这里这个模式这个参数，传三个常量中的一个。
public static int makeMeasureSpec(int size, int mode)


//这个是得到这个变量中表示的模式信息，将得到的值与三个常量进行比较。
public static int getMode(int measureSpec)


//这个是得到这个变量中表示的尺寸大小的值。
public static int getSize(int measureSpec)


//把这个变量里面的模式和大小组成字符串返回来，方便打日志
 public static String toString(int measureSpec)

五．常用的绘图类

常用的绘图类是Paint 画笔,Canvas 画布,Bitmap 类和BitmapFactory。

（一）Paint类

Panit paint=new Panint();

常用方法paint.:

setARGB(int a, int r, int g, int b) 用于设置颜色，各参数值均为0~255之间的整数，分别用于表示透明度、红色、绿色和蓝色值
setColor(int color) 用于设置颜色，参数color可以通过Color类提供的颜色常量指定
3.Color.rgb(in t red,int green,int blue)方法指定颜色
setAlpha(int a) 用于设置透明度，值为0~255之间的整数
setAntiAlias(boolean aa) 用于指定是否使用抗锯齿功能，如果使用会使绘图速度变慢，但是一般图像绘制都会设置使用。
6.setDither(boolean dither) 用于指定是否使用图像抖动处理，如果使用会使图像颜色更加平滑和饱满，更加清晰
setShader(Shader shader) 用于设置渐变，可以使用LinearGradient（线性渐变）、RadialGradient（径向渐变）或者SweepGradient（角度渐变），后面分别做详细介绍 8.setStrokeWidth(float width) 用于设置笔触的宽度 9. setStyle(Paint.Style style) 用于设置填充风格，参数值为Style.FILL表示实心、Style.FILL_AND_STROKE或Style.STROKE表示空心 10.setTextAlign(Paint.Align align) 用于设置绘制文本时的文字对齐方式，参数值为Align.CENTER、Align.LEFT或Align.RIGHT
setTextSize(float textSize) 用于设置绘制文本时的文字的大小

（二）Bitmap类

1. compress(Bitmap.CompressFormat format, int quality, OutputStream stream)

2.createBitmap(Bitmap source, int x, int y, int width, int height, Matrix m, boolean filter)

最后一个参数：filter解释：
true if the source should be filtered. Only applies if the matrix contains more than just translation.
当进行的不只是平移变换时，filter参数为true可以进行滤波处理，有助于改善新图像质量;flase时，计算机不做过滤处理。
要想imageView.setImageMatrix()方法起作用，xml得配置android:scaleType="matrix"
matrix.setRotate和matrix.postRotate的区别：
post...：平移、旋转等效果可以叠加在一起；
set...：前一种效果会消失，只有后来的操作，即它会重置Matrix
3.createBitmap(int width, int height, Bitmap.Config config) 
用于创建一个指定宽度和高度的新的Bitmap对象

4.createBitmap(Bitmap source, int x, int y, int width, int height)

（三）BitmapFactory类

该类为一个工具类，用于从不同的数据源来解析，创建BitMap对象。

1.decodeFile(String pathName) 用于从给定的路径所指定的文件中解析、创建Bitmap对象

2.decodeResource(Resources res, int id) 用于根据给定的资源ID从指定的资源中解析、创建 Bitmap对象 3.decodeStream(InputStream is) 用于从指定的输入流中解析、创建Bitmap对象

思考：如何从 S D 卡中解析图片文档并显示到 G r i d V i e w 中
String path = Environment.getExternalStorageDirectory() + “/”; 得到sdcard路径

（四）Canvas类

1.绘制几何图形

  1）填充
      drawARGB(int a, int r, int g, int b)
      drawColor(int color)
      drawRGB(int r, int g, int b)
      drawColor(int color, PorterDuff.Mode mode)
  2）几何图形
     canvas.drawArc （扇形）
     canvas.drawCircle（圆）
     canvas.drawOval（椭圆）
     canvas.drawLine（线）
     canvas.drawPoint（点）
     canvas.drawRect（矩形）
     canvas.drawRoundRect（圆角矩形）
     canvas.drawVertices（顶点）
     cnavas.drawPath（路径）
   3）图片
       canvas.drawBitmap （位图）
       canvas.drawPicture （图片）
   4）文本
       canvas.drawText

2.绘制文本

（1） drawText(String text,float x,float y, Paint paint)

参数分别是,要绘制的文本,文字的起始位置X坐标,文字起始位置的Y坐标

（2） drawPosText(String text,float[] pos Paint paint)

参数分别是,要绘制的文本,每个字符的位置,该方法已过期.

（3）文字对齐使用Paint的TextAlign（xxx）；

3.绘制路径

六．自定义属性，这个使用起来相对比较麻烦，一般不用

我们在XML布局下经常使用的id，layout_width,layout_height等等参数,那么我们如何定义自己的属性呢？

（一）atts.xml的文件

<?xml version="1.0" encoding="utf-8"?>
 <resources> 
<declare-styleable name="MyView">
<attr name="textColor" format="color" />     
 <attr name="textSize" format="dimension" />
</declare-styleable>
  </resources>

（二）自定义属性格式和意义

1. reference       引用 
2. color           颜色 
3. boolean         布尔值 
4. dimension       尺寸值 
5. float           浮点值 
6. integer         整型值 
7. string          字符串 
8. enum            枚举值

（三）在布局文件中使用自定义属性

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res/包名" 
android:layout_width="match_parent"
android:layout_height="match_parent" > 
android:layout_height="wrap_content"
app:textColor="#f00" 
app:textSize="20dp" /> 
</RelativeLayout>

（四）然后我们在自定义View中实现带AttributeSet属性的构造方法,并且获取自定义值

public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
mPaint = new Paint();
 //将属性数组提取出来 
 TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.M yView); 
//获取对应的自定义属性，并且给默认值
 int textColor = a.getColor(R.styleable.MyView_textColor, 8.                 0X000000); 
 float textSize = a.getDimension(R.styleable.MyView_textSize, 36); 
//将值设置给画笔，绘画后颜色和大小就已经改变成我们自定义属性的值 
 mPaint.setTextSize(textSize); 
mPaint.setColor(textColor); 
//释放 
 ta.recycle();
 }

在执行完之后，一定要确保调用recycle() 方法。用于检索从这个结构对应于给定的属性位置到obtainStyledAttributes中的值。

七．组合控件

（一）创建文件title_text.xml

<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
android:layout_width="match_parent" 
    android:layout_height="50dp" 
    android:background="#ffcb05" >
  <Button 
        android:id="@+id/button_left" 
        android:layout_width="60dp" 
        android:layout_height="40dp" 
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp" 
        android:background="@drawable/back_button"  
        android:text="Back" 
        android:textColor="#fff" />  
    <TextView 
        android:id="@+id/title_text" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerInParent="true"  
        android:text="This is Title" 
        android:textColor="#fff"
        android:textSize="20sp" /> 
</RelativeLayout>

（二）接下来创建一个TitleView继承自FrameLayout，代码如下所示：

public class TitleView extends FrameLayout { 
private Button leftButton; 
private TextView titleText;  
public TitleView(Context context, AttributeSet attrs) { 
        super(context, attrs); 
//加载布局，并加入当前视图 
LayoutInflater.from(context).inflate(R.layout.title, this); 
titleText = (TextView) findViewById(R.id.title_text); 
leftButton = (Button) findViewById(R.id.button_left); 
leftButton.setOnClickListener(new OnClickListener() {
             @Override  
public void onClick(View v) { 
((Activity) getContext()).finish(); 
 }  
 });  
 } 
public void setTitleText(String text) { 
titleText.setText(text);
}  
public void setLeftButtonText(String text) { 
        leftButton.setText(text);  
    } 
    public void setLeftButtonListener(OnClickListener l) { 
       leftButton.setOnClickListener(l); 
    } 
 }

其中这个组合控件相对来说是比较灵活的，上面的标题和返回的文本都是可以替换的，并且返回的点击的监听事件是可以重写的。

八．绘制图片，返回的都是一个Bitmap对象

（一）drawBitmap(Bitmap bitmap, Rect src, RectF dst, Paint paint)

用于从指定点绘制从源位图中“挖取”的一块拉伸

（二）drawBitmap(Bitmap bitmap, float left, float top, Paint paint)

用于在指定点绘制位图

（三）drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint)

用于从指定点绘制从源位图中“挖取”的一块

下面是一些程序的示例…

九．一个绘制简单图形图像的示例

绘制效果：

这里只是做各种图像绘制的展示。具体代码：

（一）创建MyView继承View

package com.example.myview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Point;
import android.graphics.RectF;
import android.graphics.SweepGradient;
import android.util.AttributeSet;
import android.view.View;

/**
 * 创建自定义View并使用其中的简单方法
 */

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

    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }



    //创建画笔
    Paint paint = new Paint();
    //设置一个圆心的点
    Point point = new Point();

    //初始化数据
    void initView() {
        //对画笔的基本设置
        //设置抗锯齿
        paint.setAntiAlias(true);
        //设置防抖动
        paint.setDither(true);
        //设置颜色
        paint.setColor(Color.RED);
        //设置透明的
        paint.setAlpha(128);
        //设置线条粗细
        paint.setStrokeWidth(10);
        point.set(getResources().getDisplayMetrics().widthPixels / 2, getResources().getDisplayMetrics().heightPixels / 2);

    }

    //View的视图绘制的回调方法
    //使用的是参数里面的canvas画板对象来进行各项操作
    RectF rectF = new RectF(10, 200, 400, 400);
    RectF rectF2 = new RectF(10, 650, 400, 800);

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //绘制一条直线
        canvas.drawLine(10, 10, 100, 10, paint);
        //绘制多条直线
        canvas.drawLines(new float[]{10, 30, 200, 30, 10, 50, 300, 50,}, paint);
        //绘制一个实心圆（默认情况）
        canvas.drawCircle(point.x, point.y, 50, paint);
        //绘制一个点,这里的点是正方形的
        canvas.drawPoint(10, 300, paint);
        //绘制一个椭圆,参数直接写里面的一个方法对API等级有限制
        canvas.drawOval(rectF, paint);
        //绘制一个矩形
        canvas.drawRect(10, 400, 100, 600, paint);
        //绘制圆角矩形
        canvas.drawRoundRect(rectF2, 50, 50, paint);
        //绘制文本
        canvas.drawText("你好世界小姐", 0, paint.getTextSize(), paint);
        canvas.drawText("你好中心小姐", point.x, point.y, paint);
        //对画笔的其他设置
        paint.setTextSize(30);
        paint.setTextAlign(Paint.Align.CENTER);
        canvas.drawText("你好正中心小姐", point.x, point.y, paint);
        //画一个空心圆也设置画笔
        paint.setStyle(Paint.Style.STROKE);
        canvas.drawCircle(point.x, point.y + 200, 50, paint);
        //设置画笔的渐变效果
        //线性渐变
        //  paint.setShader(new LinearGradient(10,650,200,800,Color.RED,Color.BLUE, Shader.TileMode.MIRROR));
        //径向渐变，像一个圆从圆点向四周扩散
        // paint.setShader(new RadialGradient(point.x,point.y,100,Color.BLACK,Color.YELLOW, Shader.TileMode.REPEAT));
        //角度渐变
        paint.setShader(new SweepGradient(100, 100, new int[]{Color.BLUE, Color.GREEN,Color.RED}, null));

    }
}

（二）调用

方法1：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView（this）);
    }
}

方法2：

（1）java代码

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

（2）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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.myview.MainActivity">

    <com.example.myview.MyView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>

其中使用第一个方法，整个页面都是MyView的显示，使用第二个调用方法，可以在xml布局文件内添加其他的控件。

十．简易画板的实现

程序实现在页面上显示一个跟随手指移动的小球，并且随着小球的移动，留下绘制的路线。
效果如图所示：

程序设计的代码：

package com.lwz.path;

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

/**
 * 使用小圆绘制图像
 */

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

    public TouchView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    //定义画笔
    Paint paint;
    //定义一个圆点
    PointF pointf;

    //定义路径
    Path path;

    //初始化数据
    private void initView() {
        paint = new Paint();
        paint.setDither(true);
        paint.setAntiAlias(true);
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.STROKE);
        pointf = new PointF();

        path = new Path();
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);
        //绘制图像,这里绘制无数个圆点组成图像
       canvas.drawCircle(pointf.x, pointf.y, 10, paint);
        canvas.drawPath(path,paint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float x=event.getX();
        float y=event.getY();

        if (event.getAction() == MotionEvent.ACTION_DOWN){
            path.moveTo(x,y);
        }
        //移动就绘制图像
        if (event.getAction() == MotionEvent.ACTION_MOVE) {
            //设置点的坐标//这个重新绘制很重要
            pointf.set(event.getX(), event.getY());
            //绘制路径
            path.lineTo(x,y);
        }
        invalidate();

        return true;
    }
}

调用类的方法：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(new TouchView(this));
    }
}

十一．一个自定义的进度框框的显示

程序效果：

这里设计两个空心圆，一个圆是直接绘制好的，另一个是随着进度而进行绘制，。
这里还使用画笔绘制文字，也是随着进度而改变。

进度执行完成后的显示效果：

程序设计的代码：

（一）自定义View的代码

package com.lwz.myprogressbar;

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

/**
 * 绘制一个自定义的进度条的显示
 */

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

    public MyProgressBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        //获取布局文件内的自定义属性
       /*  TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ArcProgressBar);
        //取出我们的属性
        max = a.getInt(R.styleable.ArcProgressBar_max, 100);
        progress = a.getInt(R.styleable.ArcProgressBar_progress, 0);
        //一定要释放
        a.recycle();*/

        initView();
    }

    //定义画笔
    Paint paint;
    Paint paint2;
    Paint textPaint;
    //最大的进度值
    private int max = 100;
    //当前的进度值
    private int progress = 0;
    //定义圆的中心点的x轴坐标
    int width;

    //定义圆点的坐标
    RectF oval;

    //测量布局时的回调方法
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //获取宽度
        width = getWidth();
        //确定圆的坐标位置
        oval = new RectF(width / 2 - 100, width / 2 - 100, width / 2 + 100, width / 2 + 100);
    }

    //初始化数据
    private void initView() {
        //画圆的画笔
        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setDither(true);
        paint.setStyle(Paint.Style.STROKE);//设置空心圆形式
        paint.setStrokeWidth(3);//设置边框宽度

        paint2 = new Paint();
        paint2 = paint;
        //文字的画笔
        textPaint = new Paint();
        textPaint.setAntiAlias(true);
        textPaint.setDither(true);
        textPaint.setTextAlign(Paint.Align.CENTER);//设置文字居中
        textPaint.setColor(Color.BLUE);//设置字体颜色蓝色
        textPaint.setTextSize(30);//设置字体大小
    }

    //绘制图形
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint.setColor(Color.GRAY);//设置画笔颜色
        //绘制一个圆并把它放在中心
        canvas.drawCircle(width / 2, width / 2, 100, paint);

        //设置弧度颜色
        paint.setColor(Color.RED);
        //绘制一个弧度代表进度，动态更新
        canvas.drawArc(oval, -90, (int) (progress * 1f / max * 360), false, paint);
        //设置显示的文本
        textPaint.setTextAlign(Paint.Align.CENTER);
        //动态更新进度的数值
        canvas.drawText((int) ((progress * 1f / max) * 100f) + "%", width / 2, width / 2, textPaint);

    }

    //模拟资源下载
    public void startToProgress() {
        new Thread() {
            @Override
            public void run() {
                super.run();
                //执行任务
                while (progress < max) {
                    progress++;
                    try {
                        sleep(200);
                    } catch (InterruptedException e) {
                    }
                    //刷新进度条
                    postInvalidate();
                }
                //任务完成后，给主线程发送一个消息
                if (onProgressCompleteListener != null) {
                    onProgressCompleteListener.onFinish();
                }
            }
        }.start();
    }

    //1.创建监听
    public interface OnProgressCompleteListener {
        void onFinish();
    }


    //2.创建接口对象
    OnProgressCompleteListener onProgressCompleteListener;

    //3. set方法，里面的参数接口对象
    public void setOnProgressCompleteListener(OnProgressCompleteListener onProgressCompleteListener) {
        this.onProgressCompleteListener = onProgressCompleteListener;
    }
}

（二）调用类的代码

package com.lwz.myprogressbar;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements MyProgressBar.OnProgressCompleteListener {
    MyProgressBar myView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myView = (MyProgressBar) findViewById(R.id.main_apb);
        //开始任务
        myView.startToProgress();
        //给自定义的视图添加监听事件
        myView.setOnProgressCompleteListener(this);

    }

    //任务完成后显示
    @Override
    public void onFinish() {
        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                Toast.makeText(getBaseContext(), "执行完毕", Toast.LENGTH_LONG).show();
            }
        });

    }
}

（三）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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.lwz.myprogressbar.MainActivity">

    <com.lwz.myprogressbar.MyProgressBar
        android:id="@+id/main_apb"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</RelativeLayout>

十二．Bitmap对象的操作，压缩保存和显示

程序运行后的效果：

第二个和第三个按钮的效果差不多，这里就不演示了。

下面是代码

（一）xml布局文件设计

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.bitmap.MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btn1"
        android:text="save"
        android:textAllCaps="false" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btn2"
        android:text="showBitmapfromFile"
        android:textAllCaps="false" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btn3"
        android:text="showBitmapfromUrl"
        android:textAllCaps="false" />

    <ImageView
        android:id="@+id/main_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

（二）java代码

package com.example.bitmap;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.Environment;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;

import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.MalformedURLException;
import java.net.URL;

public class MainActivity extends AppCompatActivity {
    //定义一个Bitmap对象
    Bitmap bmp;
    //定义布局内的ImageView控件对象
    ImageView iv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv = (ImageView) findViewById(R.id.main_iv);
        //创建一个Bitmap对象，里面啥都没有
        //200*200 = 40000 = 40b 1024
        bmp = Bitmap.createBitmap(200, 200, Bitmap.Config.RGB_565);
        iv = (ImageView) findViewById(R.id.main_iv);
        //给ImageView设置一个Bitmap对象，默认是一块黑色的区域
        iv.setImageBitmap(bmp);


    }

    /**
     * 图片的保存
     */
    public void btn1(View v) {
        //jpg没有透明度
        //获取手机内的一个图片的地址
        String path = Environment.getExternalStorageDirectory().getAbsolutePath() + "/aa.png";
        FileOutputStream fos = null;
        try {
            fos = new FileOutputStream(path);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }
        //压缩图片并进行保存的实际操作
        bmp.compress(Bitmap.CompressFormat.PNG, 100, fos);
        //这里保存的是黑色的图形
        //这里也可以先读取一个本地或网络的图片，然后把图片转化为Bitmap的对象
        //接着进行压缩处处理再进行保存
        try {
            fos.close();
        } catch (IOException e) {
            e.printStackTrace();
        }

    }

    /**
     * 从本地中读取图片，并显示在屏幕中
     */
    public void btn2(View v) {
        //需要读取权限
        String fileName = Environment.getExternalStorageDirectory().getAbsolutePath() + "/a1.jpg";
        Bitmap bmp = BitmapFactory.decodeFile(fileName);
        iv.setImageBitmap(bmp);

    }

    /**
     * 从网络中读取图片，并显示在屏幕中
     * 这里需要网络权限
     */
    public void btn3(View v) {
        //从网络
        //域名
        new Thread() {
            @Override
            public void run() {
                URL url = null;
                try {
                    //这里需要一个网络的图片的地址
                    url = new URL("http://img.mp.itc.cn/upload/20160411/f649cfdae0cd43929dedcd1e585f4a13_th.jpg");
                } catch (MalformedURLException e) {
                    e.printStackTrace();
                }
                try {
                    //1.子线程无法刷新UI
                    //2.主线程无法请求网络
                    InputStream is = url.openStream();
                    final Bitmap bmp = BitmapFactory.decodeStream(is);
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            iv.setImageBitmap(bmp);
                        }
                    });
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }.start();


    }


}

如果Button的文本中，英文字母全部显示为大写，不管text中写的是大写还是小写，解决办法：在Button的属性里加上android:textAllCaps=”false”就行了，

上面都是自定义View的简单使用，当然图像特效和动画的都和自定义的View有关系，另作总结。

Android动画的使用总结：
http://blog.csdn.net/wenzhi20102321/article/details/52955725
Android属性动画的示例：
http://blog.csdn.net/wenzhi20102321/article/details/52971572

发表评论

添加代码片

HTML/XML
objective-c
Ruby
PHP
C
C++
JavaScript
Python
Java
CSS
SQL
其它

还能输入1000个字符

浅谈安卓自定义__view（一）：制作一个最最最简单的自定义__view

Android 自定义__View

chituhuan

05-17 549

Android 自定义View一简单的自定义ViewAndroid View 的绘制流程主要有 onMeasure, onLayout, onDraw. UI 内容的绘制主要在onDraw 中完成。…

Android_自定义_view之measure、layout、draw三大流程

zuguorui

04-13 4567

Android_自定义_View 一<最简单的自定义__View>

qq_36209474

03-19 3629

Android_自定义_View绘制流程小结

wjw190077

01-24 999

【Android_自定义_View实战】之你应该明白的事儿

u010785585

10-24 3464

手把手教你写一个完整的自定义__View

carson_ho

03-14 2.9万

Android 自定义__View (一)

lmj623565791

04-21 40.4万

Android_自定义_view详解

pengpenggxp

07-11 6358

文章热词

android 运行时闪退 android 扫描识别边框 android dot 指示器 android商品低价提醒 android返回快捷键

个人资料

峥嵘life

已关注

原创

343

粉丝

617

喜欢

1035

369

等级：

访问：

88万+

积分：

1万+

排名：

1874

勋章：

持之以恒

授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里，不积小流无以成江海，程序人生的精彩需要坚持不懈地积累！

个人分类

展开

归档

展开

联系我们

请扫描二维码联系客服

webmaster@csdn.net

400-660-0108

QQ客服客服论坛

CSDN APP

点赞取消点赞

5
评论
目录
收藏
手机看
上一篇
下一篇
更多
- 上一篇
- 下一篇

不良信息举报

举报内容：

Android自定义View使用总结

举报原因：

色情政治抄袭广告招聘骂人其他

原文地址：

原因补充：

最多只允许输入30个字

原

Android自定义View使用总结

2016年11月29日 16:49:19 峥嵘life 阅读数：3148 标签： android widget 自定义View 更多

个人分类： Andr图形和动画 android

一．View 的基本概念

（一）View的理解

（二）IDs:

（三）获取View的位置信息

二．View创建概述

在API中对View的回调流程有以个详细的描述:

（一）Creation：创建流程

1.调用构造器

（二）Layout：布局流程

1.onMeasure(int w, int h) //确定View和它所有的子View要求的尺寸时调用

2.onLayout(boolean change, int left, int top,int right, int button) //当这个View为其所有的子View指派一个尺寸和位置时调用

3.onSizeChanged(int w, int h, int oldw, int oldh) //当这个View的尺寸改变后调用

（四）Drawing:绘制过程（自定义View的重点方法哦）

onDraw(Canvas) //当View给定其内容时调用

（五）Event：事件流程

1.onKeyDown(int, KeyEvent)//当一个新的键按下时

2.onKeyUp(int, KeyEvent) //当一个键弹起时

3.onTrackballEvent(MotionEvent)//当滚迹球事件发生时

4.onTouchEvent(MotionEvent)//当一个触摸屏事件发生时

（五）Focus：焦点流程

1.onFocusChanged(boolean, int,Rect) //当View得到和失去焦点时调用

2.onWindowFocusChanged(boolean) //当Window包含的View得到或失去焦点时调用。

三．定制View

（一）扩展View或者View的子类。

例如：
class MyView extends View
class MyView extends TextView
class MyView extends LinearLayout
class MyView extends ViewPager

这些都是自定义View的扩展，比如继承了TextView可以直接使用它的方法，setText（“xxx”）；setBackColor（0xf00）；等等。

（二）必须实现其中一个构造方法，一般都是实现两个。

（三）重写onDraw(canvas)方法进行绘制，整个涉及到绘制任意的图像，比如画线，画圆，画矩形等等。

（四）如需调整大小，重写onMesure，默认是全屏的。

（五）如需样式在xml中布置，自定义属性。

这相当于静态使用View，比如

<com.exam.view.MyView
    android:layout_width="400dp"
    android:layout_height="400dp"
    android:id="@+id/myView"
/>

四．测量布局MeasureSpec

在View系统中，指定宽和高，以及指定布局的属性，是由MeasureSpec来封装的。

（一）下面是各个模式的标志位表示。

1.private static final int MODE_SHIFT = 30;   
2.private static final int MODE_MASK  = 0x3 << MODE_SHIFT;   
3.public static final int UNSPECIFIED = 0 << MODE_SHIFT; 
4.public static final int EXACTLY     = 1 << MODE_SHIFT;
5.public static final int AT_MOST     = 2 << MODE_SHIFT;

在这个解析系统中是通过移位来存放更多的数据，现在每个数据标志位都向左移动了30位。

（二）这样表示一个View大小是很方便的，我们来看下面的方法：

1.public static int makeMeasureSpec(int size, int mode) { 
  return size + mode;  
 }

通过这个方法就可以制作一个含有两个参数的int值，这个参数包含一个mode标志和一个宽或高的表示。

2.public static int getMode(int measureSpec) {   
    return (measureSpec & MODE_MASK);    
     }

通过方法来获取到mode。

3. public static int getSize(int measureSpec) {  
           return (measureSpec & ~MODE_MASK);    
}

用方法来获取高或宽的数据。

测量这个View的高和宽。通过调用这个方法来设置View的测量后的高和宽，其最终调用的方法是：

4.protected final void setMeasuredDimension(int measuredWidth, in t measuredHeight) { 
 mMeasuredWidth = measuredWidth; 
 mMeasuredHeight = measuredHeight;  
 mPrivateFlags |= MEASURED_DIMENSION_SET;    
       }

可见其最终是将高和宽保存在mMeasuredWidth、mMeasuredHeight这两个参数中。

下面是网友对MeasureSpec的一个理解：

在自定义View和ViewGroup的时候，我们经常会遇到int型的MeasureSpec来表示一个组件的大小，这个变量里面不仅有组件的尺寸大小，还有大小的模式。

这个大小的模式，有点难以理解。在系统中组件的大小模式有三种：

1.精确模式
在这种模式下，尺寸的值是多少，那么这个组件的长或宽就是多少。

2.最大模式
这个也就是父组件，能够给出的最大的空间，当前组件的长或宽最大只能为这么大，当然也可以比这个小。

3.未指定模式
这个就是说，当前组件，可以随便用空间，不受限制。

可能有很多人想不通，一个int型整数怎么可以表示两个东西（大小模式和大小的值），
一个int类型我们知道有32位。而模式有三种，要表示三种状态，至少得2位二进制位。
于是系统采用了最高的2位表示模式：

最高两位是00的时候表示"未指定模式"。即MeasureSpec.UNSPECIFIED
最高两位是01的时候表示"'精确模式"。即MeasureSpec.EXACTLY
最高两位是11的时候表示"最大模式"。即MeasureSpec.AT_MOST


很多人一遇到位操作头就大了，为了操作简便，于是系统给我提供了一个MeasureSpec工具类。
这个工具类有四个方法和三个常量（上面所示）供我们使用：


//这个是由我们给出的尺寸大小和模式生成一个包含这两个信息的int变量，这里这个模式这个参数，传三个常量中的一个。
public static int makeMeasureSpec(int size, int mode)


//这个是得到这个变量中表示的模式信息，将得到的值与三个常量进行比较。
public static int getMode(int measureSpec)


//这个是得到这个变量中表示的尺寸大小的值。
public static int getSize(int measureSpec)


//把这个变量里面的模式和大小组成字符串返回来，方便打日志
 public static String toString(int measureSpec)

五．常用的绘图类

常用的绘图类是Paint 画笔,Canvas 画布,Bitmap 类和BitmapFactory。

（一）Paint类

Panit paint=new Panint();

常用方法paint.:

setARGB(int a, int r, int g, int b) 用于设置颜色，各参数值均为0~255之间的整数，分别用于表示透明度、红色、绿色和蓝色值
setColor(int color) 用于设置颜色，参数color可以通过Color类提供的颜色常量指定
3.Color.rgb(in t red,int green,int blue)方法指定颜色
setAlpha(int a) 用于设置透明度，值为0~255之间的整数
setAntiAlias(boolean aa) 用于指定是否使用抗锯齿功能，如果使用会使绘图速度变慢，但是一般图像绘制都会设置使用。
6.setDither(boolean dither) 用于指定是否使用图像抖动处理，如果使用会使图像颜色更加平滑和饱满，更加清晰
setShader(Shader shader) 用于设置渐变，可以使用LinearGradient（线性渐变）、RadialGradient（径向渐变）或者SweepGradient（角度渐变），后面分别做详细介绍 8.setStrokeWidth(float width) 用于设置笔触的宽度 9. setStyle(Paint.Style style) 用于设置填充风格，参数值为Style.FILL表示实心、Style.FILL_AND_STROKE或Style.STROKE表示空心 10.setTextAlign(Paint.Align align) 用于设置绘制文本时的文字对齐方式，参数值为Align.CENTER、Align.LEFT或Align.RIGHT
setTextSize(float textSize) 用于设置绘制文本时的文字的大小

（二）Bitmap类

1. compress(Bitmap.CompressFormat format, int quality, OutputStream stream)

2.createBitmap(Bitmap source, int x, int y, int width, int height, Matrix m, boolean filter)

最后一个参数：filter解释：
true if the source should be filtered. Only applies if the matrix contains more than just translation.
当进行的不只是平移变换时，filter参数为true可以进行滤波处理，有助于改善新图像质量;flase时，计算机不做过滤处理。
要想imageView.setImageMatrix()方法起作用，xml得配置android:scaleType="matrix"
matrix.setRotate和matrix.postRotate的区别：
post...：平移、旋转等效果可以叠加在一起；
set...：前一种效果会消失，只有后来的操作，即它会重置Matrix
3.createBitmap(int width, int height, Bitmap.Config config) 
用于创建一个指定宽度和高度的新的Bitmap对象

4.createBitmap(Bitmap source, int x, int y, int width, int height)

（三）BitmapFactory类

该类为一个工具类，用于从不同的数据源来解析，创建BitMap对象。

1.decodeFile(String pathName) 用于从给定的路径所指定的文件中解析、创建Bitmap对象

2.decodeResource(Resources res, int id) 用于根据给定的资源ID从指定的资源中解析、创建 Bitmap对象 3.decodeStream(InputStream is) 用于从指定的输入流中解析、创建Bitmap对象

思考：如何从 S D 卡中解析图片文档并显示到 G r i d V i e w 中
String path = Environment.getExternalStorageDirectory() + “/”; 得到sdcard路径

（四）Canvas类

1.绘制几何图形

  1）填充
      drawARGB(int a, int r, int g, int b)
      drawColor(int color)
      drawRGB(int r, int g, int b)
      drawColor(int color, PorterDuff.Mode mode)
  2）几何图形
     canvas.drawArc （扇形）
     canvas.drawCircle（圆）
     canvas.drawOval（椭圆）
     canvas.drawLine（线）
     canvas.drawPoint（点）
     canvas.drawRect（矩形）
     canvas.drawRoundRect（圆角矩形）
     canvas.drawVertices（顶点）
     cnavas.drawPath（路径）
   3）图片
       canvas.drawBitmap （位图）
       canvas.drawPicture （图片）
   4）文本
       canvas.drawText

2.绘制文本

（1） drawText(String text,float x,float y, Paint paint)

参数分别是,要绘制的文本,文字的起始位置X坐标,文字起始位置的Y坐标

（2） drawPosText(String text,float[] pos Paint paint)

参数分别是,要绘制的文本,每个字符的位置,该方法已过期.

（3）文字对齐使用Paint的TextAlign（xxx）；

3.绘制路径

六．自定义属性，这个使用起来相对比较麻烦，一般不用

我们在XML布局下经常使用的id，layout_width,layout_height等等参数,那么我们如何定义自己的属性呢？

（一）atts.xml的文件

<?xml version="1.0" encoding="utf-8"?>
 <resources> 
<declare-styleable name="MyView">
<attr name="textColor" format="color" />     
 <attr name="textSize" format="dimension" />
</declare-styleable>
  </resources>

（二）自定义属性格式和意义

1. reference       引用 
2. color           颜色 
3. boolean         布尔值 
4. dimension       尺寸值 
5. float           浮点值 
6. integer         整型值 
7. string          字符串 
8. enum            枚举值

（三）在布局文件中使用自定义属性

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res/包名" 
android:layout_width="match_parent"
android:layout_height="match_parent" > 
android:layout_height="wrap_content"
app:textColor="#f00" 
app:textSize="20dp" /> 
</RelativeLayout>

（四）然后我们在自定义View中实现带AttributeSet属性的构造方法,并且获取自定义值

public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
mPaint = new Paint();
 //将属性数组提取出来 
 TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.M yView); 
//获取对应的自定义属性，并且给默认值
 int textColor = a.getColor(R.styleable.MyView_textColor, 8.                 0X000000); 
 float textSize = a.getDimension(R.styleable.MyView_textSize, 36); 
//将值设置给画笔，绘画后颜色和大小就已经改变成我们自定义属性的值 
 mPaint.setTextSize(textSize); 
mPaint.setColor(textColor); 
//释放 
 ta.recycle();
 }

在执行完之后，一定要确保调用recycle() 方法。用于检索从这个结构对应于给定的属性位置到obtainStyledAttributes中的值。

七．组合控件

（一）创建文件title_text.xml

<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
android:layout_width="match_parent" 
    android:layout_height="50dp" 
    android:background="#ffcb05" >
  <Button 
        android:id="@+id/button_left" 
        android:layout_width="60dp" 
        android:layout_height="40dp" 
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp" 
        android:background="@drawable/back_button"  
        android:text="Back" 
        android:textColor="#fff" />  
    <TextView 
        android:id="@+id/title_text" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerInParent="true"  
        android:text="This is Title" 
        android:textColor="#fff"
        android:textSize="20sp" /> 
</RelativeLayout>

（二）接下来创建一个TitleView继承自FrameLayout，代码如下所示：

public class TitleView extends FrameLayout { 
private Button leftButton; 
private TextView titleText;  
public TitleView(Context context, AttributeSet attrs) { 
        super(context, attrs); 
//加载布局，并加入当前视图 
LayoutInflater.from(context).inflate(R.layout.title, this); 
titleText = (TextView) findViewById(R.id.title_text); 
leftButton = (Button) findViewById(R.id.button_left); 
leftButton.setOnClickListener(new OnClickListener() {
             @Override  
public void onClick(View v) { 
((Activity) getContext()).finish(); 
 }  
 });  
 } 
public void setTitleText(String text) { 
titleText.setText(text);
}  
public void setLeftButtonText(String text) { 
        leftButton.setText(text);  
    } 
    public void setLeftButtonListener(OnClickListener l) { 
       leftButton.setOnClickListener(l); 
    } 
 }

其中这个组合控件相对来说是比较灵活的，上面的标题和返回的文本都是可以替换的，并且返回的点击的监听事件是可以重写的。

八．绘制图片，返回的都是一个Bitmap对象

（一）drawBitmap(Bitmap bitmap, Rect src, RectF dst, Paint paint)

用于从指定点绘制从源位图中“挖取”的一块拉伸

（二）drawBitmap(Bitmap bitmap, float left, float top, Paint paint)

用于在指定点绘制位图

（三）drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint)

用于从指定点绘制从源位图中“挖取”的一块

下面是一些程序的示例…

九．一个绘制简单图形图像的示例

绘制效果：

这里只是做各种图像绘制的展示。具体代码：

（一）创建MyView继承View

package com.example.myview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Point;
import android.graphics.RectF;
import android.graphics.SweepGradient;
import android.util.AttributeSet;
import android.view.View;

/**
 * 创建自定义View并使用其中的简单方法
 */

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

    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }



    //创建画笔
    Paint paint = new Paint();
    //设置一个圆心的点
    Point point = new Point();

    //初始化数据
    void initView() {
        //对画笔的基本设置
        //设置抗锯齿
        paint.setAntiAlias(true);
        //设置防抖动
        paint.setDither(true);
        //设置颜色
        paint.setColor(Color.RED);
        //设置透明的
        paint.setAlpha(128);
        //设置线条粗细
        paint.setStrokeWidth(10);
        point.set(getResources().getDisplayMetrics().widthPixels / 2, getResources().getDisplayMetrics().heightPixels / 2);

    }

    //View的视图绘制的回调方法
    //使用的是参数里面的canvas画板对象来进行各项操作
    RectF rectF = new RectF(10, 200, 400, 400);
    RectF rectF2 = new RectF(10, 650, 400, 800);

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //绘制一条直线
        canvas.drawLine(10, 10, 100, 10, paint);
        //绘制多条直线
        canvas.drawLines(new float[]{10, 30, 200, 30, 10, 50, 300, 50,}, paint);
        //绘制一个实心圆（默认情况）
        canvas.drawCircle(point.x, point.y, 50, paint);
        //绘制一个点,这里的点是正方形的
        canvas.drawPoint(10, 300, paint);
        //绘制一个椭圆,参数直接写里面的一个方法对API等级有限制
        canvas.drawOval(rectF, paint);
        //绘制一个矩形
        canvas.drawRect(10, 400, 100, 600, paint);
        //绘制圆角矩形
        canvas.drawRoundRect(rectF2, 50, 50, paint);
        //绘制文本
        canvas.drawText("你好世界小姐", 0, paint.getTextSize(), paint);
        canvas.drawText("你好中心小姐", point.x, point.y, paint);
        //对画笔的其他设置
        paint.setTextSize(30);
        paint.setTextAlign(Paint.Align.CENTER);
        canvas.drawText("你好正中心小姐", point.x, point.y, paint);
        //画一个空心圆也设置画笔
        paint.setStyle(Paint.Style.STROKE);
        canvas.drawCircle(point.x, point.y + 200, 50, paint);
        //设置画笔的渐变效果
        //线性渐变
        //  paint.setShader(new LinearGradient(10,650,200,800,Color.RED,Color.BLUE, Shader.TileMode.MIRROR));
        //径向渐变，像一个圆从圆点向四周扩散
        // paint.setShader(new RadialGradient(point.x,point.y,100,Color.BLACK,Color.YELLOW, Shader.TileMode.REPEAT));
        //角度渐变
        paint.setShader(new SweepGradient(100, 100, new int[]{Color.BLUE, Color.GREEN,Color.RED}, null));

    }
}

（二）调用

方法1：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView（this）);
    }
}

方法2：

（1）java代码

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

（2）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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.myview.MainActivity">

    <com.example.myview.MyView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>

其中使用第一个方法，整个页面都是MyView的显示，使用第二个调用方法，可以在xml布局文件内添加其他的控件。

十．简易画板的实现

程序实现在页面上显示一个跟随手指移动的小球，并且随着小球的移动，留下绘制的路线。
效果如图所示：

程序设计的代码：

package com.lwz.path;

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

/**
 * 使用小圆绘制图像
 */

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

    public TouchView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    //定义画笔
    Paint paint;
    //定义一个圆点
    PointF pointf;

    //定义路径
    Path path;

    //初始化数据
    private void initView() {
        paint = new Paint();
        paint.setDither(true);
        paint.setAntiAlias(true);
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.STROKE);
        pointf = new PointF();

        path = new Path();
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);
        //绘制图像,这里绘制无数个圆点组成图像
       canvas.drawCircle(pointf.x, pointf.y, 10, paint);
        canvas.drawPath(path,paint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float x=event.getX();
        float y=event.getY();

        if (event.getAction() == MotionEvent.ACTION_DOWN){
            path.moveTo(x,y);
        }
        //移动就绘制图像
        if (event.getAction() == MotionEvent.ACTION_MOVE) {
            //设置点的坐标//这个重新绘制很重要
            pointf.set(event.getX(), event.getY());
            //绘制路径
            path.lineTo(x,y);
        }
        invalidate();

        return true;
    }
}

调用类的方法：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(new TouchView(this));
    }
}

十一．一个自定义的进度框框的显示

程序效果：

这里设计两个空心圆，一个圆是直接绘制好的，另一个是随着进度而进行绘制，。
这里还使用画笔绘制文字，也是随着进度而改变。

进度执行完成后的显示效果：

程序设计的代码：

（一）自定义View的代码

package com.lwz.myprogressbar;

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

/**
 * 绘制一个自定义的进度条的显示
 */

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

    public MyProgressBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        //获取布局文件内的自定义属性
       /*  TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ArcProgressBar);
        //取出我们的属性
        max = a.getInt(R.styleable.ArcProgressBar_max, 100);
        progress = a.getInt(R.styleable.ArcProgressBar_progress, 0);
        //一定要释放
        a.recycle();*/

        initView();
    }

    //定义画笔
    Paint paint;
    Paint paint2;
    Paint textPaint;
    //最大的进度值
    private int max = 100;
    //当前的进度值
    private int progress = 0;
    //定义圆的中心点的x轴坐标
    int width;

    //定义圆点的坐标
    RectF oval;

    //测量布局时的回调方法
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //获取宽度
        width = getWidth();
        //确定圆的坐标位置
        oval = new RectF(width / 2 - 100, width / 2 - 100, width / 2 + 100, width / 2 + 100);
    }

    //初始化数据
    private void initView() {
        //画圆的画笔
        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setDither(true);
        paint.setStyle(Paint.Style.STROKE);//设置空心圆形式
        paint.setStrokeWidth(3);//设置边框宽度

        paint2 = new Paint();
        paint2 = paint;
        //文字的画笔
        textPaint = new Paint();
        textPaint.setAntiAlias(true);
        textPaint.setDither(true);
        textPaint.setTextAlign(Paint.Align.CENTER);//设置文字居中
        textPaint.setColor(Color.BLUE);//设置字体颜色蓝色
        textPaint.setTextSize(30);//设置字体大小
    }

    //绘制图形
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint.setColor(Color.GRAY);//设置画笔颜色
        //绘制一个圆并把它放在中心
        canvas.drawCircle(width / 2, width / 2, 100, paint);

        //设置弧度颜色
        paint.setColor(Color.RED);
        //绘制一个弧度代表进度，动态更新
        canvas.drawArc(oval, -90, (int) (progress * 1f / max * 360), false, paint);
        //设置显示的文本
        textPaint.setTextAlign(Paint.Align.CENTER);
        //动态更新进度的数值
        canvas.drawText((int) ((progress * 1f / max) * 100f) + "%", width / 2, width / 2, textPaint);

    }

    //模拟资源下载
    public void startToProgress() {
        new Thread() {
            @Override
            public void run() {
                super.run();
                //执行任务
                while (progress < max) {
                    progress++;
                    try {
                        sleep(200);
                    } catch (InterruptedException e) {
                    }
                    //刷新进度条
                    postInvalidate();
                }
                //任务完成后，给主线程发送一个消息
                if (onProgressCompleteListener != null) {
                    onProgressCompleteListener.onFinish();
                }
            }
        }.start();
    }

    //1.创建监听
    public interface OnProgressCompleteListener {
        void onFinish();
    }


    //2.创建接口对象
    OnProgressCompleteListener onProgressCompleteListener;

    //3. set方法，里面的参数接口对象
    public void setOnProgressCompleteListener(OnProgressCompleteListener onProgressCompleteListener) {
        this.onProgressCompleteListener = onProgressCompleteListener;
    }
}

（二）调用类的代码

package com.lwz.myprogressbar;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements MyProgressBar.OnProgressCompleteListener {
    MyProgressBar myView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myView = (MyProgressBar) findViewById(R.id.main_apb);
        //开始任务
        myView.startToProgress();
        //给自定义的视图添加监听事件
        myView.setOnProgressCompleteListener(this);

    }

    //任务完成后显示
    @Override
    public void onFinish() {
        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                Toast.makeText(getBaseContext(), "执行完毕", Toast.LENGTH_LONG).show();
            }
        });

    }
}

（三）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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.lwz.myprogressbar.MainActivity">

    <com.lwz.myprogressbar.MyProgressBar
        android:id="@+id/main_apb"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</RelativeLayout>

十二．Bitmap对象的操作，压缩保存和显示

程序运行后的效果：

第二个和第三个按钮的效果差不多，这里就不演示了。

下面是代码

（一）xml布局文件设计

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.bitmap.MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btn1"
        android:text="save"
        android:textAllCaps="false" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btn2"
        android:text="showBitmapfromFile"
        android:textAllCaps="false" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btn3"
        android:text="showBitmapfromUrl"
        android:textAllCaps="false" />

    <ImageView
        android:id="@+id/main_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

（二）java代码

package com.example.bitmap;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.Environment;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;

import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.MalformedURLException;
import java.net.URL;

public class MainActivity extends AppCompatActivity {
    //定义一个Bitmap对象
    Bitmap bmp;
    //定义布局内的ImageView控件对象
    ImageView iv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv = (ImageView) findViewById(R.id.main_iv);
        //创建一个Bitmap对象，里面啥都没有
        //200*200 = 40000 = 40b 1024
        bmp = Bitmap.createBitmap(200, 200, Bitmap.Config.RGB_565);
        iv = (ImageView) findViewById(R.id.main_iv);
        //给ImageView设置一个Bitmap对象，默认是一块黑色的区域
        iv.setImageBitmap(bmp);


    }

    /**
     * 图片的保存
     */
    public void btn1(View v) {
        //jpg没有透明度
        //获取手机内的一个图片的地址
        String path = Environment.getExternalStorageDirectory().getAbsolutePath() + "/aa.png";
        FileOutputStream fos = null;
        try {
            fos = new FileOutputStream(path);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }
        //压缩图片并进行保存的实际操作
        bmp.compress(Bitmap.CompressFormat.PNG, 100, fos);
        //这里保存的是黑色的图形
        //这里也可以先读取一个本地或网络的图片，然后把图片转化为Bitmap的对象
        //接着进行压缩处处理再进行保存
        try {
            fos.close();
        } catch (IOException e) {
            e.printStackTrace();
        }

    }

    /**
     * 从本地中读取图片，并显示在屏幕中
     */
    public void btn2(View v) {
        //需要读取权限
        String fileName = Environment.getExternalStorageDirectory().getAbsolutePath() + "/a1.jpg";
        Bitmap bmp = BitmapFactory.decodeFile(fileName);
        iv.setImageBitmap(bmp);

    }

    /**
     * 从网络中读取图片，并显示在屏幕中
     * 这里需要网络权限
     */
    public void btn3(View v) {
        //从网络
        //域名
        new Thread() {
            @Override
            public void run() {
                URL url = null;
                try {
                    //这里需要一个网络的图片的地址
                    url = new URL("http://img.mp.itc.cn/upload/20160411/f649cfdae0cd43929dedcd1e585f4a13_th.jpg");
                } catch (MalformedURLException e) {
                    e.printStackTrace();
                }
                try {
                    //1.子线程无法刷新UI
                    //2.主线程无法请求网络
                    InputStream is = url.openStream();
                    final Bitmap bmp = BitmapFactory.decodeStream(is);
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            iv.setImageBitmap(bmp);
                        }
                    });
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }.start();


    }


}