码迷,mamicode.com
首页 > 移动开发 > 详细

android:整理drawable(余下的)(三)

时间:2020-01-20 00:29:26      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:site   维护   set   gravity   ase   就会   影响   res   ott   

前言

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

技术图片

然后我写下了下一个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>

效果:
技术图片

当然我们知道图片可以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>

效果:
技术图片

StateListDrawable

说起这个,想让想起了web前端开发的css 与 js。在前端中,比如我们按下了一个链接,点过了和没点过是不同颜色,鼠标放上去又是另一个颜色,这是系统默认的。
当然我们可以通过css去改变他们,比如a:hovor,a:visited,分别表示鼠标经过的颜色和访问过了的颜色。
举个栗子:
技术图片
人民网,我放上去颜色变化了。
那么这个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

这个是非常常用的一个东西,因为他给我们设置了透明。
技术图片
图有点大哈,大概就是这个意思。
具体如下:

技术图片
我划线的区域就是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,也就是裁剪一半后,就会向下偏移。

总结

drawable 有很多功能性的东西,如果美工设置的好,素材裁剪的好,很多样式是可以用drawable去实现的,这样节省了很多适应性代码。

android:整理drawable(余下的)(三)

标签:site   维护   set   gravity   ase   就会   影响   res   ott   

原文地址:https://www.cnblogs.com/aoximin/p/12215783.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!