Android下的Drawable使用
Drawable表示一种可绘制的内容,可以由图片或者颜色组成.Android下的Drawable有BitmapDrawable、GradientDrawable、LayerDrawable等等1.BitmapDrawable
它表示一张图片,我们可以直接将图片放在drawable目录下,该图片就可以直接作为drawable引用,当然也可以用xml的方式来描述一张图片.
<?xml version="1.0" encoding="utf-8"?>
<bitmap
xmlns:android="http://schemas.android.com/apk/res/android"
//图片的路径,必须提供,引用mipmap下的图片是没有提示的,手动补全是可以使用的,不知道为什么
android:src="@mipmap/miku"
//抗锯齿,使图片更平滑,开不开都没关系,说实话看不出来差别
android:antialias="true"
//抖动效果,在低质量的设备上提供较好的显示效果,推荐true,
android:dither="true"
//图片的透明度,取值0.0f~1.0f,0完全透明,1不透明
android:alpha="1"
//平铺模式,clamp:底部像素延伸,mirror:水平和竖直镜像平铺,repeat:水平和竖直方向平铺
//注意:如果设置为ImageView的src属性,则不会出现这些效果,做View的背景才能看到
android:tileMode="clamp"
//开启过滤,当图片被拉伸或压缩的时候能保持较好的效果,推荐true
android:filter="true"
//对齐方式,当图片的宽高小于容器View的宽高时从哪个方向开始显示,参考TextView的文字对齐方式
android:gravity="top"
//色调,99.99%的情况都不需要设置,需要配合tintMode一起使用,不然设置的颜色会挡住图片
android:tint="#39c5bb"
//色调模式,取值:multiply、src_over、screen等等,不少取值会遮盖住图片
android:tintMode="src_over">
</bitmap>
tileMode = "clamp"
tileMode = "repeat"
tileMode = "mirror"
tint = "#39c5bb" + tintMode = "multiply"
2.ShapeDrawable
ShapeDrawable是指在xml文件中的shape标签,实际对应的类是 GradientDrawable,它表示一个图形.
跟BitmapDrawable一致的属性就不详细说明了.
<?xml version="1.0" encoding="utf-8"?>
<shape
//图形的基本形状,默认是矩形,取值: rectangle、oval,line,ring
android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android"
>
//描边,边宽度,边颜色,line和ring必须设置这个,否则无法正常显示
//dashWidth需要配合dashGap一起使用,两个值都不为0,会显示虚线效果
<stroke android:width="5dp" android:color="#39c5bb"/>
//填充色,决定了形状的整体颜色
<solid android:color="#000"/>
//指定形状的宽高,未指定size,getIntrinsicWidth()等方法返回-1
<size android:width="100dp" android:height="100dp"/>
//可以实现圆角效果的半径,对于矩形,则四个角都会改变,也可以单独设置两个角的圆角效果
//bottomLeftRadius、bottomRightRadius...
<corners android:radius="10dp"/>
//渐变色,该节点和solid冲突,只能有一个,具体效果见下图
//angle:会影响渐变的方向,该值需要是45的倍数
//centerColor:渐变的中间色
//startColor:渐变的起始色
//endColor:渐变的结束色
//type:渐变的类型,取值:sweep(扫描渐变,想象一下雷达)、radial(径向渐变)、linear(线性渐变,默认)
//gradinetRaduis:只有type = "radial"有效,渐变半径
//useLevel:一般false,作为StateListDrawable为true
//centerY:渐变中心点的Y坐标,会影响渐变效果
//centerX:渐变中心点的X坐标,会影响渐变效果
<gradient android:angle="45" android:centerColor="#f00" android:startColor="#fff" android:endColor="#000"/>
</shape>
3.LayerDrawable
它表示一个拥有层次化的Drawable集合,对应标签是layer-list.它可以包含多个drawable,通过LayerDrawable可以实现一些叠加的效果.
比如:
对于上图的效果要设置给ImageView的src属性才能看到效果.
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
//item 表示一个drawable对象,也可以通过android:drawable属性来引用一个现有drawable对象
//
<item>
//可以设置一个drawable的旋转角度,pivotY,pivotX旋转的偏移量
<rotate android:fromDegrees="90">
<shape android:shape="rectangle">
<solid android:color="#ff0000"/>
<corners android:radius="10dp"/>
//这里设置的width和height对于View来说是没有任何意义的,它会按照View的大小来自适应
<size android:height="20dp" android:width="300dp"/>
</shape>
</rotate>
</item>
<item>
<rotate android:fromDegrees="45">
<shape android:shape="rectangle">
<solid android:color="#00ff00"/>
<corners android:radius="10dp"/>
<size android:height="20dp" android:width="300dp"/>
</shape>
</rotate>
</item>
<item>
<rotate android:fromDegrees="135">
<shape android:shape="rectangle">
<solid android:color="#0000ff"/>
<corners android:radius="10dp"/>
<size android:height="20dp" android:width="300dp"/>
</shape>
</rotate>
</item>
<item>
<rotate android:fromDegrees="180">
<shape android:shape="rectangle">
<solid android:color="#39c5bb"/>
<corners android:radius="10dp"/>
<size android:height="20dp" android:width="300dp"/>
</shape>
</rotate>
</item>
</layer-list>
比较常用的属性有android:left、android:top、android:right、android:bottom,分别表示drawable相对于View的上下左右的偏移量.
待更新...
https://www.cnblogs.com/komine/p/16129426.html
页:
[1]