Android开发技巧——自定义控件之自定义属性

简介: Android开发技巧——自定义控件之自定义属性掌握自定义控件是很重要的,因为通过自定义控件,能够:解决UI问题,优化布局性能,简化布局代码。上一篇讲了如何通过xml把几个控件组织起来,并继承某个ViewGroup子类,把它们封装起来使用。

Android开发技巧——自定义控件之自定义属性

掌握自定义控件是很重要的,因为通过自定义控件,能够:解决UI问题,优化布局性能,简化布局代码

上一篇讲了如何通过xml把几个控件组织起来,并继承某个ViewGroup子类,把它们封装起来使用。这是我们接触到的最简单的一种自定制控件了。但许多时候,我们还需要在布局文件中使用它们的时候,能通过属性传入一些值,来影响最终的显示结果。

我们在做项目中经常会遇到的一个情况:一张图片加一个文本的组合。比如充值账户成功之后显示的一个界面,上面是一个表示成功的图标,下面是对应的说明文字:“充值成功”。或者是在登录界面的账户输入框中,输入框的左边需要显示一个表示账户的图标。如下所示:
这里写图片描述这里写图片描述

图标文字组合的笨重实现

一开始对于这样的情况,我们可能会采用ImageViewTextView的方式。后来通过lint工具的提示,或者是其他的方式,你可能会知道TextView的几个属性drawableLeftdrawableRightdrawableTop以及drawableBottom可以做到。但是使用的时候,你会发现这几个属性设置进去的图片,是按其本身大小来显示的。
好像也没关系,让设计师切好图就是了。但是心里却是没底的。因为Android手机万万种,你公司的测试机却只有那两三个,也许换上某个大屏低分辨率的千元机,图标就被撑大了。所以你还是希望能设定图片的大小。

使用一个TextView实现

设定一个TextView的drawable大小,可以通过在java代码中调用drawable的setBounds(int left, int top, int right, int bottom)方法设置它的界限,然后调用setCompoundDrawables(Drawable left, Drawable top, Drawable right, Drawable bottom)方法把我们的drawable对象设置进去。
但是每次调用都要设置未免太麻烦,所以我们可以继承TextView写一个DrawableTextView,重写setCompoundDrawablesWithIntrinsicBounds(Drawable left, Drawable top, Drawable right, Drawable bottom)方法;或者是setCompoundDrawablesRelativeWithIntrinsicBounds(Drawable start, Drawable top, Drawable end, Drawable bottom),如果你是通过drawableStartdrawableEnd属性来设置图片的话。通过在这里对drawable进行setBounds(),也一样能达到上面的效果。
现在我们用一个TextView实现了上面TextView+ImageView的效果,达到了我们的目的:优化布局性能,简化布局代码。
但是对于这样的控件,我们可能在项目的多个地方用到,或者在其他项目也会用到。所以希望能把它做到更通用。这时我们就不能写死drawable的宽和高,而是希望能够在外部xml使用它时进行控制,也就是——自定义属性。

自定义属性

首先在res/values/attrs.xml文件中(如果没有请创建)定义一个declare-styleable,然后在里面定义两个属性,分别表示drawable的宽和高:

<declare-styleable name="DrawableTextView">
    <attr name="drawableHeight" format="dimension"/>
    <attr name="drawableWidth" format="dimension"/>
</declare-styleable>

其中declare-styleable的名字name通常写为我们的控件的类名,这样在写布局代码中,Android Studio就可以给我们对应的属性提示了。
attr中定义的是我们的属性,name是属性的名字,format是属性值的格式,这里我们定义为dimension

属性是定义好了,也可以布局代码中使用了。但是我们还需要在我们的自定义的DrawableTextView中读取属性。首先重写构造方法:

    public DrawableTextView(Context context) {
        super(context);
    }

    public DrawableTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        applyAttributes(context, attrs);
    }

    public DrawableTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        applyAttributes(context, attrs);
    }

