自定义View-第十五步:封装控件-自定义控件属性

前言

根据启舰 的博客所学习的自定义View。

什么是自定义控件属性?

首先,咱们先看看这个代码

croosRoads:age="18"

这可不是系统自带的,而是自定义的属性,那么怎么做呢?利用XML中的declare-styleable标签就可以啦~
下面就来用declare-styleable来封装控件吧

一、具体使用方法

1. 在res/values下创建attrs.xml文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--为MineView添加自定义属性-->
    <declare-styleable name="MineView">
        <attr name="img" format="reference" />
        <attr name="height" format="dimension" />
        <!--表示既可以自定义color,如##ff00ff,也可以引用,如@color/XXX-->
        <attr name="paintColor" format="color|reference" />
        <attr name="radius" format="integer">
            <enum name="small" value="3"/>
            <enum name="large" value="50"/>
        </attr>
    </declare-styleable>
</resources>

**2. 布局文件中引用 **

   <com.qianqian.demo.viewdemo.MineView
        android:layout_width="match_parent"
        android:layout_centerInParent="true"
        android:layout_height="match_parent"
        crossRoads:height="300dp"
        android:textColor="#fff"
        crossRoads:img="@mipmap/bear"
        crossRoads:paintColor="@color/colorAccent"
        crossRoads:radius="large"
        />
    <!-- 也可以这样 crossRoads:paintColor="#0fff00"-->

3. MineView中获取这些值

public class MineView extends View {
    private Paint paint;
    int color;
    float radius;
    Drawable drawable;
    float height;

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

    public MineView(Context context, AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint();
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MineView);
        color = typedArray.getColor(R.styleable.MineView_paintColor, Color.BLUE);
        paint.setColor(color);
        radius = typedArray.getInteger(R.styleable.MineView_radius, 1);
        drawable = typedArray.getDrawable(R.styleable.MineView_img);
        height = typedArray.getDimension(R.styleable.MineView_height, 100); //获取的值为450px
        //必须回收
        typedArray.recycle();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //获取宽高
        int measureHeight=MeasureSpec.getSize(heightMeasureSpec);
        int measureWidth = MeasureSpec.getSize(widthMeasureSpec);
        //获取高度的属性
        int mode=MeasureSpec.getMode(heightMeasureSpec);
        //如果属性是MATCH_PARENT或者是具体的值,就使用自定义的高度
        if (mode==MeasureSpec.EXACTLY) {
            setMeasuredDimension(measureWidth, (int) height);
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        setLayerType(LAYER_TYPE_SOFTWARE, null);//对单独的View在运行时阶段禁用硬件加速
        canvas.drawColor(Color.BLACK);
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(2);
        canvas.drawCircle(100, 100, radius, paint);
        BitmapDrawable bitmapDrawable = (BitmapDrawable) drawable;
        Bitmap bitmap = bitmapDrawable.getBitmap();
        canvas.drawBitmap(bitmap, 100, 200, paint);
    }

}
效果图

二、declare-styleable标签属性用法

1. reference: 参考某一资源ID

<declare-styleable name = "名称">  
       <attr name = "background" format = "reference" />  
</declare-styleable>  
<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>  
<TextView  
         android:layout_width = "42dip"  
         android:layout_height = "42dip"  
         android:textColor = "#00FF00"/>  

3.boolean:布尔值

<declare-styleable name = "名称">  
       <attr name = "focusable" format = "boolean" />  
</declare-styleable>  
<Button  
        android:layout_width = "42dip"  
        android:layout_height = "42dip"  
        android:focusable = "true"/>  

4. dimension:尺寸值

<declare-styleable name = "名称">  
       <attr name = "layout_width" format = "dimension" />  
</declare-styleable>  
<Button  
        android:layout_width = "42dip"  
        android:layout_height = "42dip"/>  

5.float:浮点值

<declare-styleable name = "AlphaAnimation">  
       <attr name = "fromAlpha" format = "float" />  
       <attr name = "toAlpha" format = "float" />  
</declare-styleable> 
<alpha  
       android:fromAlpha = "1.0"  
       android:toAlpha = "0.7"/>  

6. integer: 整型值

<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>  
<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:字符串

<declare-styleable name = "MapView">  
       <attr name = "apiKey" format = "string" />  
</declare-styleable>  
<com.google.android.maps.MapView  
       android:layout_width = "fill_parent"  
       android:layout_height = "fill_parent"  
       android:apiKey = "haha" />  

8. fraction:百分数

<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>  
<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:枚举值

<declare-styleable name="名称">  
      <attr name="orientation">  
             <enum name="horizontal" value="0" />  
             <enum name="vertical" value="1" />  
      </attr>             
</declare-styleable> 
<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:位或运算

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

11.定义多种类型

<declare-styleable name = "名称">  
       <attr name = "background" format = "reference|color" />  
</declare-styleable>  
<ImageView  
        android:layout_width = "42dip"  
        android:layout_height = "42dip"  
        android:background = "@drawable/图片ID|#00FF00"/>  

后记

这样子,以后我们写自定义View后,小伙伴们引用的时候就方便多啦!
下面,补充一个小知识:
wrap_content-> MeasureSpec.AT_MOST
match_parent -> MeasureSpec.EXACTLY
具体值 -> MeasureSpec.EXACTLY

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,324评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,356评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,328评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,147评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,160评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,115评论 1 296
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,025评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,867评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,307评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,528评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,688评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,409评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,001评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,657评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,811评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,685评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,573评论 2 353

推荐阅读更多精彩内容