程序博客网 > ddos攻击防御软件

Android UI集锦——1.Android Drawable分类汇总(2/3)

来源：互联网 发布：ddos攻击防御软件 编辑：程序博客网 时间：2024/06/10 22:20

Android UI集锦——1.Android Drawable分类汇总(2/3)

　　　　　　　　　　　　　　　～转载请注明出处coder-pig


本节引言:

在上一节中我们已经对了解了4个Android Drawable,他们分别是:

ColorDrawable,NinePatchDrawable,ShapeDrawable与GradientDrawable!

本节我们再来接着学习另外五个Drawable,分别是:

BitmapDrawable,InsertDrawable,ClipDrawable,RotateDrawable,AnimationDrawable!

好了,开始本节内容!大笑



本节正文:


Android各种Drawable的大纲图:



1.BitmapDrawable:

对Bitmap的一种封装,可以设置它包装的bitmap在BitmapDrawable区域中的绘制方式,有:

平铺填充,拉伸填或保持图片原始大小!以<bitmap../>为根节点!


相关属性:

src:图片资源~

antialias:是否支持抗锯齿

filter:是否支持位图过滤,支持的话可以是图批判显示时比较光滑

dither:是否对位图进行抖动处理

gravity:若位图比容器小,可以设置位图在容器中的相对位置

tileMode:指定图片平铺填充容器的模式,设置这个的话,gravity属性会被忽略,有以下可选值:

               disabled(整个图案拉伸平铺),(原图大小),repeat(平铺),mirror(镜像平铺)

分别的效果如下:



①XML定义BitmapDrawable:

[html] view plain copy print?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <bitmap xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:dither="true"  
  4.     android:src="@drawable/ic_launcher"  
  5.     android:tileMode="mirror" />  

②实现相同效果的Java代码:

[java] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. BitmapDrawable bitDrawable = new BitmapDrawable(bitmap);  
  2. bitDrawable.setDither(true);  
  3. bitDrawable.setTileModeXY(TileMode.MIRROR,TileMode.MIRROR);  




2.InsetDrawable:

表示把一个Drawable嵌入到另外一个Drawable的诶不,并且在内部留一些间距,类似与

Drawable的padding属性,但padding表示的是Drawable的内容与Drawable本身的边距!

而InsetDrawable表示的是两个Drawable与容器之间的边距,当控件需要的背景比实际的边框

小的时候,比较适合使用InsetDrawable,比如使用这个可以解决我们自定义Dialog与屏幕之间

的一个间距问题,相信做过的朋友都知道,即使我们设置了layout_margin的话也是没用的,这个

时候就可以用到这个InsetDrawable了!只需为InsetDrawable设置一个insetXxx设置不同

方向的边距,然后为设置为Dialog的背景即可！


相关属性:

1.drawable:引用的Drawable,如果为空,必须有一个Drawable类型的子节点!

2.visible:设置Drawable是否额空间

3.insetLeft,insetRight,insetTop,insetBottm:设置左右上下的边距


①XML中使用:

[html] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <inset xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:drawable="@drawable/test1"  
  4.     android:insetBottom="10dp"  
  5.     android:insetLeft="10dp"  
  6.     android:insetRight="10dp"  
  7.     android:insetTop="10dp" />  

②Java代码中使用:

[java] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. InsetDrawable insetDrawable = new InsetDrawable(getResources()  
  2.         .getDrawable(R.drawable.test1), 10, 10, 10, 10);  

运行结果截图:





3.ClipDrawable:

Clip可以译为剪的意思,我们可以把ClipDrawable理解为从位图上剪下一个部分;

Android中的进度条就是使用ClipDrawable来实现的,他根据设置level的值来决定剪切

区域的大小,根节点是<clip../>


相关属性:

clipOrietntion:设置剪切的方向,可以设置水平和竖直2个方向

gravity:从那个位置开始裁剪

drawable:引用的drawable资源,为空的话需要有一个Drawable类型的子节点

ps:这个Drawable类型的子节点:就是在<clip里>加上这样的语句:

<bitmap android:src="@drawable/test4" gravity="center">这样...


使用示例:

核心就是通过代码修改ClipDrawable的level即可!

这里我们实现一个类似于进度条的效果,另外这个Level的值是0~10000哦:

①定义一个ClipDrawable的资源xml:

[html] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <clip xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:clipOrientation="horizontal"  
  4.     android:drawable="@drawable/load"  
  5.     android:gravity="left" />  
②在activity_main主布局文件中设置一个ImageView,将src设置为clipDrawable!

记住是src哦,如果你写成了blackground的话可是会报空指针的哦!!!!

[html] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:orientation="vertical"  
  6.     tools:context="com.jay.example.drawabletest.MainActivity" >  
  7.   
  8.     <ImageView  
  9.         android:id="@+id/imgShow1"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="match_parent"  
  12.         android:src="@drawable/clip_one" />  
  13.   
  14. </LinearLayout>  

③MainActivity.java通过setLevel设置截取区域大小;

