Android自定义View以及自定义属性中format详解

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

来源整理：http://www.cnblogs.com/tiantianbyconan/archive/2012/06/06/2538528.html
Android自定义属性，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：颜色值。

    （1）属性定义：

        <declare-styleable name = "名称">

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

    </declare-styleable>

    （2）属性使用：

        <TextView

             android:layout_width = "42dip"
             android:layout_height = "42dip"
             android:textColor = "#00FF00"

             />

  3. boolean：布尔值。

    （1）属性定义：

        <declare-styleable name = "名称">

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

    </declare-styleable>

    （2）属性使用：

        <Button

            android:layout_width = "42dip"
            android:layout_height = "42dip"

            android:focusable = "true"

            />

  4. dimension：尺寸值。

    （1）属性定义：

        <declare-styleable name = "名称">

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

    </declare-styleable>

    （2）属性使用：

        <Button

            android:layout_width = "42dip"
            android:layout_height = "42dip"

            />

  5. float：浮点值。

    （1）属性定义：

        <declare-styleable name = "AlphaAnimation">

           <attr name = "fromAlpha" format = "float" />
           <attr name = "toAlpha" format = "float" />

    </declare-styleable>

    （2）属性使用：

        <alpha
           android:fromAlpha = "1.0"
           android:toAlpha = "0.7"

           />

  6. integer：整型值。

    （1）属性定义：

        <declare-styleable name = "AnimatedRotateDrawable">

           <attr name = "visible" />
           <attr name = "frameDuration" format="integer" />
           <attr name = "framesCount" format="integer" />
           <attr name = "pivotX" />
           <attr name = "pivotY" />
           <attr name = "drawable" />

    </declare-styleable>

    （2）属性使用：

        <animated-rotate

           xmlns:android = "http://schemas.android.com/apk/res/android"  
           android:drawable = "@drawable/图片ID"  
           android:pivotX = "50%"  
           android:pivotY = "50%"  
           android:framesCount = "12"  
           android:frameDuration = "100"

           />

  7. string：字符串。

    （1）属性定义：

        <declare-styleable name = "MapView">
           <attr name = "apiKey" format = "string" />
    </declare-styleable>

    （2）属性使用：

        <com.google.android.maps.MapView
            android:layout_width = "fill_parent"
            android:layout_height = "fill_parent"
            android:apiKey = "0jOkQ80oD1JL9C6HAja99uGXCRiS2CGjKO_bc_g"

            />

  8. fraction：百分数。

    （1）属性定义：

        <declare-styleable name="RotateDrawable">
           <attr name = "visible" />
           <attr name = "fromDegrees" format = "float" />
           <attr name = "toDegrees" format = "float" />
           <attr name = "pivotX" format = "fraction" />
           <attr name = "pivotY" format = "fraction" />
           <attr name = "drawable" />
    </declare-styleable>

    （2）属性使用：

        <rotate

           xmlns:android = "http://schemas.android.com/apk/res/android"

    　　 android:interpolator = “@anim/动画ID”

               android:fromDegrees = "0"

    　　 android:toDegrees = “360”

               android:pivotX = "200%"

           android:pivotY = "300%"

    　　 android:duration = “5000”

               android:repeatMode = "restart"

           android:repeatCount = "infinite"

           />

  9. enum：枚举值。

    （1）属性定义：

        <declare-styleable name="名称">
           <attr name="orientation">
                  <enum name="horizontal" value="0" />
                  <enum name="vertical" value="1" />
           </attr>            

    </declare-styleable>

    （2）属性使用：

        <LinearLayout

            xmlns:android = "http://schemas.android.com/apk/res/android"
            android:orientation = "vertical"
            android:layout_width = "fill_parent"
            android:layout_height = "fill_parent"
            >
    </LinearLayout>

  10. flag：位或运算。

    （1）属性定义：

         <declare-styleable name="名称">
            <attr name="windowSoftInputMode">
                    <flag name = "stateUnspecified" value = "0" />
                    <flag name = "stateUnchanged" value = "1" />
                    <flag name = "stateHidden" value = "2" />
                    <flag name = "stateAlwaysHidden" value = "3" />
                    <flag name = "stateVisible" value = "4" />
                    <flag name = "stateAlwaysVisible" value = "5" />
                    <flag name = "adjustUnspecified" value = "0x00" />
                    <flag name = "adjustResize" value = "0x10" />
                    <flag name = "adjustPan" value = "0x20" />
                    <flag name = "adjustNothing" value = "0x30" />
             </attr>         

     </declare-styleable>

    （2）属性使用：

        <activity

           android:name = ".StyleAndThemeActivity"
           android:label = "@string/app_name"
           android:windowSoftInputMode = "stateUnspecified | stateUnchanged　|　stateHidden">
           <intent-filter>
                  <action android:name = "android.intent.action.MAIN" />
                  <category android:name = "android.intent.category.LAUNCHER" />
           </intent-filter>
     </activity>

    注意：

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

    （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"

             />

