You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Android中使用XML实现该Drawable效果?

实现目标Drawable的XML代码

你需要的Drawable可以通过layer-list组合两个shape实现,以下是完整的XML代码:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 底层:圆角灰色背景 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#F0F0F0" />
            <corners android:radius="12dp" />
            <padding
                android:left="16dp"
                android:top="8dp"
                android:right="8dp"
                android:bottom="8dp" />
        </shape>
    </item>
    <!-- 上层:左侧蓝色竖条 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#4285F4" />
            <corners
                android:topLeftRadius="12dp"
                android:bottomLeftRadius="12dp" />
            <size android:width="4dp" />
        </shape>
    </item>
</layer-list>

代码说明:

  • 底层是带圆角的灰色背景,<padding>用于避免内容直接贴到Drawable边缘,数值可按需调整。
  • 上层是左侧的蓝色竖条,仅保留左上角和左下角的圆角,与底层背景的圆角对齐,<size>控制竖条的宽度。
  • 修改<solid>中的颜色值、<corners>的圆角半径,就能完全匹配你的设计样式。

内容的提问来源于stack exchange,提问作者Abhas Sharma

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 22:42:08