Drawable

1.BitmapDrawable

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"

        <!--图片的资源 -->
        android:src="@drawable/create"
        <!--是否抗锯齿-->
        android:antialias="true"
        <!--是否开启抖动效果-->
        android:dither="true"
        <!--开启过滤效果-->
        android:filter="true"
        <!--图片大小和容器不符合时图片摆放位置,拉伸,裁剪-->
        android:gravity="
        <!--图片大小不发生变化-->
        top|bottom|left|right
        |center_vertical|center_horizontal|center
        <!--图片大小发生变化-->
        |fill_vertical|fill_horizontal|fill
        |clip_vertical|clip_horizontal"
        <!--纹理映射,图像处理技术,一般用不到-->
        android:mipMap="false"
        <!--平铺模式,开启此属性gravity会失效
       disabled 关闭
       clamp 图片四周像素会扩散到周围区域
       repeat 简单的水平和竖直方向重复图片
       mirror 图片倒立重复图片
        -->
        android:tileMode=" ["disabled"|"clamp"|"repeat"|"mirror"]"
    >

</bitmap>

2.NinePatchDrawable

点9图可以自动根据所需的宽高进行相应的缩放并保证不失真

属性基本和BitmapDrawable相同

<?xml version="1.0" encoding="utf-8"?>
<nine-patch xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/create"
    >

</nine-patch>

3.ShapeDrawable

在代码中生成的是GradientDrawable对象

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    <!--图形 可以是rectangle(矩形)
                   oval(椭圆)
                   line(线)
                   ring(圆环)
    -->
    android:shape=""
    <!--以下是圆环特有属性
    圆环内径-->
    android:innerRadius="@dimen/activity_horizontal_margin"
    
    <!--内径所占整个Drawable的比例 默认为9,如果为n,那么内半径=宽度/n,以innerRadius为主-->
    android:innerRadiusRatio="1"
    <!--圆环厚度-->
    android:thickness="@dimen/activity_horizontal_margin"
    <!--厚度所占整个Drawable的比例 默认为3,如果为n,那么厚度=宽度/n,以thickness为主-->
    android:thicknessRatio="1"
    <!--除非用于LevelListDrawable一般为false-->
     android:useLevel="false"
 
    >
    
    <!--Drawable的内在宽高-->
    <size android:height="@dimen/activity_horizontal_margin"
          android:width="@dimen/activity_horizontal_margin"/>
    <!--包含这个Drawable的View的空白-->
    <padding
        android:top="@dimen/activity_horizontal_margin"
        android:bottom="@dimen/activity_horizontal_margin"
        android:left="@dimen/activity_horizontal_margin"
        android:right="@dimen/activity_horizontal_margin"
        />
    <!--适用于rectangle四个角的圆角半径-->
    <corners
        android:radius="@dimen/activity_horizontal_margin"
        android:topLeftRadius="@dimen/activity_horizontal_margin"
        android:topRightRadius="@dimen/activity_horizontal_margin"
        android:bottomRightRadius="@dimen/activity_horizontal_margin"
        android:bottomLeftRadius="@dimen/activity_horizontal_margin"
        />
    <!--颜色填充使用纯色-->
    
     <solid android:color="@color/colorAccent"/>
     <!--颜色填充使用渐变色-->
    <gradient
    <!--渐变类型
    linear 线性渐变(默认)
    radial  径向渐变
    sweep  扫描线渐变
    -->
        android:type=""
        
        <!-- 渐变的角度默认为0,其值必须为45的倍数
        0代表从左到右
        90代表从下到上-->
        android:angle="0"
        <!--渐变中心点坐标-->
        android:centerX="1"
        android:centerY="1"
        
        android:startColor="@color/colorAccent"
        android:centerColor="@color/colorAccent"
        android:endColor="@color/colorAccent "
        <!--渐变半径 仅当type等于radial有效-->
        android:gradientRadius="1"
         <!--除非用于LevelListDrawable一般为false-->
        android:useLevel="false"
        />
   
   <!--描边-->
    <stroke
        <!--描边宽度-->
        android:width="@dimen/activity_horizontal_margin"
        <!--描边颜色-->
        android:color="@color/colorAccent"
        <!--设置为虚线描边宽度与dashGap同时使用才能生效-->
        android:dashWidth="@dimen/activity_horizontal_margin"
        <!--描边虚线间隔空隙-->
        android:dashGap="@dimen/activity_horizontal_margin"
        />
