android bitmap转图片_Android 这些 Drawable 你都会用吗？

最新推荐文章于 2023-04-04 11:58:20 发布
最新推荐文章于 2023-04-04 11:58:20 发布
阅读量162 收藏
点赞数
文章标签： android bitmap转图片 android constraintlayout垂直居中 android drawable转bitmap android studio drawable图片找不到 android studio设置按钮圆角 android view设置按钮颜色

5970d5e9e10477a960c0e2deaf00b786.gif

在实际开发的过程中，除了广为人知的利用 StateListDrawable 设置按钮点击特效，我们有时可能会接到一些这样的需求，比如要求我们的头像显示成圆形或者圆角矩形，甚至要加上可变颜色的边框，或者要求你做一套启动、暂停、快进和快退的视频控制按钮并且可以改变按钮图标颜色。可能某些时候第一反应就是用自定义 View 来实现，但是如果熟悉了 Drawable 的用法之后，这些效果同样可以利用它来完成，而选择哪种 Drawable 来实现也大有讲究。

Google 官方文档中列出了各种各种各样的 Drawable，那么它们都是如何使用的呢？

736c27052b77d3b03434e78ed7993a5b.png

本系列文章将分为两个部分，介绍其中大部分 Drawable 的用法。

2. BitmapDrawable

BitmapDrawable 可以看作是对 Bitmap 的一种包装，它可以设定 Bitmap 的显示方式、位置等属性。

2.1 语法

BitmapDrawable 对应 标签定义，xml 语法如下：

<?xml  version="1.0" encoding="utf-8"?>
<bitmapxmlns:android="http://schemas.android.com/apk/res/android"android:src="@[package:]drawable/drawable_resource"android:antialias=["true" | "false"]android:dither=["true" | "false"]android:filter=["true" | "false"]android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" |
                      "fill_vertical" | "center_horizontal" | "fill_horizontal" |
                      "center" | "fill" | "clip_vertical" | "clip_horizontal"]android:mipMap=["true" | "false"]android:tileMode=["disabled" | "clamp" | "repeat" | "mirror"]  />

其中各个属性的含义分别是：

属性含义
srcBitmap 对象的引用路径
antialias抗锯齿效果，建议开启
dither是否防抖动。当位图像素与屏幕像素不匹配(如 ARGB_8888 的位图显示在 RGB_565 的屏幕上)时，防止图片失真，建议开启
filter是否启用位图过滤。开启后，当图片进行拉伸或者压缩时，能够进行平滑过渡
gravity当位图尺寸小于容器尺寸时在容器中的摆放位置
mipMap启用或停用 mipmap 提示，默认为 false
tileMode平铺模式。默认：disable；clamp：复制边沿的颜色；repeat：水平和垂直方向重复绘制图片；mirror：水平和垂直方向交替镜像进行重复绘制

2.2 用法示例

下面以定义一个使用图片作为背景的 Drawable 为例，展示 BitmapDrawable 的简单实用方法。

定义

<?xml  version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"android:src="@mipmap/kakarotto"android:antialias="true"android:dither="true"android:filter="true"android:gravity="center"android:tileMode="repeat"/>

使用

<?xml  version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/bitmap_drawable"tools:context=".MainActivity">

    <TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Hello World!"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent" />

androidx.constraintlayout.widget.ConstraintLayout>

效果图

ed7fa4e65b27c04a2031e5cf98114356.png

3. ShapeDrawable 和 GradientDrawable

官方文档中对 ShapeDrawable 的定义是这样的：

A Drawable object that draws primitive shapes. A ShapeDrawable takes a Shape object and manages its presence on the screen.  If no Shape is given, then the ShapeDrawable will default to a RectShape.

This object can be defined in an XML file with the element.

即它是一个用来绘制原始形状的 Drawable 对象。

而对 GradientDrawable 的定义是：

A Drawable with a color gradient for buttons, backgrounds, etc.

It can be defined in an XML file with the element. For more information, see the guide to Drawable Resources.

根据描述可知，它是一个具有色彩梯度(color gradient)的 Drawable。

3.1 语法

GradientDrawable 和 ShapeDrawable 都采用 shape  标签来定义，和 ShapeDrawable 最大的不同的就是它拥有 gradient 属性，下面以 GradientDrawable 为例，讲解 shape 标签的用法，它的语法如下：

<?xml  version="1.0" encoding="utf-8"?>
<shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape=["rectangle" | "oval" | "line" | "ring"] >
    <cornersandroid:radius="integer"android:topLeftRadius="integer"android:topRightRadius="integer"android:bottomLeftRadius="integer"android:bottomRightRadius="integer" />
    <gradientandroid:angle="integer"android:centerX="integer"android:centerY="integer"android:centerColor="integer"android:endColor="color"android:gradientRadius="integer"android:startColor="color"android:type=["linear" | "radial" | "sweep"]android:usesLevel=["true" | "false"] />
    <paddingandroid:left="integer"android:top="integer"android:right="integer"android:bottom="integer" />
    <sizeandroid:width="integer"android:height="integer" />
    <solidandroid:color="color" />
    <strokeandroid:width="integer"android:color="color"android:dashWidth="integer"android:dashGap="integer" />
