Android自定义控件及属性

最新推荐文章于 2024-08-11 14:33:56 发布
最新推荐文章于 2024-08-11 14:33:56 发布
阅读量696 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jjj11223344/article/details/72626432
版权

在开发中，现有的控件并不能完全满足我们的需求，往往需要我们去进行自定义控件的设计。

在这里我们先了解一个属性，attrs中发 format。

format有多种可选值设置：

1. reference：参考某一资源ID。

（1）属性定义：

<declare-styleable name = "名称">

<attr name = "background" format = "reference" />

</declare-styleable>

（2）属性使用：

<ImageView

android:layout_width = "42dip"

android:layout_height = "42dip"

android:background = "@drawable/图片ID"/>

2. color：颜色值

<declare-styleable name = "名称">

<attr name = "textColor" format = "color" />

</declare-styleable>

3. boolean：布尔值

<declare-styleable name = "名称">

<attr name = "focusable" format = "boolean" />

</declare-styleable>

4. dimension：尺寸值。

<declare-styleable name = "名称">

<attr name = "layout_width" format = "dimension" />

</declare-styleable>

5. float：浮点值。

6. integer：整型值。

7. string：字符串

8. fraction：百分数。

9. enum：枚举值

10. flag：位或运算

注意：

属性定义时可以指定多种类型值。

（1）属性定义：

<declare-styleable name = "名称">

<attr name = "background" format = "reference|color" />

</declare-styleable>

（2）属性使用：

<ImageView

android:layout_width = "42dip"

android:layout_height = "42dip"

android:background = "@drawable/图片ID|#00FF00"/>


接下来我们就可以正式进行XML属性的自定义了

一、在res/values/attrs文件中定义属性

<declare-styleable name="PasswordInputView">
        <!--边框圆角值-->
        <attr name="pivBorderRadius" format="dimension"/>
        <!--边框颜色-->
        <attr name="pivBorderColor" format="color|reference"/>
        <!--边框宽度-->
        <attr name="pivBorderWidth" format="dimension"/>
        <!--圆角尺寸-->
        <attr name="pivPasswordRadius" format="dimension"/>
        <!--密码颜色-->
        <attr name="pivPasswordColor" format="color"/>
        <!--密码大小-->
        <attr name="pivPasswordWidth" format="dimension"/>
        <!--密码长度-->
        <attr name="pivPasswordLength" format="integer"/>
        <!--密码文本-->
        <attr name="pivTextSize" format="dimension"/>
        <attr name="pivTextColor" format="color"/>
        <attr name="pivIsPass" format="boolean"/>
    </declare-styleable>

二、定义MyView继承View与自定义属性相关联（在构造方法中关联） 

public PasswordInputView(Context context, AttributeSet attrs) {
        super(context, attrs);

        TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.PasswordInputView, 0, 0);
        borderColor = a.getColor(R.styleable.PasswordInputView_pivBorderColor, borderColor);
        borderWidth = a.getDimension(R.styleable.PasswordInputView_pivBorderWidth, borderWidth);
        borderRadius = a.getDimension(R.styleable.PasswordInputView_pivBorderRadius, borderRadius);
        passwordLength = a.getInt(R.styleable.PasswordInputView_pivPasswordLength, passwordLength);
        passwordColor = a.getColor(R.styleable.PasswordInputView_pivPasswordColor, passwordColor);
        passwordWidth = a.getDimension(R.styleable.PasswordInputView_pivPasswordWidth, passwordWidth);
        passwordRadius = a.getDimension(R.styleable.PasswordInputView_pivPasswordRadius, passwordRadius);

        textSize = (int) a.getDimension(R.styleable.PasswordInputView_pivTextSize, textSize);
        textColor = a.getColor(R.styleable.PasswordInputView_pivTextColor, textColor);
        isPass = a.getBoolean(R.styleable.PasswordInputView_pivIsPass, isPass);

        a.recycle();

        borderPaint.setStrokeWidth(borderWidth);
        borderPaint.setColor(borderColor);
        passwordPaint.setStrokeWidth(passwordWidth);
        passwordPaint.setStyle(Paint.Style.FILL);
        passwordPaint.setColor(passwordColor);

        InputFilter[] filters = {new InputFilter.LengthFilter(passwordLength)};
        setFilters(filters);
    }

注意：为防止使用时属性值未设置，在初始化时将个属性进行默认值的设定


PasswordInputView的具体代码如下 

package com.laobai.view;

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.text.InputFilter;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.TypedValue;
import android.widget.EditText;

import com.laobai.R;

import static android.graphics.Paint.ANTI_ALIAS_FLAG;
/**
*改控件为自定义的密码输入框，可设置明文及密码
*/
@SuppressLint("AppCompatCustomView")
public class PasswordInputView extends EditText {