</shape>

4.LayerDrawable

一种不同层次的Drawable的集合,放置不同层面而达到叠加后的效果,一个layer-list可包含多个item
默认情况下,layer-list中所有的View都会被缩放至View的大小(对于bitmap可通过android:gravity控制图片显示效果),下面的item会覆盖上面的item。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">


    <item 
            <!--可引用一个drawable资源-->
          android:drawable="@drawable/drawable_bitmap"
          <!--drawable相对于View的偏移量-->
          android:top="@dimen/activity_horizontal_margin"
          android:bottom="@dimen/activity_horizontal_margin"
          android:left="@dimen/activity_horizontal_margin"
          android:right="@dimen/activity_horizontal_margin"
        >
    <item>
        <shape android:shape="rectangle"
            >
            <solid android:color="#0ac39e"/>
        </shape>
    </item>
    <item android:bottom="6dp">
        <shape android:shape="rectangle"
            >
            <solid android:color="#ffffff"/>
        </shape>
    </item>
    <item android:bottom="1dp"
          android:left="1dp"
          android:right="1dp"

        >
        <shape android:shape="rectangle"
            >
            <solid android:color="#ffffff"/>
        </shape>
    </item>
</layer-list>

5.StateListDrawable

不同状态选择不同drawable

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"

         <!--StateListDrawable固有大小是否随着drawable的切换而发生变化为true不发生变化,为item中drawable最大的固有大小 默认为false-->
          android:constantSize="true"
          <!--是否开启防抖效果-->
          android:dither="true"
          <!--StateListDrawable的padding是否随着drawable的切换而发生变化,为false不变是所有item中drawable padding的最大值,默认为false-->
          android:variablePadding="true"
    >
    <item android:drawable="@drawable/create" android:state_pressed="true"/>
    <item android:drawable="@drawable/create" android:state_focused="true" />
    <item android:drawable="@drawable/create" android:state_checked="true" />
    <!--默认-->
    <item android:drawable="@drawable/create" />
 
</selector>

6.LevelListDrawable

Drawable的集合,每个Drawable都可设置最小level和最大level,View的背景可通过getBackground().setLevel()设置不同了Level匹配不同的Drawable
ImageView的话可通过setIamgeLevel()匹配不同的Drawable

<?xml version="1.0" encoding="utf-8"?>
<level-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/create"
            android:minLevel="0"
            android:maxLevel="0"
        >
    </item>
    <item android:drawable="@drawable/b_now" android:maxLevel="1"/>
    <item android:drawable="@drawable/tap_launch" android:maxLevel="2"/>
    <item android:drawable="@drawable/uilib" android:maxLevel="3"/>


</level-list>


7.TransitionDrawable

只能实现两个Drawable的淡入淡出效果
默认显示item1

 TransitionDrawable drawable= (TransitionDrawable) mIvLevel.getBackground();
        if (!mBoolean)
        {

            //从item1淡出,item2淡入
            drawable.startTransition(1000);
            mBoolean=true;
        }
        else
        {
            //反转
            drawable.reverseTransition(1000);
            mBoolean=false;
        }
<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/b_now"
          android:top="@dimen/activity_horizontal_margin"
          android:bottom="@dimen/activity_horizontal_margin"
          android:left="@dimen/activity_horizontal_margin"
          android:right="@dimen/activity_horizontal_margin"

        ></item>
    <item android:drawable="@drawable/create"></item>
</transition>

8.InsetDrawable