shape>

其中各个属性标签的含义分别是：

android:shape

表示形状，它的值可以是 rectangle(矩形)、oval(椭圆)、line(横线)和 ring(圆环)，默认为 rectangle。此外，当形状值是 ring 的时候，还有一下几个属性可配置：

属性含义
android:innerRadius圆环的内半径。与 innerRadiusRatio 同时设置时，以 innerRadiusRatio 为准
android:innerRadiusRatio圆环的内半径占环宽度的比率
android:thickness圆环厚度。与 thicknessRatio同时设置时，以 thicknessRatio 为准
android:thicknessRatio圆环的厚度占环宽度的比率
android:useLevel一般为 false，否则可能达不到预期显示效果，除非把它当作 LevelListDrawable 来使用
<cornersandroid:radius="integer"android:topLeftRadius="integer"android:topRightRadius="integer"android:bottomLeftRadius="integer"android:bottomRightRadius="integer" />

指图形的圆角半径，仅当 shape 属性为 rectangle 即形状是矩形时生效，数值越小越接近直角，android:radius 同时设置四个角的半径，其他四个属性则可单独设置某个角的半径。

<gradientandroid:angle="integer"android:centerX="integer"android:centerY="integer"android:centerColor="integer"android:endColor="color"android:gradientRadius="integer"android:startColor="color"android:type=["linear" | "radial" | "sweep"]android:usesLevel=["true" | "false"] />

表示颜色渐变，它的各个属性值的含义分别是：

属性含义
android:angle渐变的角度。必须是 45 的倍数，默认值为 0。0 为从左到右，90 为从上到下
android:centerX渐变中心的相对 X 轴位置 (0 - 1.0)
android:centerY渐变中心的相对 Y 轴位置 (0 - 1.0)
android:startColor渐变的起始颜色
android:centerColor渐变的中间颜色
android:endColor渐变的结束颜色
android:gradientRadius渐变的半径，仅在 android:type="radial" 时适用
android:useLevel一般为 false，否则可能达不到预期显示效果，除非把它当作 LevelListDrawable 来使用
android:type渐变类别。它的值可以为：linear(线性)，默认值、radial(径内渐变)和sweep(扫描渐变)

距离内容或者子元素的内边距，每个方向可以单独设置。

设置 shape 大小，width 表示宽度，height 表示高度。需要注意的是，这个一般并不是 shape 的最终大小，如果用作 View 的背景，它的大小是由 View 的大小来决定的。

表示纯色填充，color 属性为填充的颜色。

边框描述，它的各个属性值的含义分别是：

属性含义
android:width边框宽度
android:color边框颜色
android:dashWidth虚线的线段宽度
android:dashGap虚线之间的空白间隔

需要注意的是，如果需要设置边框虚线效果，则需要同时设置 dashWidth 和 dashGap 的值不为 0，否则无法显示虚线效果。

3.2 用法示例

下面以定义一个圆角并带有其他效果的 Drawable 为例，展示 GradientDrawable 的简单用法。

定义

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

    
    <cornersandroid:topLeftRadius="15dp"android:topRightRadius="15dp"android:bottomLeftRadius="15dp"android:bottomRightRadius="15dp"/>

    
    <paddingandroid:left="10dp"android:top="10dp"android:right="10dp"android:bottom="10dp" />

    
    <gradient android:angle="45"android:type="linear"android:startColor="#ff0000"android:centerColor="#00ff00"android:endColor="#0000ff" />

    
    <sizeandroid:width="200dp"android:height="100dp" />

    
    <strokeandroid:width="2dp"android:color="#000000"android:dashWidth="7dp"android:dashGap="3dp" />

shape>

使用

<?xml  version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".GradientDrawableActivity">

    <Buttonandroid:text="Button"android:layout_width="200dp"android:layout_height="100dp"android:background="@drawable/gradient_drawable"android:id="@+id/textView"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>

效果图

26555d4d22067a0d430d1ef2cffdc36f.png

4. StateListDrawable

StateListDrawable 可以根据对象的状态并使用不同的 item(Drawable) 对象来表示同一个图形。如可以根据 Button 的状态(按下、获取焦点等)来显示不同的 Drawable 从而实现点击的效果。

4.1 语法

定义 StateListDrawable 的语法格式如下：

<?xml  version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"android:constantSize=["true" | "false"]android:dither=["true" | "false"]android:variablePadding=["true" | "false"] android:autoMirrored=["true" | "false"] android:enterFadeDuration="integer"android:exitFadeDuration="integer">
    <itemandroid:drawable="@[package:]drawable/drawable_resource"android:state_pressed=["true" | "false"]android:state_focused=["true" | "false"]android:state_hovered=["true" | "false"]android:state_selected=["true" | "false"]android:state_checkable=["true" | "false"]android:state_checked=["true" | "false"]android:state_enabled=["true" | "false"]android:state_activated=["true" | "false"]android:state_window_focused=["true" | "false"] />