    private static final int defaultContMargin = 5;
    private static final int defaultSplitLineWidth = 3;
    /**
     * 边框颜色
     */
    private int borderColor = 0xFFCCCCCC;
    private float borderWidth = 2;
    private float borderRadius = 0;

    private int passwordLength = 4;
    private int passwordColor = 0xFFCCCCCC;
    private float passwordWidth = 8;
    private float passwordRadius = 3;

    int textSize = 15;
    int textColor = Color.BLACK;

    boolean isPass = true;

    private Paint passwordPaint = new Paint(ANTI_ALIAS_FLAG);
    private Paint borderPaint = new Paint(ANTI_ALIAS_FLAG);

    private int textLength;
    String passText;

    public PasswordInputView(Context context, AttributeSet attrs) {
        super(context, attrs);

        TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.PasswordInputView, 0, 0);
        borderColor = a.getColor(R.styleable.PasswordInputView_pivBorderColor, borderColor);
        borderWidth = a.getDimension(R.styleable.PasswordInputView_pivBorderWidth, borderWidth);
        borderRadius = a.getDimension(R.styleable.PasswordInputView_pivBorderRadius, borderRadius);
        passwordLength = a.getInt(R.styleable.PasswordInputView_pivPasswordLength, passwordLength);
        passwordColor = a.getColor(R.styleable.PasswordInputView_pivPasswordColor, passwordColor);
        passwordWidth = a.getDimension(R.styleable.PasswordInputView_pivPasswordWidth, passwordWidth);
        passwordRadius = a.getDimension(R.styleable.PasswordInputView_pivPasswordRadius, passwordRadius);

        textSize = (int) a.getDimension(R.styleable.PasswordInputView_pivTextSize, textSize);
        textColor = a.getColor(R.styleable.PasswordInputView_pivTextColor, textColor);
        isPass = a.getBoolean(R.styleable.PasswordInputView_pivIsPass, isPass);

        a.recycle();

        borderPaint.setStrokeWidth(borderWidth);
        borderPaint.setColor(borderColor);
        passwordPaint.setStrokeWidth(passwordWidth);
        passwordPaint.setStyle(Paint.Style.FILL);
        passwordPaint.setColor(passwordColor);

        InputFilter[] filters = {new InputFilter.LengthFilter(passwordLength)};
        setFilters(filters);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        int width = getWidth();
        int height = getHeight();

        // 外边框
        RectF rect = new RectF(0, 0, width, height);
        borderPaint.setColor(borderColor);
        canvas.drawRoundRect(rect, borderRadius, borderRadius, borderPaint);

        // 内容区
        RectF rectIn = new RectF(rect.left + defaultContMargin, rect.top + defaultContMargin,
                rect.right - defaultContMargin, rect.bottom - defaultContMargin);
        borderPaint.setColor(Color.WHITE);
        canvas.drawRoundRect(rectIn, borderRadius, borderRadius, borderPaint);

        // 分割线
        borderPaint.setColor(borderColor);
        borderPaint.setStrokeWidth(defaultSplitLineWidth);
        for (int i = 1; i < passwordLength; i++) {
            float x = width * i / passwordLength;
            canvas.drawLine(x, 0, x, height, borderPaint);
        }

