读书笔记_自定义view

概述

  1. android给我们提供了许多控件来创建UI效果,同时也提供了通过继承android的系统控件来拓展原有功能,创建新功能,甚至还可以直接定义一个控件,实现android控件中没有的功能.我们要写出一个好的自定义view,除了要掌握API外,还需要结合现实的绘图方法,甚至是photoshop的技巧.
  2. 适当的使用自定义view可以丰富程序的体验效果,但是如果过度使用则会适得其反,因为一个控件用户觉得熟悉才是一个好的控件,如果一味追求酷炫效果而创建自定义view,则会让客户觉得华而不实.而且系统也提供了主题,图片资源,各种风格来创建丰富的UI,这些控件都是版本迭代的产物,即使是在现在的版本中仍然有不少bug,所以更不用说我们的自定义view.再者,AndroidROM的多样性也会使手机适配越来越复杂,很难保证自定义view在其他手机上也能达到预想的效果.
  3. 在自定义view时,我们通常会去重写onDraw方法去绘制view的显示内容.如果该view还需要通过使用wrap_content属性,那么还需要重写onMeasure方法.另外,还可以自定义attrs属性设置新的属性配置值.
  4. 在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();
    }

}

效果:
这里写图片描述
再来一个复杂点的效果(动态文字闪烁效果):

思路:通过设置一个不断变化的LinearGradient,并使用带有该属性的Paint对象来绘制要显示的文字。首先,在onSizeChanged(),中进行一些对象的初始化工作,根据view的宽设置一个LinearGradient渐变渲染器。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值