Drawable解析1——ColorDrawable、BitmapDrawable、ClipDrawabl和ScaleDrawable

本文涉及的产品
云解析 DNS,旗舰版 1个月
云解析DNS,个人版 1个月
全局流量管理 GTM,标准版 1个月
简介: Drawable资源是Android应用中使用最广泛的资源,它不仅可以使用各种格式的图片资源,也可以使用多种xml文件资源。
Drawable资源是Android应用中使用最广泛的资源,它不仅可以使用各种格式的图片资源,也可以使用多种xml文件资源。当然直接使用图片资源没什么好说的,我们主要是要研究下Drawable的子类。Android把可绘制的对象抽象成Drawable,并且提供了draw方法,可以在需要的时候直接绘制到画布上,我们看下官方的API


1、有点多,我们就慢慢说吧,先从最简单的一个说起——ColorDrawab,当他被绘制到画布上时会使用一种固定的颜色填充Paint,在画布上绘制出一块单色区域
  • 在xml文件使用color作为根节点来创建,如下定义:
<?xml version="1.0" encoding="utf-8"?>
<color
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#ff0000" /> 

  • 使用java代码则是:
ColorDrawable  colorDrawable = new ColorDrawable(0xffff0000);

有一点要注意:在代码中一定要指出透明度,如果省略了就代表完全透明了

  • 当然上面这些用法,其实用得不多,更多的时候我们是在res/values目录下创建一个color.xml 文件,然后把要用到的颜色值写到里面,需要的时候通过@color获得相应的值,比如:
<?xml version="1.0" encoding="utf-8"?>  
<resources>  
    <color name="red">#ffff0000</color>
    <color name="green">#ff00ff00</color>
    <color name="blue">#ff0000ff</color>
</resources>

然后如果是在xml文件中话我们可以通过@color/xxx获得对应的color值, 如果是在Java中:

int mycolor = getResources().getColor(R.color.green); imageview.setBackgroundColor(mycolor);
  • 此外系统也定义了很多颜色供我们使用,可以直接调用
imageview.setBackgroundColor(Color.BLUE);
当然,也可以获得系统颜色再设置
 
  
 
  
int color= getResources().getColor(android.R.color.holo_blue_light);
imageview.setBackgroundColor(color);

  • 利用静态方法argb来设置颜色,Android使用一个int类型的数据表示颜色值,通常是十六进制,即0x开头,颜色值的定义是由透明度alpha和RGB(红绿蓝)三原色来定义的,以"#"开始,后面依次为: 透明度-红-绿-蓝;eg:#RGB #ARGB #RRGGBB #AARRGGBB 。每个要素都由一个字节(8 bit)来表示,所以取值范围为0~255,在xml中设置颜色可以忽略透明度,但是如果你是在Java代码中的话就需要明确指出透明度的值了,省略的话表示完全透明,这个时候就没有效果了~ 比如:0xFF0000虽然表示红色,但是如果直接这样写,什么的没有,而应该这样写:0xFFFF0000,记Java代码设置颜色值,需要在前面添加上透明度~ 示例:(参数依次为:透明度,红色值,绿色值,蓝色值) txtShow.setBackgroundColor(Color.argb(0xff, 0x00, 0x00, 0x00));

2、现在,再说下BitmapDrawable,BitmapDrawable是对bitmap的一种封装,可以设置他包装的bitmap在BitmapDrawable区域内的绘制方式,例如填充、拉伸等,也可以在BitmapDrawable区域内部使用gravity指定的对齐方式

当然,和其他drawable子类一样,BitmapDrawable也有两种实现方式
  • xml布局方式以bitmap作为根节点
<bitmap
    android:src="@drawable/ic_launcher"
     android:antialias="true"
    android:tileMode="repeat" />

  • 使用java方式也很容易
BitmapDrawable bd = (BitmapDrawable) getResources().getDrawable(R.drawable.ic_launcher);
                bd.setGravity(Gravity.CENTER);
                bd.setAntiAlias(true);
               
3、ClipDrawabl代表从其他位图上截取的图片片段,它可以对一个Drawable进行剪切操作,可以控制这个Drawable的剪切区域,以及相对于容器的对齐方式。Android中进度条如果看下源码,就会发现他就是利用ClipDrawable实现的,它根据level的属性值决定剪切区域的大小。在xml文件中使用clip作为根节点定义,看下clip的属性


写个例子,clip.xml如下
    android:drawable="@drawable/android_text"
    android:gravity="left"
    android:orientation="horizontal" />

