读书笔记_自定义view

最新推荐文章于 2021-06-23 11:15:42 发布

原创最新推荐文章于 2021-06-23 11:15:42 发布 · 420 阅读

1 ·

CC 4.0 BY-SA版权

读书笔记专栏收录该内容

3 篇文章

订阅专栏

概述

android给我们提供了许多控件来创建UI效果,同时也提供了通过继承android的系统控件来拓展原有功能,创建新功能,甚至还可以直接定义一个控件,实现android控件中没有的功能.我们要写出一个好的自定义view,除了要掌握API外,还需要结合现实的绘图方法,甚至是photoshop的技巧.
适当的使用自定义view可以丰富程序的体验效果,但是如果过度使用则会适得其反,因为一个控件用户觉得熟悉才是一个好的控件,如果一味追求酷炫效果而创建自定义view,则会让客户觉得华而不实.而且系统也提供了主题,图片资源,各种风格来创建丰富的UI,这些控件都是版本迭代的产物,即使是在现在的版本中仍然有不少bug,所以更不用说我们的自定义view.再者,AndroidROM的多样性也会使手机适配越来越复杂,很难保证自定义view在其他手机上也能达到预想的效果.
在自定义view时,我们通常会去重写onDraw方法去绘制view的显示内容.如果该view还需要通过使用wrap_content属性,那么还需要重写onMeasure方法.另外,还可以自定义attrs属性设置新的属性配置值.
在view中有一些比较重要的回调方法:
(1)onFinishInflate():从xml中加载组件后回调.
(2)onSizeChanged():组件大小改变时回调
(3)onMeasure():回调该方法来进行测量
(4)onLayout():回调该方法来确定显示的位置
(5)onTouchEvent():监听到触摸事件时的回调
5.通常情况下,有一下三种方法来实现自定义控件
(1)对现有控件进行拓展
(2)通过组合控件来实现新的控件(创建符合控件)
(3)重写view来实现全新的控件

对现有控件进行扩展

对原生控件的扩展，只需要重写onDraw(Canvas canvas)即可

package com.itanelse.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.TextView;

public class MyText extends TextView {

    private Paint paint1 = new Paint();;
    private Paint paint2 = new Paint();;

    public MyText(Context context) {
        this(context, null);
    }

    public MyText(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 在构造方法中完成对必要对象的初始化工作,比如初始化笔画等

        paint1.setColor(getResources().getColor(
                android.R.color.holo_blue_bright));
        paint1.setStyle(Paint.Style.FILL);// 使用实心笔
        paint1.setAntiAlias(true);// 设置画笔的锯齿效果。 true是去除，大家一看效果就明白了

        paint2.setAntiAlias(true);// 设置画笔的锯齿效果。 true是去除，大家一看效果就明白了
        paint2.setColor(Color.YELLOW);
        paint2.setStyle(Paint.Style.FILL);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // 在回调父类方法前,实现自己的逻辑,对TextView来说即是在绘制文本内容前
        // 在此绘制两个大小不同的矩形,形成一个重叠的效果,再让系统调用super.onDraw(canvas)方法,执行绘制文字的工作
        // 绘制圆弧oval：圆弧所在的椭圆对象。
        // startAngle：圆弧的起始角度.
        // sweepAngle：圆弧的角度;
        // useCenter：是否显示半径连线，true表示显示圆弧与圆心的半径连线，false表示不显示。
        // canvas.drawArc(oval, startAngle, sweepAngle, useCenter, paint)
        // 绘制外层矩形
        canvas.drawRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), paint1);
        // 绘制内层矩形
        canvas.drawRect(10, 10, getMeasuredWidth() - 10,
                getMeasuredHeight() - 10, paint2);
        canvas.save();// 画完后要保存

        canvas.translate(10, 10);// 绘制文字向前平移10像素
        // 父类完成的方法,即绘制文本
        super.onDraw(canvas);
        // 在回调父类方法后,实现自己的逻辑,对TextView来说即是在绘制文本内容后
        canvas.restore();
    }

}