        float cx, cy = height / 2;
        float half = width / passwordLength / 2;
        if (isPass) {
            // 密码
            for (int i = 0; i < textLength; i++) {
                cx = width * i / passwordLength + half;
                canvas.drawCircle(cx, cy, passwordWidth, passwordPaint);
            }
        } else {
            passwordPaint.setTextSize(textSize);
            passwordPaint.setColor(textColor);
            passwordPaint.setTextAlign(Paint.Align.CENTER);

            Paint.FontMetrics fontMetrics = passwordPaint.getFontMetrics();
            float top = fontMetrics.top;//为基线到字体上边框的距离,即上图中的top
            float bottom = fontMetrics.bottom;//为基线到字体下边框的距离,即上图中的bottom

            int baseLineY = (int) (rect.centerY() - top / 2 - bottom / 2);//基线中间点的y轴计算公式
            if (!TextUtils.isEmpty(passText)) {
                for (int i = 0; i < textLength; i++) {
                    cx = width * i / passwordLength + half;
                    canvas.drawText(String.valueOf(passText.charAt(i)), cx, baseLineY, passwordPaint);
                }
            }
        }
    }

    @Override
    protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
        super.onTextChanged(text, start, lengthBefore, lengthAfter);
        passText = text.toString();
        textLength = passText.length();
        invalidate();
    }

    public int getBorderColor() {
        return borderColor;
    }

    public void setBorderColor(int borderColor) {
        this.borderColor = borderColor;
        borderPaint.setColor(borderColor);
        invalidate();
    }

    public float getBorderWidth() {
        return borderWidth;
    }

    public void setBorderWidth(float borderWidth) {
        this.borderWidth = borderWidth;
        borderPaint.setStrokeWidth(borderWidth);
        invalidate();
    }

    public float getBorderRadius() {
        return borderRadius;
    }

    public void setBorderRadius(float borderRadius) {
        this.borderRadius = borderRadius;
        invalidate();
    }

    public int getPasswordLength() {
        return passwordLength;
    }

    public void setPasswordLength(int passwordLength) {
        this.passwordLength = passwordLength;
        invalidate();
    }

    public int getPasswordColor() {
        return passwordColor;
    }

    public void setPasswordColor(int passwordColor) {
        this.passwordColor = passwordColor;
        passwordPaint.setColor(passwordColor);
        invalidate();
    }

    public float getPasswordWidth() {
        return passwordWidth;
    }

    public void setPasswordWidth(float passwordWidth) {
        this.passwordWidth = passwordWidth;
        passwordPaint.setStrokeWidth(passwordWidth);
        invalidate();
    }

    public float getPasswordRadius() {
        return passwordRadius;
    }

    public void setPasswordRadius(float passwordRadius) {
        this.passwordRadius = passwordRadius;
        invalidate();
    }

    public void setIsPass(boolean isPass){
        this.isPass = isPass;
        invalidate();
    }
    public void setTextSize(int textSize){
        this.textSize = textSize;
        invalidate();
    }
    public void setTextColor(int textColor){
        this.textColor = textColor;
        invalidate();
    }
}

三、XML布局文件中的应用

要使用自定义属性必须加上前缀：xmlns:app="http://schemas.android.com/apk/res-auto"

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/backcolor_white"
    android:gravity="center_horizontal"
    android:orientation="vertical">

    <com.view.PasswordInputView
        android:id="@+id/code_edit"
        android:layout_width="270dp"
        android:layout_height="45dp"
        android:layout_marginTop="10dp"
        android:inputType="number"
        android:lines="1"
        android:visibility="gone"
        app:pivBorderColor="#dddddd"
        app:pivBorderWidth="0.5dp"
        app:pivIsPass="false"
        app:pivPasswordLength="6"
        app:pivPasswordWidth="10dp"
        app:pivTextColor="#333333"
        app:pivTextSize="@dimen/sp_text_16"
        tools:text="125635"
        tools:visibility="visible" />

</LinearLayout>