selector>

StateListDrawable 的根标签为 各个属性标签的含义分别是：

android:constantSize

由于 StateListDrawable 会根据不同的状态来显示不同的 Drawable，而每个 Drawable 的大小不一定相同，因此当 constantSize 属性的值为 true 时表示固定大小(值为所有 Drawable 固有大小的最大值)，值为 false 时则大小为当前状态下对应的 Drawable 的大小。默认值为 false。

android:variablePadding

表示 StateListDrawable 的 padding 值是否随状态的改变而改变，默认为 false。

android:dither

是否开启抖动效果，默认为 true，建议开启。

android:autoMirrored

某些西亚国家文字是从右至左的，设置此值表示当系统为 RTL (right-to-left) 布局的时候，是否对图片进行镜像翻转。

android:enterFadeDuration 和 android:exitFadeDuration

状态改变时的淡入淡出效果的持续时间

每个 item 表示一个 Drawable，item 的属性含义分别是：

属性含义
android:drawabledrawable 资源，可引用现有的的 Drawable
android:state_pressed是否处于被按下状态
android:state_focused是否已得到焦点状态
android:state_hovered光标是否停留在View的自身大小范围内的状态
android:state_selected是否处于被选中状态
android:state_checkable是否处于可勾选状态
android:state_checked是否处于已勾选状态
android:state_enabled是否处于可用状态
android:state_active是否处于激活状态
android:state_window_focused是否窗口已得到焦点状态

4.2 用法示例

下面以定制一个具有点击效果 Button 的背景为例，展示 StateListDrawable 的用法。

定义

<?xml  version="1.0" encoding="utf-8"?>
<selectorxmlns:android="http://schemas.android.com/apk/res/android"android:visible="true"android:dither="true"android:autoMirrored="true"android:enterFadeDuration="200"android:exitFadeDuration="200" >
    
    <itemandroid:state_focused="true"android:drawable="@drawable/shape_dark" />

    
    <itemandroid:state_pressed="true"android:drawable="@drawable/shape_dark"/>

    
    <itemandroid:drawable="@drawable/shape_light"/>
selector>

使用

<?xml  version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@android:color/holo_orange_dark"tools:context=".LayerDrawableActivity">

    <Buttonandroid:text="Button"android:background="@drawable/drawable_state_list"android:layout_width="wrap_content"android:layout_height="wrap_content"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent" />

androidx.constraintlayout.widget.ConstraintLayout>

效果图

cb7a74d4671d10840519e15f347d998b.gif

5. LayerDrawable

LayerDrawable 是管理 Drawable 列表的 Drawable。列表中的每个 item 按照列表的顺序绘制，列表中的最后 item 绘于顶部。

5.1 语法

定义 LayerDrawable 的语法格式如下：

<?xml  version="1.0" encoding="utf-8"?>
<layer-listxmlns:android="http://schemas.android.com/apk/res/android" >
    <itemandroid:drawable="@[package:]drawable/drawable_resource"android:id="@[+][package:]id/resource_name"android:top="dimension"android:right="dimension"android:bottom="dimension"android:left="dimension" android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" |
                          "fill_vertical" | "center_horizontal" | "fill_horizontal" |
                          "center" | "fill" | "clip_vertical" | "clip_horizontal"] />
layer-list>

LayerDrawable 顶层标签为 ，它可以包含多个 标签，每个 item 表示一个 Drawable，item 的属性含义分别是：

属性含义
android:drawabledrawable 资源，可引用现有的的 Drawable
android:iditem 的 id，使用"@+id/*name*"的形式表示。可通过 View.findViewById() 或者 Activity.findViewById() 方法查找到这个 Drawable
android:top、android:right、android:bottom、android:leftDrawable 相对于 View 在各个方向的偏移量
android:gravity尺寸小于容器尺寸时在容器中的摆放位置

5.2 用法示例

下面以定义一个圆角并带阴影效果的 Drawable 为例，展示 LayerDrawable 的简单使用。

定义

<?xml  version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
    <itemandroid:left="2dp"android:top="4dp">
        <shape>
            <solid android:color="@android:color/darker_gray" />
            <corners android:radius="10dp" />
        shape>
    item>

    
    <itemandroid:bottom="4dp"android:right="2dp"android:drawable="@drawable/shape_light">
    item>
layer-list>

使用

<?xml  version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@android:color/holo_orange_dark"tools:context=".LayerDrawableActivity">

    <LinearLayoutandroid:orientation="vertical"android:background="@drawable/layer_drawable"android:layout_width="match_parent"android:layout_height="wrap_content"android:padding="10dp"android:layout_margin="20dp"tools:layout_editor_absoluteY="331dp"tools:layout_editor_absoluteX="190dp"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent">

        <TextView android:layout_width="match_parent"android:layout_height="wrap_content"android:textColor="#000000"android:text="I'm a title......."android:textSize="20sp" />

        <TextView android:layout_width="match_parent"android:layout_height="wrap_content"android:textColor="@android:color/darker_gray"android:text="content content content content content content content content..."android:textSize="16sp" />

    LinearLayout>

