热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

详解Android中Drawable方法

这篇文章主要为大家详细介绍了Android中Drawable方法,感兴趣的朋友可以参考一下

本文为大家分享了Android中Drawable方法的详细使用方法,供大家参考,具体内容如下

1. BitmapDrawable相关方法:

新建在drawable目录下面,示例如下:

 

具体每个属性的解释如下:

<&#63;xml version="1.0" encoding="utf-8"&#63;>
 

上述的排版方式只是为了方便查看,不能直接复制到代码中使用

2. ShapeDrawable,纯色、渐变色的drawable

基本示例代码:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  
  
  
  
  
  


各个标签详细说明:

表示图像形状

表示图形形状,有四个选项rectangle(矩形)、oval(椭圆)、line(横线)、ring(圆环),默认是矩形。在使用line和ring时候需要通过stroke属性来指定线的宽度和颜色,否则显示效果将会异常。
当设置ring时,有五个特殊的属性,对应如下:
android:innerRadius——圆环内半径,和innerRadiusRatio同时存在时,以innerRadius为准。
android:thickness——圆环的厚度,及外半径减去内半径
android:innerRAdiusRatio——内半径占整个drawable的宽度比例,默认为9
android:thicknessRadio——厚度咱整个Drawable的比例,默认为3,计算方式为厚度=宽度/n
android:useLevel——一般都应该使用false,除非被当做LevelListDrawable来使用时候

(四个角角度,适用于矩形)

表示shape的四个角的角度。它只试用与矩形,角度值的是圆角的程度,用px来表示。其中radius用来为四个角同意设置角度,优先级比较低。topLeftRadius、topRightRadius、bottomLeftRadius、bottomRightRadius分别表示左上、右上、左下、右下角的角度。

(颜色渐变)

表示渐变填充,它与标签互斥,包含的几个属性值意义如下:
android:angle——渐变角度,默认为零,值必须为45的倍数。
android:centerX——渐变中心点横坐标
android:centerY——渐变中心点纵坐标
android:startColor——渐变起始颜色
android:centerColor——渐变的中间色
android:endColor——渐变的结束色
android:gradientRadius——渐变半径
android:useLevel——一般为false,仅当android:type=”radial”
android:type——渐变的类型,有个linear(线性渐变)、radial(径向渐变)、sweep(扫描线渐变)三种,其中默认为线性渐变

(纯色填充)

通过android:color既可指定shape中填充的颜色

(描边属性)

包含以下常用标签:
android:width——描边的宽度,越大则shape的边缘就会看起来越粗
android:color——描边的颜色
android:dashWidth——组成虚线的线段的宽度
android:dashGap——组成虚线的线段之间的间隔,间隔越大空隙越大

内边距

可以理解为内边距,使用起来和直接在view中加边距类似包含四个属性:android:top、android:bottom、android:left和android:right,分别表示上下左右内边距。

有两个属性android:width和android:height,表示该view的宽高,类似图片本身的宽高,在view中会视情况拉伸。

3. LayerDrawable层次化的Drawable,类似图层

多个drawable的集合,类似图层概念,通过将不同的drawable放置在不同的层上面从而达到一种叠加后的效果,它的语法规则如下:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  
  
 

一个layer-list可以包含多个item,每个item表示一个drawable。上下左右是个属性表示Drawable相对于view的上下左右偏移量,单位为像素。可以通过drawable来直接引用一个drawable资源。也可以直接在item标签下自定义drawable。
默认情况下,layer-list中所有的drawable都会被缩放到view的大小。layer-list有层次概念,下面的drawable会覆盖上面的drawable。通过合理分层,可以实现一些特殊的叠加效果。

4. StateListDrawable(选择器)

选择器标签,对应的标签是,也是一个drawable的集合,常用来根据当前状态改变颜色。

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  
   
 

注意:如果有多个item,那么程序将自动从上到下进行匹配,最先匹配的将得到应用。(不是通过最佳匹配)如果一个item没有任何的状态说明,那么它将可以被任何一个状态匹配。所以默认的item应该放到最后一条,否则会导致下边的选项没有效果。

5. LevelListDrawable(不同等级切换不同drawable)

LevelListDrawable对应于标签,用来表示一个drawable集合。集合中每一个drawable都一个等级,根据不同的等级,LevelListDrawable会切换为对应的Drawable,具体详情如下:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  
    
  


6. TransitionDrawable(可实现淡入淡出)

对应的是标签,用于实现两个drawable之间淡入淡出的效果,具体使用方法如下

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  
  


使用方式:

定义渐变

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  
  


将渐变添加到背景



在代码中控制

TextView textView = (TextView)findViewById(R.id.button);
TransitionDrawable drawable = (TransitionDrawable)textView.getBackground();
drawable.startTransition(1000);

7. InsetDrawable(内嵌一个Drawable)

可以将Drawable内嵌到自己内部,并在四周留出空隙,一般用在希望自己背景比自己实际区域小的view中。

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  
 

8. ScaleDrawable(缩放类,可以缩小)

对应的代码如下:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 

在使用时时候必须设置Drawable的级别,否则无法使用,设置级别的代码如下:

View testScale = findViewById(R.id.test_scale);
scaleDrawable testScaleDrawable = (ScaleDrawable)testScale.getBackground();
testScaleDrawable.setLevel(1);//范围是1~10000,只要不为零就可以

9. ClipDrawable(根据不同设置裁剪Drawable)

可以根据当前等级来裁剪另一个Drawable,具体的代码如下:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 

top——放置到顶部,如果为竖直裁剪,那么从底部开始裁剪
bottom——放到底部,如果为竖直裁剪,那么从顶部开始裁剪
left——放到左边,如果为水平裁剪,那么从右开始裁剪(此为默认)
right——放到右边,若为水平裁剪,那么从左边开始裁剪
center_vertical——竖直居中,竖直裁剪时,上下同时裁剪
fill_vertical——竖直方向填充,如果为竖直裁剪,仅当clipDrawable等级为0时(此时不可见,为完全裁剪),才有裁剪行为
(水平方向也具有和竖直类似的属性,对应为center_horizontal和fill_horizontal,用法与上面两个类似)
center——中部居中,竖直裁剪时上下同时减,水平裁剪时左右同时减
fill——充满整个drawable,当clipDrawable等级为零时有效
clip_vertical——附加选项,表竖直方向裁剪
clip_horizontal——附加选项,表竖直方向裁剪

使用时候需要在代码中设置等级具体代码如下

ImageViwe testClip = (ImageView)findViewById(R.id.test_clip);
ClipDrawable testClipDrawable = (ClipDrawable)testClip.getDrawable();
//等级为从0到10000,等级0表示完全裁剪,等级10000表示不裁剪
testClipDrawable.setLevel(5000);

以上就是本文的全部内容,希望对大家的学习有所帮助。


推荐阅读
author-avatar
神烟醉_263
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有