就酱
关注
android 自定义控件 自定义属性详细介绍
09-05
在Android应用开发中，自定义控件和属性是提高代码复用性和灵活性的关键。当系统内置的控件和属性无法满足特定需求时，...通过学习和熟练掌握自定义控件及属性的创建，开发者可以更好地应对各种复杂的Android开发需求。
android 中 使用style app开头的属性
AdrianAndroid的专栏
06-15 1611
<style name="MBase.WBTrace.CardView_Image" parent="android:Widget"> <item name="android:layout_width">match_parent</item> <item name="android:layout_height">match_parent</item> <item name="androi...
Android 自定义控件属性
淡淡的宁静的博客
02-21 543
前言 自定义控件经常需要一些特殊的配置，添加一些自定义属性。 1. 自定义属性 attrs.xml文件 所有自定义属性需要在文件中添加declare-styleable节点来声明，例如定义属性background_color设置背景色。 &lt;declare-styleable name="AttrDeclareView"&gt; &lt;...
Android 控件自定义属性三部曲
最新发布
yan_chenglong的博客
08-11 89
首先，你需要在res/values目录下创建一个XML文件，通常命名为attrs.xml，用于定义自定义属性。假设我们要为一个自定义的TextView控件添加自定义属性，比如customTextColor和customTextSize。xml代码解读复制代码在你的布局文件中使用自定义控件，并设置自定义属性。xml代码解读复制代码<ImageView<TextView<TextView</merge>接下来，我们创建一个继承自TextView的自定义控件类，并在其中解析这些自定义属性。
Android自定义控件——自定义属性
热门推荐
Vincent的专栏
09-18 1万+
我们在自定义android组件的时候，除了用Java构建出组件的样子外，有时候还需要去申明一些“属性”提供给项目使用，那么什么是组件的属性呢？ 例如在清单文件中，创建一个TextView的时候，这是需要制定TextView的android:layout_width="wrap_content" android:layout_height="wrap_content"等等这些都是组件的属性，TextView是android系统为我们提供好的组件，它的属性亦是android系统为我们提供了。
Android中自定义控件和属性
me_jance的专栏
04-28 471
自定义控件在android中无处不见，自定义控件给了我们很大的方便。比如说，一个视图为imageview  ，imagebutton ,textview 等诸多控件的组合，用的地方有很多，我们不可能每次都来写3个的组合，既浪费时间，效率又低。在这种情况下，我们就可以自定义一个view来替换他们，不仅提升了效率并且在xml中运用也是相当的美观。 一、控件自定义属性介绍 以下示例中代码均在
自定义TextView 文字自适应高度和宽度
qq_19688207的博客
07-22 2521
自定义TextView 文字自适应高度和宽度
Android自定义控件属性详细介绍
01-05
Android自定义控件属性详细介绍 1. reference：参考某一资源ID。   （1）属性定义：  （2）属性使用： <ImageView android:layout_width = 42dip android:layout_height = 42dip
详解Android自定义控件属性
09-02
本篇文章将详细讲解如何在Android中创建和使用自定义控件属性。 首先，我们需要在项目的`res/values`目录下创建一个名为`attrs.xml`的文件，用于定义自定义控件的属性。这个文件通常包含一个`<resources>`标签，其...
自定义View学习笔记（二）
qq_42447739的博客
07-07 592
Android 事件分发机制 事件分发的顺序：Activitity -> GroupView ->View
Android自定控件感觉无从下手看这里
csdn1225987336的专栏
03-03 1009
1、xml可配置属性2、代码动态设置属性//根据文字内容获取一个矩形@Override。
Android 自定义控件属性format详解
假装你是大灰狼的专栏
10-09 1521
相关文章 Android 自定义控件属性 Android 自定义控件属性format详解 前言 在自定义属性时，需要在declare-styable节点下添加attr，名称以name定义，类型以format定义。 1. format取值 reference，引用值 color，颜色值 boolean，布尔值 dimension，尺寸值 float，浮点值 integer，整型值 string，字...
Android事件分发机制的探索与发现之View篇
门心叼龙的专栏
05-12 4352
github源码下载地址：https://github.com/geduo83/android-touch-event 关于Android事件传递机制的文章在前面也零零散散的写过两篇，当时也是时间有限，也没有过多的去完善匆匆就发出去了。 因为Android事件分发机制是整个Android系统的难点也是重点，说它是难点是因为触摸事件的流转流程错综复杂，前一阵子在有个技术群里面很多人都说，事件分发这块...
Android——自定义view实现圆形图片并添加属性动画旋转
weixin_44310357的博客
03-07 1049
1.创建自定义view类 @SuppressLint("AppCompatCustomView") public class Custom_show extends ImageView { private Paint paint; public Custom_show(Context context) { super(context); } ...
三步实现Android自定义控件的自定义属性，以及诡异错误 Unresolved reference: styleable
呦呦鹿鸣
09-04 1056
为自定义Android UI控件声明自定义属性，方便在布局XML中配置
Android自定义控件--如何在XML文件中使用自定义属性
lzz214的博客
01-09 716
Android本身提供了很多控件，比如TextView、ImageView等，在实际开发中，有时候单个的控件并不能很好的满足业务需求，因此我们会将多种控件组合在一起，形成一个具有特定功能的自定义控件，就好比零件的拼装，将多个小零件最后拼成一个大零件来使用。return;bindView();init();复制代码app:text1="维修意见"app:text2="张同学向您提出设备维护意见"复制代码。
安卓开发学习之017 自定义控件之属性获取
Yu的专栏
12-14 4600
每每看到别人写的好看又实用的控件总是羡慕不已，你是不是也跟我一样，想自己动手写属于自己的控件？希望这篇文章可以帮到你们。 谈到自定义控件就少不了属性的配置和获取，通常需要以下几个步骤： 1.通过<declare-styleable>为自定义View添加属性 2.自定义View的Java文件 3.在xml中为引用自定义View并给相应的属性声明属性值 4.在运行时（一般
Android 自定义属性，自定义控件、自定义View以及View的常见Error
5ingwings(SiHao)的博客
04-14 8225
Android 自定义属性，自定义控件、自定义View 自定义属性 1 要使用 系统的属性 可以使用所继承的控件的属性 如继承的TextView 或者 View 则相关的属性都可以不用声明直接使用 2 否则 要styleable中定义 &amp;amp;amp;amp;amp;amp;lt;attr name=&amp;amp;amp;amp;amp;quot;android:text&amp;amp;amp;amp;amp;quot; /&amp;a
Android自定义控件与属性深度解析
"关于Android自定义控件和自定义属性的详细教程" 在Android应用开发中，开发者经常需要超越标准库提供的控件和属性，以满足特定需求。自定义控件和属性是解决这一问题的有效手段，它们允许开发者创建具有独特功能和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值