androidx.constraintlayout.widget.ConstraintLayout>

效果图

78c215022e54ffb4838d062b89a09d54.png

6. LevelListDrawable

LevelListDrawable 同样表示一个 Drawable 列表，列表中的每个 item 都有一个 level 值， LevelListDrawable 会根据不同的 level 在不同的 item 之间进行切换。

6.1 语法

定义 LevelListDrawable 的语法格式如下：

<?xml  version="1.0" encoding="utf-8"?>
<level-listxmlns:android="http://schemas.android.com/apk/res/android" >
    <itemandroid:drawable="@drawable/drawable_resource"android:maxLevel="integer"android:minLevel="integer" />
level-list>

LayerDrawable 根标签为 ，它可以包含多个 标签，每个 item 表示一个 Drawable，item 的属性含义分别是：

属性含义
android:drawabledrawable 资源，可引用现有的的 Drawable
android:maxLevel该 item 允许的最大级别，取值范围为[0, 10000]
android:minLevel该 item 允许的最小级别，取值范围为[0, 10000]

6.2 用法示例

定义

<?xml  version="1.0" encoding="utf-8"?>
<level-list xmlns:android="http://schemas.android.com/apk/res/android">
    <itemandroid:drawable="@drawable/kakarotto1"android:maxLevel="0" />

    <itemandroid:drawable="@drawable/kakarotto2"android:maxLevel="1" />

    <itemandroid:drawable="@drawable/kakarotto3"android:maxLevel="2" />

    <itemandroid:drawable="@drawable/kakarotto4"android:maxLevel="3" />

    <itemandroid:drawable="@drawable/kakarotto5"android:maxLevel="4" />
level-list>

使用

<?xml  version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".GradientDrawableActivity">

    <ImageViewandroid:text="Button"android:layout_width="230dp"android:layout_height="150dp"android:src="@drawable/drawable_level_list"android:id="@+id/img"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>

然后控制 ImageView 的 level 即可显示出效果：

class LevelListDrawableActivity : AppCompatActivity() {
    lateinit var mImageView: ImageView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_level_list_drawable)

        mImageView = findViewById(R.id.img)
        for (i in 0..15) {
            mHandler.sendEmptyMessageDelayed(i, (1000 * i).toLong())
        }
    }

    var mHandler: Handler = object: Handler() {
        override fun handleMessage(msg: Message?) {
            msg?.what?.let { mImageView.setImageLevel(it%5) }
        }
    }
}

效果图

eacf4e837de1bb2a0d59c34c6840b2ea.gif

7. InsetDrawable

在有些场景下，我们可能需要设置一个全屏的背景图片，但又想让背景图片跟边框留出一些间隙，这时使用 InsetDrawable 就能很好地解决问题了。

7.1 语法

<?xml  version="1.0" encoding="utf-8"?>
<insetxmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/drawable_resource"android:insetTop="dimension"android:insetRight="dimension"android:insetBottom="dimension"android:insetLeft="dimension" />

根标签为 ，它的各个属性含义分别是：

属性含义
android:drawabledrawable 资源，可引用现有的的 Drawable
android:insetTop、android:insetRight、android:insetBottom、android:insetLeft内容距离各个边框的距离

7.2 用法示例

定义

<?xml  version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/shape_dark"android:insetBottom="10dp"android:insetTop="10dp"android:insetLeft="10dp"android:insetRight="10dp" />

使用

<?xml  version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/drawable_inset">

    <TextViewandroid:textSize="20sp"android:text="TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText"android:layout_width="match_parent"android:layout_height="wrap_content"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintTop_toTopOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>

效果图

b796c84b46c8067fd58564f3747f391b.png

8. ScaleDrawable

ScaleDrawable 可以根据 level 值动态地将 Drawable 进行一定比例的缩放。当 level 的取值范围为 [0, 10000]，当 level 为 0 时表示隐藏；当 level 值为 1 时，Drawable 的大小为初始化时的缩放比例，当 level 值为 10000 时，Drawable 大小为 100% 缩放比例。

8.1 语法

定义 ScaleDrawable  的语法如下：

<?xml  version="1.0" encoding="utf-8"?>
<scalexmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/drawable_resource"android:scaleGravity=["top" | "bottom" | "left" | "right" | "center_vertical" |
                          "fill_vertical" | "center_horizontal" | "fill_horizontal" |
                          "center" | "fill" | "clip_vertical" | "clip_horizontal"]android:scaleHeight="percentage"android:scaleWidth="percentage" />

它的根标签为 ，它的各个属性的含义分别是：

android:drawable

drawable 资源，可引用现有的的 Drawable

android:scaleGravity

当图片尺寸小于 View 时，设置这个属性值可以对图片进行定位，可以使用 ”|“ 符号组合使用，所有值的含义分别为：

