Android自定义控件(一)

TT_123456789 2020-08-03 12:01:28 1612

Android中提供的控件基本可以满足我们日常开发的需求,但是有些需求只凭这里控件的组合并不能满足,我们可以通过写自定义控件来实现各种功能的控件,比如QQ消息右上角红色提示框水波式消失效果。本篇将对Android自定义控件进行基本的讲解,后面还会持续更新。

自定义控件要求:

  1. 应当遵守Android标准的规范(命名,可配置,事件处理等)。
  2. 在XML布局中可配置控件的属性。
  3. 对交互应当有合适的反馈,比如按下,点击等。
  4. 具有兼容性, Android版本很多,应该具有广泛的适用性。

自定义控件学习步骤:
  1 .View的工作原理
  2 .编写View类
  3.为View类增加属性
  4 .绘制屏幕
  5. 响应用户消息
  6 .自定义回调函数

自定义控件两种方式:
  1. 继承ViewGroup

  例如:ViewGroup、LinearLayout、FrameLayout、RelativeLayout等。

  2. 继承View

  例如:View、TextView、ImageView、Button等。

自定义控件基本绘制原理:
View的绘制基本上由measure()、layout()、draw()这个三个函数完成

1.)测量-Measure过程是计算视图大小,View measure过程相关方法主要有三个:
public final void measure(int widthMeasureSpec, int heightMeasureSpec)
protected final void setMeasuredDimension(int measuredWidth, int measuredHeight)
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
measure调用onMeasure,onMeasure测量宽度、高度然后调用setMeasureDimension保存测量结果,measure,setMeasureDimension是final类型,view的子类不需要重写,onMeasure在view的子类中重写。

关于MeasureSpec:

(1) UPSPECIFIED :未指定模式,父容器对于子容器没有任何限制,子容器想要多大就多大,通常在绘制自定义View时才会用

(2) EXACTLY:精确值模式,父容器已经为子容器设置了尺寸,子容器应当服从这些边界,不论子容器想要多大的空间,当控件的layout_width和layout_height属性指定为具体数值或match_parent时为该模式。

(3) AT_MOST:最大值模式,子容器可以是声明大小内的任意大小,当空间的宽高设置为wrap_content时为该模式

2.)布局-Layout过程用于设置视图在屏幕中显示的位置,View layout过程相关方法主要要三个:
public void layout(int l, int t, int r, int b)
protected boolean setFrame(int left, int top, int right, int bottom)
protected void onLayout(boolean changed, int left, int top, int right, int bottom)
layout通过调用setFrame(l,t,r,b),l,t,r,b即子视图在父视图中的具体位置,onLayout一般只会在自定义ViewGroup中才会使用

3.)绘制-draw过程主要用于利用前两步得到的参数,将视图显示在屏幕上,到这里也就完成了整个的视图绘制工作。
public void draw(Canvas canvas)
protected void onDraw(Canvas canvas)
通过调用draw函数进行视图绘制,在View类中onDraw函数是个空函数,最终的绘制需求需要在自定义的onDraw函数中进行实现,比如ImageView完成图片的绘制,如果自定义ViewGroup这个函数则不需要重载。

上面对自定义View的流程作了基本的介绍,参考下面两篇博客

https://www.cnblogs.com/Free-Thinker/p/6113461.html

http://www.cnblogs.com/whoislcj/p/5708778.html

下面是一个绘制简单百分比的例子

定义一个继承View的类,重写构造方法,onMeasure,onDraw方法,即可构建一个简单的自定义控件

SimpleView类代码如下:
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

public class SimpleView extends View {

private final static String TAG = SimpleView.class.getSimpleName();
//画笔
private Paint mPaint;
private RectF oval;

public SimpleView(Context context) {
    super(context);
    init();
}

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

public SimpleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init();
}

