Android自定义控件(十二)——自定义属性及应用

简介: Android自定义控件(十二)——自定义属性及应用

如何自定义属性


我们经常使用XML引入各种控件,比如TextView,Button等,使用过程中,我们通过设置各种属性值,让控件变的多姿多彩,比如我们使用android:layout_width定义控件的宽度,使用android:layout_height定义控件的高度。那么现在我有一个需求,我想自己定义个圆的属性,画一个闭合的圆形应该怎么做?我们先来看一段代码:

<com.liyuanjinglyj.customproperty.CircleView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:radius="250"
    app:CircleX="250"
    app:CircleY="250"/>


这里引入了一个博主自己定义的View,看看最后三个属性,是不是没见过?这就是自定义的属性值,我们在这里设置了自定义属性的半径,以及圆心位置。那么这些属性在哪里?


在小编新建的attrs.xml文件中,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CircleView">
        <attr name="radius" format="integer"/>
        <attr name="CircleX" format="integer"/>
        <attr name="CircleY" format="integer"/>
    </declare-styleable>
</resources>


所有自定义的属性都是通过declare-styleable标签实现的,而它的name,就是自定义控件的类名,这一点不能变,也不能改,这是死规则。也就是说哪个类用的自定义属性值,name就是哪个类名。


在来看看其中定义的三个属性,他们的名字分别是radius,CircleX,CircleY,也就是上面控件直接引入的值,后面的format,就是引入的值的类型。比如这样属性必须传入int类型。


format取值类型

我们上面自定义的属性format是一个integer值,这个也算是非常常用的,但我们除了这些常会用的,比如,boolean,string,float等,还有三个类型值,分别是:


(1)reference:指的是从string.xml,drawable.xml,以及color.xml等文件中引入过来的值,比如常常在ImagView中使用的android:src="@drawable/background",这种引入值就使用这个类型。


(2)flag:是自己定义的值,比如android:gravity=“top”,以及如下自定义属性代码:

<attr name="age">
  <flag name="child" value="10"/>
  <flag name="young" value="18"/>
  <flag name="old" value="60"/>
</attr>
<!--XML中使用属性app:age="child"-->


这种方式,常用在在几个选项中,选择设置的需求中,比如排版问题上的,只能选居中,左对齐,右对齐等,其他的不需要。


(3)dimension:指的是从dimension.xml文件中引入过来的值,特别需要注意的是,如果这个是dp,就会进行像素转换。


引入自定义属性

虽然说自定了上面的属性类型,但并不能直接在代码中引用,还要先导入自定义属性集才能使用,这里我们有两种导入方式:

xmlns:app="http://schemas.android.com/apk/res/com.liyuanjinglyj.customproperty"
xmlns:app="http://schemas.android.com/apk/res-auto"


推荐使用第二章方式导入,当然,他们都是引入到XML根控件之中的,但这里还需要解释两点。


(1)app这个是自定义的,这个可以定义成任何你想要的内容,你定义liyuanjing,那么就通过liyuanjing:radius引入自定义属性,其他字符类同。


(2)如果使用第一种引入方式,那么apk/res/后面的就是你程序的包名,包名在AndroidManifest.xml根节点的package属性中。


代码中获取自定义属性

既然我们在XML中引入了自定义属性以及自定义的View,肯定是要用到这些属性的,所以我们还要掌握在程序中如何使用这些属性,代码如下:

public CircleView(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    TypedArray typedArray=context.obtainStyledAttributes(attrs,R.styleable.CircleView);//获取自定义属性
    this.radius=typedArray.getInt(R.styleable.CircleView_radius,50);
    this.circleX=typedArray.getInt(R.styleable.CircleView_CircleX,25);
    this.circleY=typedArray.getInt(R.styleable.CircleView_CircleY,25);
    typedArray.recycle();
}


首先,我们在自定义View的构造函数中,有一个attrs参数,这个参数就是获取设置属性用的,我们可以通过context.obtainStyledAttributes获取到自定义属性,然后根据类型获取到设置的值,比如这里获取的integer类型,第二个参数是默认值。当没有在XML中设置这个属性的时候,使用默认值。


备注:还有这里需要注意以下,使用完成之后,记得释放TypedArray资源。


自定义属性画圆

上面我们已经都介绍完,如何自定义属性,以及获取属性值的方式,这里我们来自定义一个CircleView来根据XML设置的值,画一个圆,自定义View代码如下:

public class CircleView extends View {
    private int radius;
    private int circleX,circleY;
    private Paint paint;
    public CircleView(Context context) {
        super(context);
    }
    public CircleView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        TypedArray typedArray=context.obtainStyledAttributes(attrs,R.styleable.CircleView);//获取自定义属性
        this.radius=typedArray.getInt(R.styleable.CircleView_radius,50);
        this.circleX=typedArray.getInt(R.styleable.CircleView_CircleX,25);
        this.circleY=typedArray.getInt(R.styleable.CircleView_CircleY,25);
        typedArray.recycle();
        this.paint=new Paint();
        this.paint.setColor(Color.RED);
        this.paint.setStyle(Paint.Style.FILL);
        this.paint.setStrokeWidth(6);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawCircle(this.circleX,this.circleY,this.radius,this.paint);
    }
    public CircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
}


其实很简单就是刚上面讲解的知识,获取XML中设置的值,根据这里值画一个圆。自定义属性在attrs.xml中,也就是开头定义的三个integer类型。XML完整代码如下:

xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:radius="250"
        app:CircleX="250"
        app:CircleY="250"/>
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher_background"/>


实现的效果如下图所示:

44.png

本文Github源代码下载地址:点击下载


相关文章
|
1月前
|
开发框架 前端开发 Android开发
Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势
本文深入探讨了 Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势。这对于实现高效的跨平台移动应用开发具有重要指导意义。
125 4
|
1月前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图:从零到英雄
【10月更文挑战第42天】 在安卓的世界里,自定义视图是一块画布,让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门,通过深入浅出的方式,让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤,以及如何优化你的视图以提高性能和兼容性。准备好了吗?让我们开始这段创造性的旅程吧!
26 1
|
19天前
|
JSON Java API
探索安卓开发:打造你的首个天气应用
在这篇技术指南中,我们将一起潜入安卓开发的海洋,学习如何从零开始构建一个简单的天气应用。通过这个实践项目,你将掌握安卓开发的核心概念、界面设计、网络编程以及数据解析等技能。无论你是初学者还是有一定基础的开发者,这篇文章都将为你提供一个清晰的路线图和实用的代码示例,帮助你在安卓开发的道路上迈出坚实的一步。让我们一起开始这段旅程,打造属于你自己的第一个安卓应用吧!
43 14
|
22天前
|
Java Linux 数据库
探索安卓开发:打造你的第一款应用
在数字时代的浪潮中,每个人都有机会成为创意的实现者。本文将带你走进安卓开发的奇妙世界,通过浅显易懂的语言和实际代码示例,引导你从零开始构建自己的第一款安卓应用。无论你是编程新手还是希望拓展技术的开发者,这篇文章都将为你打开一扇门,让你的创意和技术一起飞扬。
|
19天前
|
搜索推荐 前端开发 测试技术
打造个性化安卓应用:从设计到开发的全面指南
在这个数字时代,拥有一个定制的移动应用不仅是一种趋势,更是个人或企业品牌的重要延伸。本文将引导你通过一系列简单易懂的步骤,从构思你的应用理念开始,直至实现一个功能齐全的安卓应用。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你提供必要的工具和知识,帮助你将创意转化为现实。
|
19天前
|
搜索推荐 Android开发 开发者
安卓应用开发中的自定义控件实践
在安卓应用开发的广阔天地中,自定义控件如同璀璨的星辰,点亮了用户界面设计的夜空。它们不仅丰富了交互体验,更赋予了应用独特的个性。本文将带你领略自定义控件的魅力,从基础概念到实际应用,一步步揭示其背后的原理与技术细节。我们将通过一个简单的例子——打造一个具有独特动画效果的按钮,来展现自定义控件的强大功能和灵活性。无论你是初学者还是资深开发者,这篇文章都将为你打开一扇通往更高阶UI设计的大门。
|
19天前
|
Java Android开发 开发者
探索安卓开发:构建你的第一个“Hello World”应用
在安卓开发的浩瀚海洋中,每个新手都渴望扬帆起航。本文将作为你的指南针,引领你通过创建一个简单的“Hello World”应用,迈出安卓开发的第一步。我们将一起搭建开发环境、了解基本概念,并编写第一行代码。就像印度圣雄甘地所说:“你必须成为你希望在世界上看到的改变。”让我们一起开始这段旅程,成为我们想要见到的开发者吧!
25 0
|
1月前
|
搜索推荐 前端开发 Android开发
安卓应用开发中的自定义视图实现
【10月更文挑战第30天】在安卓开发的海洋中,自定义视图是那抹不可或缺的亮色,它为应用界面的个性化和交互体验的提升提供了无限可能。本文将深入探讨如何在安卓平台创建自定义视图,并展示如何通过代码实现这一过程。我们将从基础出发,逐步引导你理解自定义视图的核心概念,然后通过一个实际的代码示例,详细讲解如何将理论应用于实践,最终实现一个美观且具有良好用户体验的自定义控件。无论你是想提高自己的开发技能,还是仅仅出于对安卓开发的兴趣,这篇文章都将为你提供价值。
|
1月前
|
JSON Java Android开发
探索安卓开发之旅:打造你的第一个天气应用
【10月更文挑战第30天】在这个数字时代,掌握移动应用开发技能无疑是进入IT行业的敲门砖。本文将引导你开启安卓开发的奇妙之旅,通过构建一个简易的天气应用来实践你的编程技能。无论你是初学者还是有一定经验的开发者,这篇文章都将成为你宝贵的学习资源。我们将一步步地深入到安卓开发的世界中,从搭建开发环境到实现核心功能,每个环节都充满了发现和创造的乐趣。让我们开始吧,一起在代码的海洋中航行!
|
1月前
|
存储 搜索推荐 Java
打造个性化安卓应用:从设计到实现
【10月更文挑战第30天】在数字化时代,拥有一个个性化的安卓应用不仅能够提升用户体验,还能加强品牌识别度。本文将引导您了解如何从零开始设计和实现一个安卓应用,涵盖用户界面设计、功能开发和性能优化等关键环节。我们将以一个简单的记事本应用为例,展示如何通过Android Studio工具和Java语言实现基本功能,同时确保应用流畅运行。无论您是初学者还是希望提升现有技能的开发者,这篇文章都将为您提供宝贵的见解和实用的技巧。