值说明
top将对象放在其容器顶部，不改变其大小。
bottom将对象放在其容器底部，不改变其大小。
left将对象放在其容器左边缘，不改变其大小。这是默认值。
right将对象放在其容器右边缘，不改变其大小。
center_vertical将对象放在其容器的垂直中心，不改变其大小。
fill_vertical按需要扩展对象的垂直大小，使其完全适应其容器。
center_horizontal将对象放在其容器的水平中心，不改变其大小。
fill_horizontal按需要扩展对象的水平大小，使其完全适应其容器。
center将对象放在其容器的水平和垂直轴中心，不改变其大小。
fill按需要扩展对象的垂直大小，使其完全适应其容器。
clip_vertical可设置为让子元素的上边缘和/或下边缘裁剪至其容器边界的附加选项。裁剪基于垂直重力：顶部重力裁剪上边缘，底部重力裁剪下边缘，任一重力不会同时裁剪两边。
clip_horizontal可设置为让子元素的左边和/或右边裁剪至其容器边界的附加选项。裁剪基于水平重力：左边重力裁剪右边缘，右边重力裁剪左边缘，任一重力不会同时裁剪两边。

android:scaleHeight

Drawable 高的缩放比例，值越高最终结果越小。

android:scaleWidth

Drawable 宽的缩放比例

8.2 用法示例

这里采用定制一个大小可变的背景为例，展示 ScaleDrawable 的简单用法。

定义

<?xml  version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/kakarotto"android:scaleHeight="80%"android:scaleWidth="80%"android:scaleGravity="center" />

使用

<?xml  version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent">

    <Buttonandroid:text="Button"android:layout_width="200dp"android:layout_height="100dp"android:background="@drawable/drawable_scale"android:id="@+id/button"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>
class ScaleDrawableActivity : AppCompatActivity() {
    lateinit var scaleDrawable: ScaleDrawable
    var curLevel = 0

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_scale_drawable)

        scaleDrawable = findViewById(R.id.button).background as ScaleDrawable
        scaleDrawable.level = 0
        Observable.interval(200, TimeUnit.MILLISECONDS)
            .subscribeOn(Schedulers.io())
            .observeOn(AndroidSchedulers.mainThread()).subscribe {
                scaleDrawable.level = curLevel
                curLevel += 200if (curLevel >= 10000) {
                    curLevel = 0
                }
                Log.e("gpj", "level ${curLevel}")
            }
    }
}

效果图

86da9bdc20468da10766b0ad419133aa.gif

9. ClipDrawable

与 ScaleDrawable 原理相同，ClipDrawable 则可以根据 level 值动态地将 Drawable 进行一定比例的剪裁。当 level 的取值范围为 [0, 10000]，当 level 为 0 时表示隐藏；当 level 值为 1 时，Drawable 的大小为初始化时的剪裁比例，当 level 值为 10000 时，Drawable 大小为 100% 剪裁比例。

9.1 语法

定义 ClipDrawable 的语法规则如下：

<?xml  version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/drawable_resource"android:clipOrientation=["horizontal" | "vertical"]android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" |
                     "fill_vertical" | "center_horizontal" | "fill_horizontal" |
                     "center" | "fill" | "clip_vertical" | "clip_horizontal"] />

它的根标签为 ，各个属性的含义分别是：

android:drawable

drawable 资源，可引用现有的的 Drawable

android:clipOrientation

剪裁方向，horizontal 表示水平方向剪裁，vertical 表示竖直方向剪裁

android:gravity

gravity 属性需要配合 clipOrientation 来使用，可以使用 ”|“ 符号组合使用，所有值的含义分别为：

值说明
top将对象放在其容器顶部，不改变其大小。当 clipOrientation是 "vertical"时，在可绘制对象的底部裁剪。
bottom将对象放在其容器底部，不改变其大小。当 clipOrientation 是 "vertical" 时，在可绘制对象的顶部裁剪。
left将对象放在其容器左边缘，不改变其大小。这是默认值。当 clipOrientation 是 "horizontal" 时，在可绘制对象的右边裁剪。这是默认值。
right将对象放在其容器右边缘，不改变其大小。当 clipOrientation 是 "horizontal"时，在可绘制对象的左边裁剪。
center_vertical将对象放在其容器的垂直中心，不改变其大小。裁剪行为与重力为 "center"时相同。
fill_vertical按需要扩展对象的垂直大小，使其完全适应其容器。当 clipOrientation是 "vertical" 时，不会进行裁剪，因为可绘制对象会填充垂直空间(除非可绘制对象级别为 0，此时它不可见)。
center_horizontal将对象放在其容器的水平中心，不改变其大小。裁剪行为与重力为 "center" 时相同。
fill_horizontal按需要扩展对象的水平大小，使其完全适应其容器。当 clipOrientation 是 "horizontal" 时，不会进行裁剪，因为可绘制对象会填充水平空间(除非可绘制对象级别为 0，此时它不可见)。
center将对象放在其容器的水平和垂直轴中心，不改变其大小。当 clipOrientation 是 "horizontal"时，在左边和右边裁剪。当 clipOrientation是 "vertical"时，在顶部和底部裁剪。
fill按需要扩展对象的垂直大小，使其完全适应其容器。不会进行裁剪，因为可绘制对象会填充水平和垂直空间(除非可绘制对象级别为 0，此时它不可见)。
clip_vertical可设置为让子元素的上边缘和/或下边缘裁剪至其容器边界的附加选项。裁剪基于垂直重力：顶部重力裁剪上边缘，底部重力裁剪下边缘，任一重力不会同时裁剪两边。
clip_horizontal可设置为让子元素的左边和/或右边裁剪至其容器边界的附加选项。裁剪基于水平重力：左边重力裁剪右边缘，右边重力裁剪左边缘，任一重力不会同时裁剪两边。

