android:整理drawable(余下的)

会挽雕弓如满月,西北望,射天狼。这篇文章主要讲述android:整理drawable(余下的)相关的知识,希望能为你提供帮助。
前言
随着bitmapDrawabe、nithpatchDrawable 与 shapeDrawable 的整理,接下的就更加需要自己的想象设计一些东西。
LayerDrawable
意思是层级性的,layer本身就是层级的意思。层级是有两种的,一种是上一层是否是影响下一层,也就是我们称的包裹,第二种就是披萨一样,一层一层叠上去的。
随着我测试,我发现这个是包裹式的。下面是我测试的。

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

android:整理drawable(余下的)

文章图片

然后我写下了下一个item:
< ?xml version="1.0" encoding="utf-8"?> < layer-list xmlns:android="http://schemas.android.com/apk/res/android"> < item android:drawable="@drawable/testdrawable" > < /item> < item android:drawable="@drawable/testdrawable" android:width="10dp" android:left="10dp" android:top="10dp" android:bottom="10dp" android:right="10dp" > < /item> < /layer-list>

效果:
android:整理drawable(余下的)

文章图片

当然我们知道图片可以url一个链接同样也可以url一个base64,在这个场合却不是base64,而是可以在item自己包裹一个drawable。
如下:
< ?xml version="1.0" encoding="utf-8"?> < layer-list xmlns:android="http://schemas.android.com/apk/res/android"> < item android:height="10dp" android:top="20dp"> < shape android:shape="rectangle"> < solid android:color="@color/colorAccent"> < /solid> < /shape> < /item> < /layer-list>

效果:
android:整理drawable(余下的)

文章图片

StateListDrawable
说起这个,想让想起了web前端开发的css 与 js。在前端中,比如我们按下了一个链接,点过了和没点过是不同颜色,鼠标放上去又是另一个颜色,这是系统默认的。
当然我们可以通过css去改变他们,比如a:hovor,a:visited,分别表示鼠标经过的颜色和访问过了的颜色。
举个栗子:
android:整理drawable(余下的)

文章图片

人民网,我放上去颜色变化了。
那么这个StateListDrawable就是干这回事的,当然我们也可以通过control去控制,相当于js吧,但是无论从代码维护上还是性能上,css的实现往往更占优势。
栗子:
< ?xml version="1.0" encoding="utf-8"?> < selector xmlns:android="http://schemas.android.com/apk/res/android" android:constantSize="true" android:dither="true" android:variablePadding="false" > < item android:drawable="@drawable/otherrectangle" android:state_pressed="true" android:state_focused="true" android:state_selected="true" android:state_enabled="true" > < /item> < item android:drawable="@drawable/rectangle"> < /item> < /selector>

上面selector 我举例了三个属性:
1.constantSize 这个就很关键了,因为我们不同的drawable,我们可能设置不同的大小(实际上是比例)。在这里我们需要切换,那么切换后我们是否按照原来的大小呢。
比如说,我又一个drawable 是宽高100和200。然后另一个item宽高是100和300。显然两种的大小不一致,这个属性就是询问你,如果在100和200的drawable时候变成100和300。
注:以最大值为准。
2.dither,是否开启抖动,前面提及过,就不长篇了。大致就是是否降低颜色失真。
3.variablePadding:和contanSize同理,contanSize问大小,这个问padding时候统一为每个drawable的最大值。
item里面,我举例了很多属性,比如说按下去的时候,聚焦的时候等。
最后呢,最最最重要的就是默认的一定要放置到最后。为什么呢?
我们想象一下,其实这和就是根据if else来实现的,如果if 了就没有else。所以默认的就需要放到最后了。
LevelListDrawable
这个就和stateListDrawable 有异曲同工之妙。
可以说是stateListDrawable的一个补充。
比如说按钮a的状态改变了,然后需要改变自身,我们使用stateListDrawable。那需要改变b按钮的,我想这是我们stateListDrawable 无法实现的。
栗子:
< ?xml version="1.0" encoding="utf-8"?> < level-list xmlns:android="http://schemas.android.com/apk/res/android"> < item android:drawable="@drawable/rectangle" android:maxLevel="100" android:minLevel="10" > < /item> < item android:drawable="@drawable/otherrectangle"> < /item> < /level-list>

然后我们只要使用view.setLevel=xx就可以了,同样默认的放在最后。
TranstionDrawable
表面意思是转换,其实是淡入淡出的效果,在前端这个似乎成了对应词了。
< ?xml version="1.0" encoding="utf-8"?> < selector xmlns:android="http://schemas.android.com/apk/res/android"> < item android:drawable="@drawable/rectangle" > < /item> < item android:drawable="@drawable/otherrectangle"> < /item> < /selector>

第一个item是默认显示的,那么第二个需要我们自己去触发,而不是开场动画。
下面是触发代码:
TextView textView= findViewById(R.id.test); TransitionDrawable transitionDrawable=(TransitionDrawable)textView.getBackground(); transitionDrawable.startTransition(1000);

设置在1秒内完成淡入淡出的效果。
InsetDrawable
这个是非常常用的一个东西,因为他给我们设置了透明。
android:整理drawable(余下的)

文章图片

图有点大哈,大概就是这个意思。
具体如下:
android:整理drawable(余下的)

文章图片

我划线的区域就是50dp哈。
ScaleDrawable
很显然这个是缩小,人家都叫Scale 了。
< ?xml version="1.0" encoding="utf-8"?> < scale xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@color/colorPrimary" android:scaleGravity="bottom" android:scaleHeight="70%" android:scaleWidth="70%" > < /scale>

我们可以通过scaleHeight和scaleWidth来缩放比例。
同样如何我们设置了view.level 来设置缩放。比例是1-10000,大概就level/10000,是在70%上的基础。因为level 默认为0,所以不设置就显示不出来。
ClipDrawable
clip就是裁剪的意思。
< ?xml version="1.0" encoding="utf-8"?> < clip xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@color/colorPrimary" android:clipOrientation="horizontal" android:gravity="bottom" > < /clip>

clipOrientation 表示裁剪的方向。
gravity 表示裁剪后会有一定的偏差,也就是会留出一定的空隙,那么我该如何偏移。比如说裁剪方向是竖直方向,然后gravity是botton。
那么如果我设置level是5000,也就是裁剪一半后,就会向下偏移。
总结
【android:整理drawable(余下的)】drawable 有很多功能性的东西,如果美工设置的好,素材裁剪的好,很多样式是可以用drawable去实现的,这样节省了很多适应性代码。

    推荐阅读