转摘http://blog.csdn.net/lmj623565791/article/details/24300125

在values文件下创建一个attrs.xml文件
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <attr name="CustomtitText" format="string"/>
    <attr name="CustomtitTextColor" format="color"/>
    <attr name="CustomtitTextSize" format="dimension"/>
  <attr name="image" format="reference"/>
    <attr name="imageScaleType" >
        <enum name="fillXY" value="0"/>
        <enum name="center" value="1"/>
    </attr>

    <declare-styleable name="CustomImageView">
        <attr name="CustomtitText" />
        <attr name="CustomtitTextColor" />
        <attr name="CustomtitTextSize" />
        <attr name="image"/>
        <attr name="imageScaleType"/>

    </declare-styleable>
</resources>
自定义的View

分三步：解析属性，测量，画图

public class CustomImageView extends View {

    private static final int IMAGE_SCALE_FITXY = 0;
    private Bitmap mImage;
    private int mTextColor;
    private int mTextSize;
    private String mTitle;
    private int mImageScale;
    private Rect mTextBound;
    private Paint mPaint;
    private int mWidth;
    private int mHeight;
    private Rect rect;

    public CustomImageView(Context context) {
        this(context,null);
    }

    public CustomImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context,attrs,defStyleAttr);
    }

    /**
     * 初始化的各种属性
     * @param context
     * @param attrs
     * @param defStyleAttr
     */
    private void initView(Context context, AttributeSet attrs, int defStyleAttr) {
        TypedArray typedArray = context.getTheme().obtainStyledAttributes(attrs,R.styleable.CustomImageView,defStyleAttr,0);
        int indexCount = typedArray.getIndexCount();
        for (int i = 0; i < indexCount; i++) {
            int index = typedArray.getIndex(i);
            switch (index){
                case R.styleable.CustomImageView_image:
                    mImage = BitmapFactory.decodeResource(getResources(), typedArray.getResourceId(index, 0));
                    break;
                case R.styleable.CustomImageView_imageScaleType:
                    mImageScale = typedArray.getInt(index, 0);
                    break;
                case R.styleable.CustomImageView_CustomtitText:
                    mTitle = typedArray.getString(index);
                    break;
                case R.styleable.CustomImageView_CustomtitTextSize:
                    mTextSize = typedArray.getDimensionPixelSize(index, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
                    break;
                case R.styleable.CustomImageView_CustomtitTextColor:
                    mTextColor = typedArray.getColor(index, Color.BLACK);
                    break;

            }
        }
        typedArray.recycle();
        rect = new Rect();
        mPaint = new Paint();
        mTextBound = new Rect();
        mPaint.setTextSize(mTextSize);
        //计算描绘字体需要的范围
        mPaint.getTextBounds(mTitle,0,mTitle.length(),mTextBound);

    }

    public CustomImageView(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);

        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        //判断测量
        if(widthMode == MeasureSpec.EXACTLY){
            widthMeasureSpec = widthSize;
        }else {
            //由图片决定宽
            int desireByImage = getPaddingRight() + getPaddingLeft() + mImage.getWidth();
            //由字体决定宽
            int desireByTitle = getPaddingLeft() + getPaddingRight() + mTextBound.width();

            if (widthMode == MeasureSpec.AT_MOST) {
                int desire = Math.max(desireByImage, desireByTitle);
                widthMeasureSpec = Math.min(desire, widthSize);
            }
        }
        if(heightMode == MeasureSpec.EXACTLY){
            heightMeasureSpec = heightSize;
        }else{
            int disire = getPaddingTop() + getPaddingBottom() + mImage.getHeight() +mTextBound.height();

            if(heightMode == MeasureSpec.AT_MOST){
                heightMeasureSpec =  Math.min(disire,heightSize);
            }
        }
        mWidth = widthMeasureSpec;
        mHeight = heightMeasureSpec;

        setMeasuredDimension(widthMeasureSpec,heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {

        mPaint.setStrokeWidth(4);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(Color.CYAN);

        canvas.drawRect(0,0,getMeasuredWidth(),getMeasuredHeight(),mPaint);

        rect.left = getPaddingLeft();
        rect.right =mWidth -getPaddingRight();
        rect.top = getPaddingTop();
        rect.bottom = getPaddingBottom();

        mPaint.setColor(mTextColor);
        mPaint.setStyle(Paint.Style.FILL);

        /**当前设置的宽度小于字体需要的宽度，将字体改为小号**/
        if(mTextBound.width()>mWidth){
            TextPaint paint = new TextPaint(mPaint);
            String msg = TextUtils.ellipsize(mTitle, paint, (float) mWidth - getPaddingLeft() - getPaddingRight(), TextUtils.TruncateAt.END).toString();

             canvas.drawText(msg,getPaddingLeft(),mHeight-getPaddingTop(),mPaint);

        }else {
            canvas.drawText(mTitle,mWidth/2-mTextBound.width()*1.0f/2,mHeight-getPaddingBottom(),mPaint);

        }

        rect.bottom -= mTextBound.height();
        if(mImageScale ==IMAGE_SCALE_FITXY ){
            canvas.drawBitmap(mImage,null,rect,mPaint);
        }else {//计算居中的矩形范围
            rect.left = mWidth/2-mImage.getWidth()/2;
            rect.right = mWidth/2 + mImage.getWidth()/2;

            rect.top = (mHeight - mTextBound.height())/2-mImage.getHeight()/2;
            rect.bottom = (mHeight - mTextBound.height())/2+mImage.getHeight()/2;

            canvas.drawBitmap(mImage,null,rect,mPaint);

        }

    }
}

布局自定义View

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:zhy="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


        <com.example.administrator.testapplication.CustomImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:padding="10dp"
            zhy:image="@mipmap/ic_launcher"
            zhy:imageScaleType="center"
            zhy:CustomtitText="hello andorid ! "
            zhy:CustomtitTextColor="#ff0000"
            zhy:CustomtitTextSize="30sp" />

        <com.example.administrator.testapplication.CustomImageView
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:padding="10dp"
            zhy:image="@mipmap/ic_launcher"
            zhy:imageScaleType="center"
            zhy:CustomtitText="helloworldwelcome"
            zhy:CustomtitTextColor="#00ff00"
            zhy:CustomtitTextSize="20sp" />

        <com.example.administrator.testapplication.CustomImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:padding="10dp"
            zhy:image="@mipmap/b"
            zhy:imageScaleType="center"
            zhy:CustomtitText="风景~"
            zhy:CustomtitTextColor="#ff0000"
            zhy:CustomtitTextSize="12sp" />
        >

</LinearLayout>

这里写图片描述

better body
关注
专栏目录
Android 中EditText 添加图片（格式化文字）
06-21
根据微信使用EditText 发送表情！
android 自定义 view format,string.format float Android自定义View详解
weixin_32039589的博客
05-25 198
很多的Android入门程序猿来说对于Android自定义View，可能都是比较恐惧的，但是这又是高手进阶的必经之路，所有准备在自定义View上面花一些功夫，多写一些文章。先总结下自定义View的步骤：1、自定义View的属性2、在View的构造方法中获得我们自定义的属性[ 3、重写onMesure ]4、重写onDraw我把3用[]标出了，所以说3不一定是必须的，当然了大部分情况下还是需要重写的...
Android 控件自定义属性三部曲
最新发布
yan_chenglong的博客
08-11 98
首先，你需要在res/values目录下创建一个XML文件，通常命名为attrs.xml，用于定义自定义属性。假设我们要为一个自定义的TextView控件添加自定义属性，比如customTextColor和customTextSize。xml代码解读复制代码在你的布局文件中使用自定义控件，并设置自定义属性。xml代码解读复制代码<ImageView<TextView<TextView</merge>接下来，我们创建一个继承自TextView的自定义控件类，并在其中解析这些自定义属性。
Android自定义属性format类型
weixin_30681121的博客
06-02 119
1. reference：参考某一资源ID。 （1）属性定义： <declare-styleable name = "名称"> <attr name = "background" format = "reference" /> </declare-styleable&...
android 自定义 view format,Android 自定义View金额、价格样式显示MoneyView
weixin_29582919的博客
05-25 213
效果图：layout-2016-09-01-182947.png使用方式在 app的build.gradle 添加依赖compile 'com.github.cchao:moneyview:1.0.1'在 XML布局文件 中引用android:layout_width="wrap_content"android:layout_height="wrap_content"money:money_tex...
android 自定义 view format,自定义View — Android UI 自定义设计（适合中等技术人看）篇一...
weixin_35890852的博客
05-25 117
我一直想出一篇关于自定义的View的文章，小伙伴们现在就可以跟着的我的小脚步，一步步来走进这个神秘的自定义View控件吧。首先我给大家带来一篇的Android 自定义UI的模块。在这一篇文章中我们可以收获到如何掌握自定义控件的属性、如何动态设计模板、以及接口的回调机制、以及如何动态创建组件。(PS:开发环境Android_Studio64 2.2)先看一张图片吧这张图片的看上去没有什么难的地方，...
Android自定义View中attrs.xml的实例详解
08-29
Android 自定义 View 中 attrs.xml 的实例详解 Android 自定义 View 中 attrs.xml 的实例详解是 Android 应用程序开发中一个非常重要的知识点。Attrs.xml 文件是 Android 中用于定义自定义 View 的属性文件，在...
详解Android自定义View--自定义柱状图
08-31
在Android开发中，自定义View是一项重要的技能，它允许开发者根据特定需求创建独特且功能丰富的图形界面。本文将深入探讨如何在Android中自定义柱状图，这种图表常用于数据可视化，尤其适用于展示一系列数值的比较。...
Android 自定义 View 中使用 Spannable的实例详解
08-19
Android 自定义 View 中使用 Spannable 的实例详解 Android 自定义 View 中使用 Spannable 是实现复杂文本显示的重要手段。 Spannable 是 Android 中的一种文本样式处理机制，可以实现文本的粗体、斜体、颜色、...
详解Android自定义控件属性TypedArray以及attrs
09-02
本篇文章将详细解析这两个概念及其在Android自定义控件中的应用。 首先，`attrs.xml`文件是用于定义自定义控件属性的地方。在上述示例中，我们看到了如下代码： ```xml <attr name="titleText" format="string" ...
Android 自定义View中 attrs.xml format 各属性详解
weixin_39646917的博客
01-22 183
转载 https://blog.csdn.net/mayingcai1987/article/details/6216655
Android 自定义View与自定义属性（一）+format值与使用方式
a_whw的博客
06-06 1135
Android 自定义View与自定义属性+format值与使用方式
Android 自定义View（自定义控件）
https://juejin.cn/user/1654096907477549/posts
07-30 707
前言：逆境中，力挽狂澜使强者更强，随波逐流使弱者更弱，努力向前走一步，就离梦想就更近一步！加油 一、概述 虽然Android API提供了众多的控件View来使用，但是仍有很多时候系统提供的控件并不能满足我们业务发展的需要和日渐庞大复杂的需求，我们需要针对具体的业务来定制我们想要的View。并且自定义View也是安卓开发者必须掌握的技能。自定义View主要有四个步骤： 1.在attrs文...
Android中自定义属性的格式详解
热门推荐
为梦想而努力（马英才）
03-01 2万+
对Android中自定义属性的格式（Format）进行详细介绍。
安卓format显示系统时间_TextView显示系统时间(时钟功能带秒针变化
weixin_39663729的博客
12-22 237
我们开启一个线程，线程每隔一秒发送一次消息，我们在消息中更新TextView上显示的时间就ok了。首先我们在布局文件中放一个TextView用来显示时间，如下所示：xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="ma...
Android“格式化TextView的简单方法
ultrapro的专栏
01-16 1385
Wednesday, August 4, 2010 Easy method for formatting Android TextViews Android TextViews don't have an easy method for changing the style of a substring of its text. You may have
Android自定义属性时format选项可以取用的值
ygc87的专栏
03-09 1万+
1. reference：参考某一资源ID。     （1）属性定义：       （2）属性使用： <ImageView android:layout_width="42dip" android:layout_height="42dip" android:background="@dra
UI-date-format
CSDNCFO的专栏
05-03 1371
1，纯js解决方式 Date.prototype.format = function (format) {   var o = {     "M+": this.getMonth() + 1,     "d+": this.getDate(),     "h+": this.getHours(),     "m+": this.getMinutes(),     "s+": this
android自定义属性之format介绍
jindegegesun的专栏
03-27 737
我们在做项目的时候，由于android自带的属性不能满足需求，android提供了自定义属性的方法，其中的format是做什么用的？以及如何使用它？下面列出一些常用的。 1. reference：参考某一资源ID。     （1）属性定义：                                background" format = "reference" />
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值