• 系统的Drawable(一)


    系统的Drawable(一)

    学习自

    《Android 开发艺术探索》
    《官方文档》
    https://www.cnblogs.com/popfisher/p/6238119.html
    http://www.runoob.com/w3cnote/android-tutorial-drawable1.html

    Drawable漫谈

    首先学习一个东西,先找找最权威的解释,当然是官方文档了,我先先来看看官方文档是如何描述Drawable的.

    Provides classes to manage a variety of visual elements that are intended for display only, such as bitmaps and gradients. These elements are often used by widgets as background images or simply as indicators (for example, a volume level indicator).
    提供一些类来管理一系列的仅用来显示的可视化元素,比如bitmap和渐变. 这些元素经常被控件用作背景或者简单地作为指示器(Indicator)(比如说,音量指示器)。
    You can create most of these drawables using XML, as described in Drawable Resources.
    你可以通过xml在Drawable目录下声明大多数的Drawable

    现在我们对Drawable有了一个大概的认识,即Drawable时一种可视化资源,比如说简单的颜色,图片,Shape等,同时Drawable也是一个类,但是这个类的实例可以通过Xml文件的形式来创建。Drawable类是一个抽象类,位于 android.graphics.drawable 包下,所有的Drawable都继承于它。通过合理的使用Drawable我们可以减少对图片的依赖,减小APK的体积。

    Drawable可以通过代码定义,也可以通过Xml文件定义,但是代码定义比较繁琐也不利于复用,所以我们一般习惯通过XML文件来定义Drawable。

    Google 提供了多种Drawable,接下来我们一一学习它们。

    Android系统的Drawable概览

    ### ColorDrawable ColorDrawable仅仅代表的是一种颜色,所以也比较简单。 ```xml ``` 通过代码定义 ```kotlin var colorDrawable = ColorDrawable(0xFFF) ```

    GradientDrawable

    GradientDrawable,代表的是一个渐变色,会与 Shape 结合着用,Shape定义形状 GradientDrawable 定义渐变颜色.XML标签是 gradient .

    渐变类型的图例

    图片.png | left | 401x142
    angle的图例

    图片.png | left | 340x282

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <gradient
            android:angle="0"
            android:centerColor="#5F3f"
            android:centerX="0.2"
            android:centerY="0.2"
            android:endColor="#000"
            android:startColor="#FFF"
            android:type="linear" />
    </shape>
    

    BitmapDrawable

    BitmapDrawable就是一个Bitmap,使用的时候直接引用Bitmap即可,但是通过使用XML来描述Bitmap可以设置更多的效果.BitmapDrawable的属性如下:

    属性 描述
    scr 图片资源,该属性是必须设置的
    antialias 是否开启抗锯齿,开启后会让图片变的平滑,建议开启
    dither 抖动效果,当高质量的图片显示在低质量的屏幕上的时候,不会过于失真,建议开启
    filter 过滤效果,当图片被压缩/拉伸的时候保存较好的显式效果
    gravity 当图片小于容器的大小的时候,通过此属性可以为图片定位
    tileMode 平铺模式,设置了此值的话gravity会失效分为 [disable] [clamp] [repeat] [mirro]
    mipMap 纹理映射,不常用,默认值为false,我也没搞懂
    <?xml version="1.0" encoding="utf-8"?>
    <bitmap xmlns:android="http://schemas.android.com/apk/res/android"
        android:antialias="true"
        android:dither="true"
        android:filter="true"
        android:src="@drawable/dog" />
    

    Nine-pacth Drawable

    可以用来描述一个 .9图 ,个人感觉比较鸡肋,因为AS的.9图设计器非常好使,这里就不多说了,我想我几乎是不会使用XML来制作.9图的。大家如果感兴趣,可以去学习一下。

    ShapeDrawable

    我想这个Drawable是最常用的Drawable了,用来定义各种形状。下面是ShapeDrawable的属性:

    上面的思维导图中列出的,ShapeDrawable的属性,我们来看一看这些属性的详细信息.

    Shape

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="ring">
    

    shape 属性定义的ShapeDrawable的形状,其中有4个值 oval(椭圆形) line(线形) rectangle(正方形) ring(环形)

    solid

    单色填充形状,需要注意的是,此属性和 gradient 属性是冲突的,只能生效一个。

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <solid android:color="#FFF" />
    </shape>
    

    gradient

    这一属性在上面已经介绍过,这里就不在赘述。

    corners

    设置圆角,可以四个角统一设置,也可以分别设置。

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <corners android:radius="45dp" />
    </shape>
    

    padding

    padding 内边距,这个属性比较奇怪,虽然它定义在Shape中,但是它代表的是View的内容与View的边距l。

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <solid android:color="#000" />
        <padding
            android:left="10dp"
            android:top="20dp" />
    </shape>
    

    效果图如下:

    图片.png | left | 369x134

    size

    size 代表的是Shape的__固有大小__,但是一般来说,通过size设置的大小并不是shape的最终的显式大小,在这里我们需要了解一下固有大小的概念,Drawable类有两个方法 getIntrinsicWidthgetIntrinsicHeight 来获取Drawable的固有宽高,对于BitmapDrawable来说,固有宽高代表的是Bitmap的宽和高。而Shape是默认没有固有宽高的(默认值为-1),但是如果通过了size属性为Shape设置了宽和高,那么Shape就有了固有宽高,但是这仅仅代表的是ShapeDrawable的固有宽高,但是如果Shape作为背景的话是不受固有宽高影响的依然会根据View的大小拉伸或压缩。

    stroke

    stroke代表的是Shape的边框.

    <stroke
        android:width="1dp"
        android:color="#FFF"
        android:dashGap="1dp"
        android:dashWidth="3dp" />
    

    属性解释:

    • width 设置边框的宽度
    • color 设置边框的颜色
    • dashGap如果设置了此值,那么边框的样式就会成为虚线,该值代表的是虚线与是虚线之间的间隔的大小
    • dashWidth 代表的是,每一条虚线的宽度

    总结

    这一片文章,我们主要学习了5个Drawable,其中Shape是最重要的。接线来的文章中,我们还会继续学习其他的Drawable直到学完系统的13种Drawable.

  • 相关阅读:
    ES数据库重建索引——Reindex(数据迁移)
    ES数据库搜索
    Elasticsearch及相关插件的安装
    初识ES数据库
    Oracle数据库(二)
    Oracle数据库(一)
    DBUtils和连接池
    动态页面技术(EL/JSTL)
    Istio安装
    idea正则替换下划线为驼峰
  • 原文地址:https://www.cnblogs.com/slyfox/p/9327216.html
Copyright © 2020-2023  润新知