9.2 用法示例

定义

<?xml  version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/drawable_resource"android:clipOrientation=["horizontal" | "vertical"]android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" |
                     "fill_vertical" | "center_horizontal" | "fill_horizontal" |
                     "center" | "fill" | "clip_vertical" | "clip_horizontal"] />

使用

<?xml  version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent">

    <Buttonandroid:text="Button"android:layout_width="200dp"android:layout_height="100dp"android:background="@drawable/drawable_clip"android:id="@+id/button"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>
class ClipDrawableActivity : AppCompatActivity() {
    lateinit var clipDrawable: ClipDrawable
    var curLevel = 0

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_clip_drawable)

        clipDrawable = findViewById(R.id.button).background as ClipDrawable
        clipDrawable.level = 0
        Observable.interval(50, TimeUnit.MILLISECONDS)
            .subscribeOn(Schedulers.io())
            .observeOn(AndroidSchedulers.mainThread()).subscribe {
                clipDrawable.level = curLevel
                curLevel += 200if (curLevel >= 10000) {
                    curLevel = 0
                }
                Log.e("gpj", "level ${curLevel}")
            }
    }
}

效果图

00d6b7c6881e74a07ffe50d021ef4e77.gif

10. RotateDrawable

与 ScaleDrawable 和 ClipDrawable 类似，RotateDrawable 可以根据 level 值将 Drawable 进行动态旋转。

10.1 语法

RotateDrawable 的定义方法如下：

<?xml  version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/drawable_resource"android:visible=["true" | "false"]android:fromDegrees="integer" android:toDegrees="integer"android:pivotX="percentage"android:pivotY="percentage" />

它的根标签为 ，各个属性的含义分别是：

属性含义
android:drawabledrawable 资源，可引用现有的的 Drawable
android:visible是否可见
android:fromDegrees旋转起始角度
android:toDegrees旋转结束角度
android:pivotX旋转中心位于 X 轴的百分比
android:pivotY旋转中心位于 Y 轴的百分比

10.2 用法示例

下面以定义一个可旋转的背景为例展示 RotateDrawable 的简单使用

定义

<?xml  version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/kakarotto"android:fromDegrees="0"android:toDegrees="180"android:pivotX="50%"android:pivotY="50%"/>

使用

<?xml  version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent">

    <Buttonandroid:text="Button"android:layout_width="200dp"android:layout_height="100dp"android:background="@drawable/drawable_rotate"android:id="@+id/button"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>
class RotateDrawableActivity : AppCompatActivity() {
    lateinit var rotateDrawable: RotateDrawable
    var curLevel = 0

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_rotate_drawable)

        rotateDrawable = findViewById(R.id.button).background as RotateDrawable
        rotateDrawable.level = 0
        Observable.interval(50, TimeUnit.MILLISECONDS)
            .subscribeOn(Schedulers.io())
            .observeOn(AndroidSchedulers.mainThread()).subscribe {
                rotateDrawable.level = curLevel
                curLevel += 200if (curLevel >= 10000) {
                    curLevel = 0
                }
                Log.e("gpj", "level ${curLevel}")
            }
    }
}

效果图

063be46c784a8e7c0626412d0d66aeb2.gif

11. TransitionDrawable

有时候我们可能需要在两个图片切换的时候增加渐变效果，除了使用动画之外，这里还可以用 TransitionDrawable 轻松实现。

11.1 语法

<?xml  version="1.0" encoding="utf-8"?>
<transitionxmlns:android="http://schemas.android.com/apk/res/android" >
    <itemandroid:drawable="@[package:]drawable/drawable_resource"android:id="@[+][package:]id/resource_name"android:top="dimension"android:right="dimension"android:bottom="dimension"android:left="dimension" />
transition>

它的根标签为 ，它可以包含多个 标签，每个 item 表示一个 Drawable，item 的属性含义分别是：

属性含义
android:drawabledrawable 资源，可引用现有的的 Drawable
android:idiitem 的 id，使用"@+id/*name*"的形式表示。可通过 View.findViewById() 或者 Activity.findViewById() 方法查找到这个 Drawable
android:top、android:right、android:bottom、android:leftDrawable 相对于 View 在各个方向的偏移量