在xml布局文件中使用android:src属性进行引用(blackground的话可能会报空指针。在java类中,我使用了个线程让他每隔1秒修改下level,如下使用
ImageView imageview3 = (ImageView) findViewById(R.id.iv_main_clip);
        // 获取图片所显示的ClipDrawable对象
        final ClipDrawable drawable = (ClipDrawable) imageview3.getDrawable();
        final Handler handler = new Handler() {
            @Override
            public void handleMessage(Message msg) {
                // 如果该消息是本程序所发送的
                if (msg.what == 0x1233) {
                    // 修改ClipDrawable的level值,Level的值是0~10000!
                    drawable.setLevel(drawable.getLevel() + 200);
                }
            }
        };
        new Thread() {
            public void run() {

                while (drawable.getLevel() < 10000) {
                    Message msg = new Message();
                    msg.what = 0x1233;
                    // 发送消息,通知应用修改ClipDrawable对象的level值。
                    handler.sendMessage(msg);
                    try {
                        Thread.sleep(1000);
                    } catch (InterruptedException e) {
                        // TODO Auto-generated catch block
                        e.printStackTrace();
                    }
                }
            }
        }.start();
    }

看代码就知道大概意思了,每隔一秒就将level增加200,直到大于10000

4、ScaleDrawable是对一个Drawable进行缩放操作,可以根据level属性控制这个drawable的缩放比率,也可以设置它在容器中的对齐方式。在xml文件中使用scale作为根节点来创建ScaleDrawable。节点属性如下

创建ScaleDrawable的代码如下:
<?xml version="1.0" encoding="UTF-8"?>
<scale
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/ic_launcher"
    android:scaleHeight="100%"
    android:scaleWidth="100%"
    android:scaleGravity="bottom" />

举个例子,我在java代码中通过一个SeekBar来设置level进行缩放
mDrawable = (ScaleDrawable) getResources()
                .getDrawable(R.drawable.scale);
        findViewById(R.id.iv_main_scale).setBackground(mDrawable);
        SeekBar seekBar = (SeekBar) findViewById(R.id.seekBar);
        seekBar.setMax(10000);
        seekBar.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {

            public void onStopTrackingTouch(SeekBar seekBar) {
            }

            public void onStartTrackingTouch(SeekBar seekBar) {
            }

            public void onProgressChanged(SeekBar seekBar, int progress,
                    boolean fromUser) {
                mDrawable.setLevel(progress);
            }

        });
看下效果:

源代码
参考:
http://www.runoob.com/w3cnote/android-tutorial-drawable1.html
相关文章
|
XML Java Android开发
Drawable解析3——LayerDrawable、TransitionDrawable、NinePatchDrawable和LevelListDrawabl
1、前两节我们已经说了8个Drawable了,本节继续,第一个,LayerDrawable,表示层图形对象。LayerDrawable用于管理一组drawable,每个drawable处于不同的层,当绘制时会按照顺序将其全部绘制到画布上。
1049 0
|
XML Android开发 数据格式
Drawable解析4——StateListDrawable和AnimationDrawable
1、估计StateListDrawable是大家用的最多一个drawable了,所有的控件背景基本上都使用了StateListDrawable,以实现其在不同状态下显示不同的效果,例如按钮的按下、选中、默认、禁用等多种模式状态。
981 0
|
XML Android开发 数据格式
Drawable解析2——GradientDrawable、ShapeDrawable、InsetDrawable和RotateDrawable
继承上一节,这一节接着说四个子类 1、GradientDrawable表示一个渐变区域,可以实现线性渐变、发散渐变、和平铺渐变。
1253 0
|
15天前
|
机器学习/深度学习 缓存 算法
netty源码解解析(4.0)-25 ByteBuf内存池:PoolArena-PoolChunk
netty源码解解析(4.0)-25 ByteBuf内存池:PoolArena-PoolChunk
|
17天前
|
XML Java 数据格式
深度解析 Spring 源码:从 BeanDefinition 源码探索 Bean 的本质
深度解析 Spring 源码:从 BeanDefinition 源码探索 Bean 的本质
25 3
|
2天前
|
存储 安全 Java
深度长文解析SpringWebFlux响应式框架15个核心组件源码
以上是Spring WebFlux 框架核心组件的全部介绍了,希望可以帮助你全面深入的理解 WebFlux的原理,关注【威哥爱编程】,主页里可查看V哥每天更新的原创技术内容,让我们一起成长。
|
3天前
|
关系型数据库 分布式数据库 数据库
PolarDB-X源码解析:揭秘分布式事务处理
【7月更文挑战第3天】**PolarDB-X源码解析:揭秘分布式事务处理** PolarDB-X,应对大规模分布式事务挑战,基于2PC协议确保ACID特性。通过预提交和提交阶段保证原子性与一致性,使用一致性快照隔离和乐观锁减少冲突,结合故障恢复机制确保高可用。源码中的事务管理逻辑展现了优化的分布式事务处理流程,为开发者提供了洞察分布式数据库核心技术的窗口。随着开源社区的发展,更多创新实践将促进数据库技术进步。
11 3
|
9天前
|
NoSQL Java Redis
【源码解析】自动配置的这些细节都不知道,别说你会 springboot
【源码解析】自动配置的这些细节都不知道,别说你会 springboot
|
16天前
|
存储 NoSQL 算法
Redis(四):del/unlink 命令源码解析
Redis(四):del/unlink 命令源码解析
|
17天前
|
XML Java 数据格式
深度解析 Spring 源码:揭秘 BeanFactory 之谜
深度解析 Spring 源码:揭秘 BeanFactory 之谜
20 1

推荐镜像

更多