[java] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. package com.jay.example.drawabletest;  
  2.   
  3. import java.util.Timer;  
  4. import java.util.TimerTask;  
  5.   
  6. import android.app.Activity;  
  7. import android.graphics.drawable.ClipDrawable;  
  8. import android.os.Bundle;  
  9. import android.os.Handler;  
  10. import android.os.Message;  
  11. import android.widget.ImageView;  
  12.   
  13. public class MainActivity extends Activity {  
  14.   
  15.     private ImageView imgShow1;  
  16.     private ClipDrawable cd;  
  17.     private Handler handler = new Handler() {  
  18.         @Override  
  19.         public void handleMessage(Message msg) {  
  20.             if (msg.what == 0x123) {  
  21.                 cd.setLevel(cd.getLevel() + 500);  
  22.             }  
  23.         }  
  24.     };  
  25.   
  26.     @Override  
  27.     protected void onCreate(Bundle savedInstanceState) {  
  28.         super.onCreate(savedInstanceState);  
  29.         setContentView(R.layout.activity_main);  
  30.         imgShow1 = (ImageView) findViewById(R.id.imgShow1);  
  31.         // 核心实现代码  
  32.         cd = (ClipDrawable) imgShow1.getDrawable();  
  33.         final Timer timer = new Timer();  
  34.         timer.schedule(new TimerTask() {  
  35.             @Override  
  36.             public void run() {  
  37.                 handler.sendEmptyMessage(0x123);  
  38.                 if (cd.getLevel() >= 10000) {  
  39.                     timer.cancel();  
  40.                 }  
  41.             }  
  42.         }, 0, 300);  
  43.     }  
  44. }  

运行效果图:




4.RotateDrawable:

用来对Drawable进行旋转,也是通过setLevel来控制旋转的,最大值也是:10000

相关的属性:

fromDegrees:起始的角度,,对应最低的level值,默认为0

toDegrees:结束角度,对应最高的level值,默认360

pivotX:设置参照点的x坐标,取值为0~1,默认是50%,即0.5

pivotY:设置参照点的Y坐标,取值为0~1,默认是50%,即0.5

ps:如果出现旋转图片显示不完全的话可以修改上述两个值解决!

drawable:设置位图资源

visible:设置drawable是否可见!


另外角度图如下:




使用示例:

在第三点的clipDrawable上做一点点修改即可!

①定义一个rotateDrawable资源文件:

[html] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <rotate xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:drawable="@drawable/restore_logo"  
  4.     android:fromDegrees="-180"  
  5.     android:pivotX="50%"  
  6.     android:pivotY="50%" />  

②activity_main.xml中修改下src指向上述drawable即可,MainActivity只需要把ClipDrawable

改成rotateDrawable即可!

[java] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. package com.jay.example.drawabletest;  
  2.   
  3. import java.util.Timer;  
  4. import java.util.TimerTask;  
  5.   
  6. import android.app.Activity;  
  7. import android.graphics.drawable.RotateDrawable;  
  8. import android.os.Bundle;  
  9. import android.os.Handler;  
  10. import android.os.Message;  
  11. import android.widget.ImageView;  
  12. import android.widget.Toast;  
  13.   
  14. public class MainActivity extends Activity {  
  15.   
  16.     private ImageView imgShow1;  
  17.     private RotateDrawable cd;  
  18.     private Handler handler = new Handler() {  
  19.         @Override  
  20.         public void handleMessage(Message msg) {  
  21.             if (msg.what == 0x123) {  
  22.                 if (cd.getLevel() >= 10000)  
  23.                     Toast.makeText(MainActivity.this, "转完了~",  
  24.                             Toast.LENGTH_LONG).show();  
  25.                 cd.setLevel(cd.getLevel() + 300);  
  26.             }  
  27.         }  
  28.     };  
  29.   
  30.     @Override  
  31.     protected void onCreate(Bundle savedInstanceState) {  
  32.         super.onCreate(savedInstanceState);  
  33.         setContentView(R.layout.activity_main);  
  34.         imgShow1 = (ImageView) findViewById(R.id.imgShow1);  
  35.         // 核心实现代码  
  36.         cd = (RotateDrawable) imgShow1.getDrawable();  
  37.         final Timer timer = new Timer();  
  38.         timer.schedule(new TimerTask() {  
  39.             @Override  
  40.             public void run() {  
  41.                 handler.sendEmptyMessage(0x123);  
  42.                 if (cd.getLevel() >= 10000) {  
  43.                     timer.cancel();  
  44.                 }  
  45.             }  
  46.         }, 0, 300);  
  47.     }  
  48. }  


运行截图:






5.AnimationDrawable:

今天最后一个Drawable了,这个是用来实现Android中帧动画的,就是把一系列的Drawable,

按照一定得顺序一帧帧地播放;Android中动画比较丰富,有传统补间动画,平移,缩放等等效果,

但是这里我们仅仅介绍这个AnimationDrawable实现帧动画,关于alpha,scale,translate,rotate