11.2 用法示例

这里定义一个淡入淡出效果的图片切换效果，展示 TransitionDrawable 的基本使用。

定义

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

使用

<?xml  version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent">

    <ImageViewandroid:layout_width="230dp"android:layout_height="150dp"android:background="@drawable/drawable_transition"android:id="@+id/img"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/>

androidx.constraintlayout.widget.ConstraintLayout>
class TransitionDrawableActivity : AppCompatActivity() {
    lateinit var disposable: Disposable
    var reverse = false

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_transition_drawable)

        var transitionDrawable = findViewById(R.id.img).background as TransitionDrawable
        Observable.interval(3000, TimeUnit.MILLISECONDS)
            .subscribeOn(Schedulers.io())
            .observeOn(AndroidSchedulers.mainThread())
            .subscribe(object : Observer<Long> {override fun onSubscribe(d: Disposable) {
                    disposable = d
                }override fun onComplete() {
                }override fun onNext(t: Long) {if (!reverse) {
                        transitionDrawable.startTransition(3000)
                        reverse = true
                    } else {
                        transitionDrawable.reverseTransition(3000)
                        reverse = false
                    }
                }override fun onError(e: Throwable) {
                }
            })
    }

效果图

558e098a51eceba4caf20503c0c9ee77.gif

好了，传统的 Drawable 就介绍完了，但是随着 Android 版本的更新，Drawable 家族也不断得有新成员加入进来。

Demo地址：
https://github.com/guanpj/DrawableDemo

大家都在看

零基础手把手教你开发探探类社交软件Tinder

GitHub 上优质项目整理，不只 Android

自定义View仿支付宝芝麻信用分仪表盘效果

Android APP 性能优化的一些思考

欢迎前往安卓巴士博客区投稿，技术成长于分享

期待巴友留言，共同探讨学习

7993199b8a279f49506c00d6d62352ec.gif

