Android Drawable之InsetDrawable

    xiaoxiao2026-09-01  13

    Overview

    InsetDrawable 表示一个drawable根据指定的距离嵌入到另外一个drawable内部。(我们看到的其实还是同一张图片,只是会空出一些边距)当控件需要的背景比实际的边框小的时候比较适合使用InsetDrawable。

    创建和使用

    在xml文件中使用<inset>作为根节点来定义InsetDrawable。 语法为:

    <?xml version="1.0" encoding="utf-8"?> <inset xmlns: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" />

    元素: <inset> 定义这个drawable为InsetDrawable,必须作为根节点。

    android:drawable Drawable 资源 。必须的。引用一个drawable资源android:visible 设置Drawable是否可见android:insetTop 尺寸。与顶部的距离。可以是一个尺寸值,或者一个尺寸的资源。android:insetRight 尺寸。与右边的距离。可以是一个尺寸值,或者一个尺寸的资源。android:insetBottom 尺寸。与底部的距离。可以是一个尺寸值,或者一个尺寸的资源。android:insetLeft 尺寸。与左边的距离。可以是一个尺寸值,或者一个尺寸的资源。android:inset 尺寸。当上下左右距离一致的时候,使用android:inset可以简化设置。(要求API level 大于21)

    <inset>节点下也可以添加<shape>节点,例如:

    <?xml version="1.0" encoding="utf-8"?> <inset xmlns:android="http://schemas.android.com/apk/res/android" android:inset="10dp"> <shape> <solid android:color="@color/red" /> <padding android:top="2dp" android:bottom="2dp" android:left="8dp" android:right="8dp" /> </shape> </inset>

    对比下面两张图,上面是将图片直接设置为背景:

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/onboarding_slide4">

    下面是使用<inset>设置了图片的边距:

    <inset xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/onboarding_slide4" android:insetLeft="30dp" android:insetRight="30dp" android:insetTop="50dp" android:insetBottom="50dp" > </inset>


    原文链接:https://liuzhichao.com/2016/android-insetdrawable.html

    其他几篇:

    Android Drawable之LayerDrawable

    Android Drawable之TransitionDrawable

    Android Drawable之InsetDrawable

    Android Drawable之ClipDrawable

    Android Drawable之ScaleDrawable

    Android Drawable之ShapeDrawable

    转载请注明原文地址: https://ju.6miu.com/read-1311786.html
    最新回复(0)