然后在里面调用我们自定义的applyAttributes()方法,在里面我们会读取到属性。我们需要在我们的类中声明两个属性:

    private int mDrawableWidth;
    private int mDrawableHeight;

然后在applyAttributes()方法中,通过TypedArray获取属性值:

        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.DrawableTextView);
        mDrawableWidth = typedArray.getDimensionPixelSize(R.styleable.DrawableTextView_drawableWidth, 0);
        mDrawableHeight = typedArray.getDimensionPixelSize(R.styleable.DrawableTextView_drawableHeight, 0);
        typedArray.recycle();

这里说明一下,attrs是我们在xml中定义的相关联的属性集。通过调用context.obtainStyledAttributes(attrs, R.styleable.DrawableButton);,我们能够接收到在Context所对应的theme中我们的样式属性,也就是这里的属性值我们也可以通过在theme中来设置。关于通过在theme中指定属性值,后续的博客会再详细说明,这里暂略不谈。第二个参数传的是我们所定义的declare-styleable
得到TypedArray对象之后,通过它里面的getXXX方法我们可以得到各个属性的值,比如通过getDimensionPixelSize(int index, int defValue)方法得到属性尺寸对应的像素大小。第一个参数是属性的索引,第二个是默认值。在获取完属性之后,必须调用typedArray.recycle()对它进行回收,以便后面的调用者可以复用。因为Resources对象中会缓存一些TypedArray的数据,TypedArray使用的时候会从中获取,以优化内存利用。

拿到属性值并赋给我们的成员变量之后,我们就可以在后面的方法进行设置了。由于本篇主要讲自定义属性,关于该项目的后续实现,可以参考我在Github上的项目 DrawableWidget

上面的例子中,关于在attrs定义属性其实是存在着问题的。因为我们直接就定义了drawableWidthdrawableHeight属性,如果我有一个项目使用到它,并且同时使用了另外一个库,那个库也定义了这两个属性的话,就会产生冲突了。所以要强调一点:对于自定义属性,必须加上我们自己的前缀。比如把属性定义为nbDrawableWidth等等。(我那个项目在写的时候还不成熟,而且自己有些懒,没遇到问题总是不想改,暂且留作反例吧。)

共用属性

还有一种情况。我们在布局里会经常遇到这样一种情况:
这个图片没有描述
在布局里面的每一个条目,会用分割线分开。而这些条件还会分成几组,组里面的分割线是有左边距的。这样的情况很好实现,重写这个layout,在onDraw里面画线就可以了。我们把右边的每一个item看成是:上面一条满的分割线或者是不带分割线,下面是一条带边距的分割线,或者是满的分割线。这样我们就可以定义一个pwBorder属性,里面定义<flag name="TOP" value="1"/>``<flag name="BOTTOM" value="2"/>表示标记位。然后在代码里获取pwBorder的值,与1做&操作,大于0就表示要画上面的分割线,否则不画,再和2做&操作,大于0就表示画完整的分割线,否则画带边距的分割线。如果需要左分割线或右分割线时,还可以再定义值为4或者8的标志位。
在xml引用它时,属性是这样的:

app:pwBorder="TOP|BOTTOM"

但是,可能除了这个RelativeLayout需要这种属性之外,我们在写的其他控件,可能也要包括这个属性以及其他属性。这时我们可以把attr的定义抽出来,写在declare-styleable节点外面。如下:

    <!--带边框的Layout属性-->
    <attr name="pwBorder">
        <flag name="TOP" value="1"/>
        <flag name="BOTTOM" value="2"/>
    </attr>
    <attr name="pwBorderWidth" format="dimension"/>
    <attr name="pwBorderColor" format="color"/>

然后再这样使用:

    <declare-styleable name="BorderLinearLayout">
        <attr name="pwBorder"/>
        <attr name="pwBorderWidth"/>
        <attr name="pwBorderColor"/>
    </declare-styleable>
    <declare-styleable name="TextFieldView">
        <attr name="pwBorder"/>
        <attr name="pwBorderWidth"/>
        <attr name="pwBorderColor"/>
        <attr name="pwLabel"/>
        <attr name="pwValue" format="string"/>
        <attr name="pwIcon" format="reference"/>
    </declare-styleable>