把Drawable内嵌到自己当中

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
       android:drawable="@drawable/create"
       android:insetBottom="@dimen/activity_horizontal_margin"
       android:insetLeft="@dimen/activity_horizontal_margin"
       android:insetRight="@dimen/activity_horizontal_margin"
       android:insetTop="@dimen/activity_horizontal_margin"
    >
    <shape android:shape="rectangle">
        <solid android:color="@color/colorAccent"></solid>
    </shape>
</inset>

9.ScaleDrawable

适合缩小一个特定的drawable

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/create"
        <!--缩放宽高比例越大 Drawable显示越小-->
       android:scaleWidth="1%"
       android:scaleHeight="50%"
       android:scaleGravity="center"
       <!--level取值0到10000 为0不显示,level越大Drawable显示越大-->
       android:level="1"
    >
</scale>

10.ClipDrawable

裁剪Drawable 由clipOrientation和gravity共同决定裁剪位置

ClipDrawable clipDrawable= (ClipDrawable)
mIvLevel.getDrawable();
//level取值0到10000,取值越大裁剪越少 0完全裁剪,10000表示不裁剪
clipDrawable.setLevel(5000);
<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
      android:drawable="@drawable/create"
      <!--裁剪的方向-->
      android:clipOrientation="vertical"
      android:gravity="center"
      
    >
</clip>

自定义Drawable

public class CustomDrawable extends Drawable {
    
    private Paint mPaint;

    public CustomDrawable(int  color) {
        mPaint=new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(color);
    }

    @Override
    public void draw(Canvas canvas) {
        final Rect rect=getBounds();
        float cx=rect.exactCenterX();
        float cy=rect.exactCenterY();
        canvas.drawCircle(cx,cy,Math.min(cx,cy),mPaint);
    }

    @Override
    public void setAlpha(int alpha) {
        mPaint.setAlpha(alpha);
        invalidateSelf();

    }

    @Override
    public void setColorFilter(ColorFilter colorFilter) {

        mPaint.setColorFilter(colorFilter);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }
}

圆形Drawable

public class CircleImageDrawable extends Drawable {

    private Paint mPaint;
    private int mWidth;
    private Bitmap mBitmap ;

    public CircleImageDrawable(Bitmap bitmap)
    {
        mBitmap = bitmap ;
        BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP,
                Shader.TileMode.CLAMP);
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setShader(bitmapShader);
        mWidth = Math.min(mBitmap.getWidth(), mBitmap.getHeight());
    }

    @Override
    public void draw(Canvas canvas)
    {
        canvas.drawCircle(mWidth / 2, mWidth / 2, mWidth / 2, mPaint);
    }

    @Override
    public int getIntrinsicWidth()
    {
        return mWidth;
    }

    @Override
    public int getIntrinsicHeight()
    {
        return mWidth;
    }

    @Override
    public void setAlpha(int alpha)
    {
        mPaint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(ColorFilter cf)
    {
        mPaint.setColorFilter(cf);
    }

    @Override
    public int getOpacity()
    {
        return PixelFormat.TRANSLUCENT;
    }
}

圆角矩形Drawable

public class RoundImageDrawable extends Drawable {
    private Paint mPaint;
    private Bitmap mBitmap;

    private RectF rectF;

    public RoundImageDrawable(Bitmap bitmap)
    {
        mBitmap = bitmap;
        BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP,
                Shader.TileMode.CLAMP);
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setShader(bitmapShader);
    }

    @Override
    public void setBounds(int left, int top, int right, int bottom)
    {
        super.setBounds(left, top, right, bottom);
        rectF = new RectF(left, top, right, bottom);
    }

    @Override
    public void draw(Canvas canvas)
    {
        canvas.drawRoundRect(rectF, 30, 30, mPaint);
    }

    @Override
    public int getIntrinsicWidth()
    {
        return mBitmap.getWidth();
    }

    @Override
    public int getIntrinsicHeight()
    {
        return mBitmap.getHeight();
    }

    @Override
    public void setAlpha(int alpha)
    {
        mPaint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(ColorFilter cf)
    {
        mPaint.setColorFilter(cf);
    }

    @Override
    public int getOpacity()
    {
        return PixelFormat.TRANSLUCENT;
    }
}

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

推荐阅读更多精彩内容