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源代码下载地址:点击下载


相关文章
|
4月前
|
Android开发 UED 计算机视觉
Android自定义view之线条等待动画(灵感来源:金铲铲之战)
本文介绍了一款受游戏“金铲铲之战”启发的Android自定义View——线条等待动画的实现过程。通过将布局分为10份,利用`onSizeChanged`测量最小长度,并借助画笔绘制动态线条,实现渐变伸缩效果。动画逻辑通过四个变量控制线条的增长与回退,最终形成流畅的等待动画。代码中详细展示了画笔初始化、线条绘制及动画更新的核心步骤,并提供完整源码供参考。此动画适用于加载场景,提升用户体验。
401 5
Android自定义view之线条等待动画(灵感来源:金铲铲之战)
|
4月前
|
Android开发
Android自定义view之利用PathEffect实现动态效果
本文介绍如何在Android自定义View中利用`PathEffect`实现动态效果。通过改变偏移量,结合`PathEffect`的子类(如`CornerPathEffect`、`DashPathEffect`、`PathDashPathEffect`等)实现路径绘制的动态变化。文章详细解析了各子类的功能与参数,并通过案例代码展示了如何使用`ComposePathEffect`组合效果,以及通过修改偏移量实现动画。最终效果为一个菱形图案沿路径运动,源码附于文末供参考。
|
4月前
|
Android开发 开发者
Android自定义view之利用drawArc方法实现动态效果
本文介绍了如何通过Android自定义View实现动态效果,重点使用`drawArc`方法完成圆弧动画。首先通过`onSizeChanged`进行测量,初始化画笔属性,设置圆弧相关参数。核心思路是不断改变圆弧扫过角度`sweepAngle`,并调用`invalidate()`刷新View以实现动态旋转效果。最后附上完整代码与效果图,帮助开发者快速理解并实践这一动画实现方式。
129 0
|
4月前
|
Android开发 数据安全/隐私保护 开发者
Android自定义view之模仿登录界面文本输入框(华为云APP)
本文介绍了一款自定义输入框的实现,包含静态效果、hint值浮动动画及功能扩展。通过组合多个控件完成界面布局,使用TranslateAnimation与AlphaAnimation实现hint文字上下浮动效果,支持密码加密解密显示、去除键盘回车空格输入、光标定位等功能。代码基于Android平台,提供完整源码与attrs配置,方便复用与定制。希望对开发者有所帮助。
|
4月前
|
XML Java Android开发
Android自定义view之网易云推荐歌单界面
本文详细介绍了如何通过自定义View实现网易云音乐推荐歌单界面的效果。首先,作者自定义了一个圆角图片控件`MellowImageView`,用于绘制圆角矩形图片。接着,通过将布局放入`HorizontalScrollView`中,实现了左右滑动功能,并使用`ViewFlipper`添加图片切换动画效果。文章提供了完整的代码示例,包括XML布局、动画文件和Java代码,最终展示了实现效果。此教程适合想了解自定义View和动画效果的开发者。
207 65
Android自定义view之网易云推荐歌单界面
|
4月前
|
XML 前端开发 Android开发
一篇文章带你走近Android自定义view
这是一篇关于Android自定义View的全面教程,涵盖从基础到进阶的知识点。文章首先讲解了自定义View的必要性及简单实现(如通过三个构造函数解决焦点问题),接着深入探讨Canvas绘图、自定义属性设置、动画实现等内容。还提供了具体案例,如跑马灯、折线图、太极图等。此外,文章详细解析了View绘制流程(measure、layout、draw)和事件分发机制。最后延伸至SurfaceView、GLSurfaceView、SVG动画等高级主题,并附带GitHub案例供实践。适合希望深入理解Android自定义View的开发者学习参考。
504 84
|
4月前
|
前端开发 Android开发 UED
讲讲Android为自定义view提供的SurfaceView
本文详细介绍了Android中自定义View时使用SurfaceView的必要性和实现方式。首先分析了在复杂绘制逻辑和高频界面更新场景下,传统View可能引发卡顿的问题,进而引出SurfaceView作为解决方案。文章通过Android官方Demo展示了SurfaceView的基本用法,包括实现`SurfaceHolder.Callback2`接口、与Activity生命周期绑定、子线程中使用`lockCanvas()`和`unlockCanvasAndPost()`方法完成绘图操作。
102 3
|
4月前
|
Android开发 开发者
Android自定义view之围棋动画(化繁为简)
本文介绍了Android自定义View的动画实现,通过两个案例拓展动态效果。第一个案例基于`drawArc`方法实现单次动画,借助布尔值控制动画流程。第二个案例以围棋动画为例,从简单的小球直线运动到双向变速运动,最终实现循环动画效果。代码结构清晰,逻辑简明,展示了如何化繁为简实现复杂动画,帮助读者拓展动态效果设计思路。文末提供完整源码,适合初学者和进阶开发者学习参考。
Android自定义view之围棋动画(化繁为简)
|
4月前
|
Java Android开发 开发者
Android自定义view之围棋动画
本文详细介绍了在Android中自定义View实现围棋动画的过程。从测量宽高、绘制棋盘背景,到创建固定棋子及动态棋子,最后通过属性动画实现棋子的移动效果。文章还讲解了如何通过自定义属性调整棋子和棋盘的颜色及动画时长,并优化视觉效果,如添加渐变色让白子更明显。最终效果既可作为围棋动画展示,也可用作加载等待动画。代码完整,适合进阶开发者学习参考。
|
4月前
|
传感器 Android开发 开发者
Android自定义view之3D正方体
本文介绍了如何通过手势滑动操作实现3D正方体的旋转效果,基于Android自定义View中的GLSurfaceView。相较于使用传感器控制,本文改用事件分发机制(onTouchEvent)处理用户手势输入,调整3D正方体的角度。代码中详细展示了TouchSurfaceView的实现,包括触控逻辑、OpenGL ES绘制3D正方体的核心过程,以及生命周期管理。适合对Android 3D图形开发感兴趣的开发者学习参考。