我建议使用这种方式来定义属性。因为这样当我们的属性与其他库的属性正好重名时,如果定义的format相同,也是可以被合并,并且通过编译的。

本文原创,转载请注明出处:http://blog.csdn.net/maosidiaoxian/article/details/50009725

目录
相关文章
|
15天前
|
开发工具 Android开发
X Android SDK file not found: adb.安卓开发常见问题-Android SDK 缺少 `adb`(Android Debug Bridge)-优雅草卓伊凡
X Android SDK file not found: adb.安卓开发常见问题-Android SDK 缺少 `adb`(Android Debug Bridge)-优雅草卓伊凡
194 11
X Android SDK file not found: adb.安卓开发常见问题-Android SDK 缺少 `adb`(Android Debug Bridge)-优雅草卓伊凡
|
25天前
|
Java 开发工具 Maven
【01】完整的安卓二次商业实战-详细的初级步骤同步项目和gradle配置以及开发思路-优雅草伊凡
【01】完整的安卓二次商业实战-详细的初级步骤同步项目和gradle配置以及开发思路-优雅草伊凡
96 6
|
3月前
|
安全 数据库 Android开发
在Android开发中实现两个Intent跳转及数据交换的方法
总结上述内容,在Android开发中,Intent不仅是活动跳转的桥梁,也是两个活动之间进行数据交换的媒介。运用Intent传递数据时需注意数据类型、传输大小限制以及安全性问题的处理,以确保应用的健壯性和安全性。
179 11
|
3月前
|
移动开发 Java 编译器
Kotlin与Jetpack Compose:Android开发生态的演进与架构思考
本文从资深Android工程师视角深入分析Kotlin与Jetpack Compose在Android系统中的技术定位。Kotlin通过空安全、协程等特性解决了Java在移动开发中的痛点,成为Android官方首选语言。Jetpack Compose则引入声明式UI范式,通过重组机制实现高效UI更新。两者结合不仅提升开发效率,更为跨平台战略和现代架构模式提供技术基础,代表了Android开发生态的根本性演进。
114 0
|
7月前
|
JavaScript Linux 网络安全
Termux安卓终端美化与开发实战:从下载到插件优化,小白也能玩转Linux
Termux是一款安卓平台上的开源终端模拟器,支持apt包管理、SSH连接及Python/Node.js/C++开发环境搭建,被誉为“手机上的Linux系统”。其特点包括零ROOT权限、跨平台开发和强大扩展性。本文详细介绍其安装准备、基础与高级环境配置、必备插件推荐、常见问题解决方法以及延伸学习资源,帮助用户充分利用Termux进行开发与学习。适用于Android 7+设备,原创内容转载请注明来源。
1400 77
|
4月前
|
安全 Java Android开发
为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡
为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡
189 0
为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡
|
8月前
|
安全 Android开发 iOS开发
escrcpy:【技术党必看】Android开发,Escrcpy 让你无线投屏新体验!图形界面掌控 Android,30-120fps 超流畅!🔥
escrcpy 是一款基于 Scrcpy 的开源项目,使用 Electron 构建,提供图形化界面来显示和控制 Android 设备。它支持 USB 和 Wi-Fi 连接,帧率可达 30-120fps,延迟低至 35-70ms,启动迅速且画质清晰。escrcpy 拥有丰富的功能,包括自动化任务、多设备管理、反向网络共享、批量操作等,无需注册账号或广告干扰。适用于游戏直播、办公协作和教育演示等多种场景,是一款轻量级、高性能的 Android 控制工具。
552 1
|
8月前
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
466 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
8月前
|
JavaScript 搜索推荐 Android开发
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
259 8
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
|
8月前
|
Dart 前端开发 Android开发
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
199 4
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex

热门文章

最新文章