自定义 View 初探,一个简单的验证码View (一)

本文介绍了如何在Android中自定义一个验证码View,包括定义属性、获取属性、测量和绘制步骤。通过设置文字、大小、颜色、干扰圆点和线条,实现了一个基本的验证码组件。在布局文件中添加并配置该自定义View,即可在项目中应用和定制。
摘要由CSDN通过智能技术生成

想要学好 android, 除了使用 google 提供好的 view 外,还必须会在 google 提供的框架上会自定义新的 View, 供不同的场合使用。
这里使用一个简单的验证码 View 作为入门选择。

首先,我们明确一下自定义 View 的过程
1. 定义自定义 view 的属性
2. 获取定义的属性
3. 重写 onMeasure()
4. 重写 onDraw()

网络上简单过很多验证码,让我们很无奈,有时候烦不胜烦,但这又有存在的必要性。
这里一步一步来实现一个验证码的 View,一般而言,有下面这些特征:

  1. 设置文字
  2. 文字大小不一致
  3. 文字颜色不一致
  4. 干扰圆点
  5. 干扰线条

那么根据上面这些特征,我们首先定义 View 的
1. 在 res/values/ 目录下新建 attrs.xml 在里面定义我们的样式

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <attr name="mix_color" format="boolean" />
    <attr name="text" format="string" />
    <attr name="max_text_size" format="dimension" />
    <attr name="min_text_size" format="dimension" />

    <declare-styleable name="VerificationCodeView">
        <!--文字颜色是否不一致-->
        <attr name="mix_color"/>
        <!--文字-->
        <attr name="text"/>
        <!--文字大小随机范围的小值-->
        <attr name="max_text_size"/>
        <!--文字大小随机范围的大值-->
        <attr name="min_text_size"/>
        <!-- 文字颜色 -->
        <attr name="color" format="color" />
    </declare-styleable>

</resources>

通过这样的一个属性,我们确定了我们需要的一些属性。然后,根据我们的需求,这里选择直接继承 View 来进行实现, 先定义一些所需要的 field并在构造函数中对所需要的值进行初始化

    /**
     * 文字内容
     */
    
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值