等,后续在动画章节再进行详细的介绍~我们这里使用<animation-list../>作为根节点


相关属性方法:

oneshot:设置是否循环播放,false为循环播放!!!

duration:帧间隔时间,通常我们会设置为300毫秒~

我们获得AniamtionDrawable实例后,需要调用它的start()方法播放动画,另外要注意

在OnCreate( )方法中调用的话,是没有任何效果的,因为View还没完成初始化,我们可以

用简单的handler来延迟播放动画!当然还有其他的方法,可见下述链接:

Android AnimationDrawable start()没效果!

使用这个AnimationDrawable来实现帧动画真的是非常方便的~


代码示例:

①先定义一个AnimationDrawable的xml资源文件:

[html] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:oneshot="false" >  
  4.   
  5.     <item  
  6.         android:drawable="@drawable/anim1"  
  7.         android:duration="300"/>  
  8.     <item  
  9.         android:drawable="@drawable/anim2"  
  10.         android:duration="300"/>  
  11.     <item  
  12.         android:drawable="@drawable/anim3"  
  13.         android:duration="300"/>  
  14.     <item  
  15.         android:drawable="@drawable/anim4"  
  16.         android:duration="300"/>  
  17.     <item  
  18.         android:drawable="@drawable/anim5"  
  19.         android:duration="300"/>  
  20.   
  21. </animation-list>  

②activity_main.xml设置下src,然后MainActivity中:

[java] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. package com.jay.example.drawabletest;  
  2.   
  3. import android.app.Activity;  
  4. import android.graphics.drawable.AnimationDrawable;  
  5. import android.os.Bundle;  
  6. import android.os.Handler;  
  7. import android.widget.ImageView;  
  8.   
  9. public class MainActivity extends Activity {  
  10.   
  11.     private ImageView imgShow1;  
  12.     private AnimationDrawable ad;  
  13.   
  14.     @Override  
  15.     protected void onCreate(Bundle savedInstanceState) {  
  16.         super.onCreate(savedInstanceState);  
  17.         setContentView(R.layout.activity_main);  
  18.         imgShow1 = (ImageView) findViewById(R.id.imgShow1);  
  19.         // 核心实现代码  
  20.         ad = (AnimationDrawable) imgShow1.getDrawable();  
  21.         Handler handler = new Handler();  
  22.         handler.postDelayed(new Runnable() {  
  23.             @Override  
  24.             public void run() {  
  25.                 ad.start();  
  26.             }  
  27.         }, 300);  
  28.     }  
  29. }  

运行截图:



还是比较有趣的,UC浏览器连不到网提示页面后面有个会动的动画,估计也是拿这个来实现的,

反编译apk后找不到相应的动画图片,只能拿这个小花来代替了~





最后说两句:

好了,今天的2/3的drawable就讲解到这,也是灰常有趣的,大家可以发挥自己的创造力,

弄出点好玩的东西来,(*^__^*) 嘻嘻……,

0 0
ddos攻击防御软件 ddos攻击防御软件
原创粉丝点击
热门IT博客
博科软件价格博科软件价格
mac磁盘管理在哪里mac磁盘管理在哪里
淘宝卖家信用度
淘宝1元抢拍是真的吗
淘宝加购
公司网络
阿里云服务器上传php
手机淘宝怎么投诉假货
软件招标文件范本
淘宝自然流量怎么看
孙中山萝莉控 知乎
防黄软件手机软件
俄文翻译软件
淘宝店怎么加入淘宝客
硕士论文修改软件
先学编程还是数据库
js将int转为string
新乡学院网络管理系统
sql server查询器
学表演知乎
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 张学友没有我你怎么办 要是没有你我该怎么办 没有你我该怎么办说说 没有你我该怎么办歌曲 歌词没有你我该怎么办 没有你我该怎么办台词 没有你我该怎么办 罗丹 没有了你我该怎么办 没有我你怎么办歌明 没有我你怎么办的歌 子宫内膜异位该怎么办 没有你怎么办严爵下载 没有你怎么办严爵吉他 车一年没买保险怎么办 鱼刺卡在喉咙里怎么办 孩子不认真读题怎么办 大腿上有肥胖纹怎么办 鱼缸led灯坏了怎么办 灯带安装是转角怎么办 魔术贴没粘性了怎么办 美拍直播没人气怎么办 u盘启动做好后怎么办 演唱汇k歌不了怎么办 李恩珍爱情该怎么办 唱吧登录不上怎么办 刷咯平台的钱怎么办 支付宝超过20万怎么办 换手机号了微信怎么办 手机换号了微信怎么办 眼睛太小又单怎么办 20岁了还是平胸怎么办 老公放不下小三怎么办 知道小三的qq号怎么办 知道老公有小三怎么办 约网友见面嫌丑怎么办 活人被配了阴婚怎么办 我不知道该怎么办 英文 在你无助的时候怎么办 上智齿长歪了怎么办 虎骨手串味道重怎么办 苹果6指南针坏了怎么办

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里