weixin_39978350
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 将bitmap保存为本地png图片
暴走影视
04-27 1099
https://blog.csdn.net/yu540135101/article/details/105697073
Android 开发之布局细节对比：RTL模式
nomasp
07-30 1万+
前言讲真，好久没写博客了，2016都过了一半了，赶紧重新捡起来。（个人感慨，和内容无关…… 所谓RTL，顾名思义也就是Right To Left，是一种阿拉伯语、波斯语等情况下从右往左的阅读方式。当所开发的App等面向海外用户时需要做这个适配。从Android 4.2开始支持原生的RTL模式，对此之前的版本我也不想多做说明，这些老版本要是还支持那Android碎片化就没完没了了。正文如何查看效果首先
bitmap 转为jpg文件_Android 图片Bitmap，drawable，res资源图片之间转换
weixin_29798439的博客
01-17 588
一、知识介绍①res资源图片是放在项目res文件下的资源图片②BitMap位图，一般文件后缀为BMP，需要编码器编码，如RGB565，RGB8888等。一种逐像素的显示对象，其执行效率高，但缺点也很明显，存储效率低。③Drawable，通用的图形对象，它可以装载常用的图像，GIF，PNG，JPG，也支持BMP，提供一些高级的可视化的对象，如渐变，图形等。二、项目案例【步骤】①将图片放入res/dr...
【Android开发】Drawable标签总结大全
公众号：BennuCTech
12-20 2989
前言 我们在drawable目录下可以创建很多自定义的资源，其中用的最多的应该就是selector和shape。目前在Android中有21种drawable标签，了解和利用这些标签对我们的开发有很大的帮助。这个文章我们对这21种标签做一个介绍，让大家有一个印象： shape 这个大家非常熟悉，简单列举一下属性和子标签，至于子标签的属性和具体使用就不细说了，网上有的是 自身属性 android:dither 是否启动图片抖动 android:shape 形状。分别为矩形、线、椭圆、环。默认为矩形recta
Android 之 bitmap保存为本地png图片
jun_tong的博客
04-04 2241
Android 之 bitmap保存为本地png图片
android bitmap显示图片,Android_07 Android中Bitmap加载图片
weixin_35866960的博客
05-27 1013
一：计算机表示图形的几种方式二：Android加载大图片原理：[1]获取手机分辨率[2]获取图片分辨率创建位图工厂的配置参数获取图片宽高[3]计算缩放比例[4]显示缩放后的图片示例代码：@SuppressLint("SdCardPath")public class MainActivity extends Activity {private int height;private int width...
工作一年半的Android工程师教你如何准备面试复习
qq_35063091的博客
04-26 1080
前言 相信很多同学都会有这样的感受，前三天刚刚复习的知识点，今天问的时候怎么就讲不出个所以然了呢？ 本文的目的就是致力于帮助大家尽可能的建立Android知识体系，希望大家会喜欢~ 必读 知识结构 覆盖的知识点有Android、Java、Kotlin、Jvm、网络和设计模式。 面向人群 正在求职的中高级Android开发 食用指南 和大部分人一样，我在复习完第一遍Android知识的情况下，看到...
java_一些图片管理工具类的标准代码_android_bitmap转drawable_高斯模糊代码
05-15
bitmap转drawable 获取资源图片 以最省内存的方式读取本地资源的图片 读取本地drawable中较大的资源图片 从文件得到BitMap 从数组得到Bitmap 从流中得到Bitmap 图片透明度处理 获取源图片的BITMAP，压缩，本地图片 ...
Android Bitmap和Drawable相互转换的简单代码
01-05
很多开发者表示，不知道Android的Drawable和Bitmap之间如何相关转换。下面Android123给大家两种比较简单高效的方法。 　一、Bitmap转Drawable 代码如下:　Bitmap bm=xxx; //xxx根据你的情况获取 　BitmapDrawable bd...
Android Drawable Bitmap 相互转换
08-24
文档中描述了Drawable Bitmap 几种转换方法供初学者使用。方法都是经过实践验证的。
Android Bitmap和Drawable的对比
08-30
主要介绍了Android Bitmap和Drawable的对比的相关资料,需要的朋友可以参考下
Android drawable 样式的开发
util_c的专栏
01-11 695
转自：http://keeganlee.me/post/android/20150916点击打开链接 Android有很多种drawable类型，除了前几篇详细讲解的shape、selector、layer-list，还有上一篇提到的color、bitmap、clip、scale、inset、transition、rotate、animated-rotate、lever-list等等，本篇文
C# Bitmap转换为JPG图片
wangnaisheng的专栏
03-29 1931
C# Bitmap转换为JPG图片
Android 开发之布局RTL模式 的简单实现
寒梅独自开
08-01 2226
所谓RTL，顾名思义也就是Right To Left，是一种阿拉伯语、波斯语等情况下从右往左的阅读方式。当所开发的App等面向海外用户时需要做这个适配。 从Android 4.2开始支持原生的RTL模式，对此之前的版本我也不想多做说明，这些老版本要是还支持那Android碎片化就没完没了了。 正文 如何查看效果 首先要说的是，想要看RTL模式，不必去把手机中的语言/国家设置到阿拉伯等，只需...
bitmap和图片文件的转换
zhuimengxiang的博客
08-21 1747
Bitmap对象保存为图片文件： public static File saveBitMapToFile(Context context, String fileName, Bitmap bitmap, boolean isCover) { if(null == context || null == bitmap) { return null; } if(TextU
Bitmap知识点集合
Android
12-23 363
前言 今天聊聊Bitmap相关的面试题/知识点，看看你是否都弄明白了呢？ Bitmap是什么，怎么存储图片？ Bitmap内存如何计算？ Bitmap内存 和drawable目录的关系。 Bitmap加载优化？不改变图片质量的情况下怎么优化？ inJustDecodeBounds是什么？ Bitmap内存复用怎么实现？ 高清大图加载该怎么处理？ 如何跨进程传递大图？ Bitmap是什么，怎么存储图片。 Bitmap，位图，本
android之bitmap-xml文件属性详解
u013279840的博客
03-07 6280
android:antialias——开启或关闭抗锯齿 android:dither——开启或关闭图像抖动（如果位图与显示屏幕的像素配置不相同时会用到，比如一张ARGB 8888 位图和一个RGB565的显示屏） android:filter——开启或关闭滤镜。当收缩或是拉伸位图时使用这个来使位图看上去更平滑。 android:gravity——当位图大小比它所在的容器小的时候
android定义图片,Android 自定义图片资源
weixin_39814454的博客
05-26 160
一、重复图片的平铺利用 --BitmapDrawable.java使用XML方式平铺，简单、固定android:antialias="true"android:dither="true"android:src="@drawable/ic_launcher"android:tileMode="repeat">1.antialias是否启用抗锯齿功能2.dither是否启用抖动效果抖动：图像...
Android Drawable Resource学习（二）、BitmapDrawable和Bitmap
热门推荐
Kilnn
11-08 3万+
一、如何创建一个BitmapDrawable对象 Bitmap，代表一个位图图像，Android支持三种格式的位图图像：.png (preferred)，.jpg (acceptable)， .gif (discouraged)。 括号里的说明，代表这三种格式的图片在Android中的支持情况，.png格式图片优先，.jpg格式也可以，但是效果没有.png好，.gif支持最差。 可以直接
android bitmap 如何转drawable
最新发布
06-06
要将 Android Bitmap 转换为 Drawable，可以使用 BitmapDrawable 类。以下是示例代码： ```java Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.my_image); Drawable drawable = new BitmapDrawable(getResources(), bitmap); ``` 在这个示例中，我们首先使用 `BitmapFactory` 类从资源中解码 Bitmap。然后我们使用 `BitmapDrawable` 类将 Bitmap 转换为 Drawable。`BitmapDrawable` 类的构造函数需要两个参数：Resources 和 Bitmap。在这里，我们传递了 `getResources()` 和解码的 Bitmap。现在，`drawable` 对象就可以被用于显示图像了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值