private void init(){
    mPaint = new Paint();
    //设置是否使用抗锯齿功能,会消耗较大资源,绘制图形速度会变慢。
    mPaint.setAntiAlias(true);
    mPaint.setTextSize(30.0f);
    oval=new RectF();
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    int widthMode = MeasureSpec.getMode(widthMeasureSpec);
    int widthSize = MeasureSpec.getSize(widthMeasureSpec);
    int heightMode = MeasureSpec.getMode(heightMeasureSpec);
    int heightSize = MeasureSpec.getSize(heightMeasureSpec);
    Log.e(TAG, "onMeasure--widthMode-->" + widthMode);
    switch (widthMode) {
        case MeasureSpec.EXACTLY:
            //精确值模式,当控件的layout_width和layout_height属性指定为具体数值或match_parent时。
            break;
        case MeasureSpec.AT_MOST:
            //最大值模式,当空间的宽高设置为wrap_content时。
            break;
        case MeasureSpec.UNSPECIFIED:
            //未指定模式,View想多大就多大,通常在绘制自定义View时才会用。
            break;
    }
    //取最小边为控件的宽高的最小值
    int minWidth=widthSize>heightSize?heightSize:widthSize;
    setMeasuredDimension(minWidth,minWidth);
}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    mPaint.setColor(Color.GRAY);
    // FILL填充, STROKE描边,FILL_AND_STROKE填充和描边
    mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
    int with = getWidth();
    int height = getHeight();
    Log.e(TAG, "onDraw---->" + with + "*" + height);
    float radius = with / 4;
    canvas.drawCircle(with / 2, with / 2, radius, mPaint);
    mPaint.setColor(Color.RED);
    oval.set(with / 2 - radius, with / 2 - radius, with / 2
            + radius, with / 2 + radius);//用于定义的圆弧的形状和大小的界限
    int sweepAngle=120;
    canvas.drawArc(oval, 0, -sweepAngle, true, mPaint);  //根据进度画圆弧
    double percent=sweepAngle/360.0;
    //设置文本颜色
    mPaint.setColor(Color.WHITE);
    //绘制文本百分比数据
    canvas.drawText(String.format("%.2f",percent)+"%",(float)(with/2+radius*Math.cos(sweepAngle*Math.PI/360)/4) 
            ,(float)(with/2-radius*Math.sin(sweepAngle*Math.PI/360)/3),mPaint);
    canvas.drawText(String.format("%.2f",1-percent)+"%",(float)(with/2-radius*Math.cos(sweepAngle*Math.PI/360)) 
            ,(float)(with/2+radius*Math.sin(sweepAngle*Math.PI/360)/3),mPaint);
}

}

本文链接:https://blog.csdn.net/yuanheng19930119/article/details/88055225

推荐阅读:

声明:本文内容由易百纳平台入驻作者撰写,文章观点仅代表作者本人,不代表易百纳立场。如有内容侵权或者其他问题,请联系本站进行删除。
红包 点赞 收藏 评论 打赏
评论
0个
内容存在敏感词
手气红包
    易百纳技术社区暂无数据
相关专栏
置顶时间设置
结束时间
删除原因
  • 广告/SPAM
  • 恶意灌水
  • 违规内容
  • 文不对题
  • 重复发帖
打赏作者
易百纳技术社区
TT_123456789
您的支持将鼓励我继续创作!
打赏金额:
¥1易百纳技术社区
¥5易百纳技术社区
¥10易百纳技术社区
¥50易百纳技术社区
¥100易百纳技术社区
支付方式:
微信支付
支付宝支付
易百纳技术社区微信支付
易百纳技术社区
打赏成功!

感谢您的打赏,如若您也想被打赏,可前往 发表专栏 哦~

举报反馈

举报类型

  • 内容涉黄/赌/毒
  • 内容侵权/抄袭
  • 政治相关
  • 涉嫌广告
  • 侮辱谩骂
  • 其他

详细说明

审核成功

发布时间设置
发布时间:
是否关联周任务-专栏模块

审核失败

失败原因
备注
拼手气红包 红包规则
祝福语
恭喜发财,大吉大利!
红包金额
红包最小金额不能低于5元
红包数量
红包数量范围10~50个
余额支付
当前余额:
可前往问答、专栏板块获取收益 去获取
取 消 确 定

小包子的红包

恭喜发财,大吉大利

已领取20/40,共1.6元 红包规则

    易百纳技术社区