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

Android中如何创建与示例类似的圆形内嵌文档Vector Drawable

Android 圆形内嵌文档样式 Vector Drawable 实现方案

以下是实现类似圆形内嵌文档样式的Vector Drawable代码,你可以直接将代码保存为res/drawable/ic_document_circle.xml文件使用:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">

    <!-- 圆形背景 -->
    <path
        android:fillColor="#2196F3"
        android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2z"/>

    <!-- 文档主体矩形 -->
    <path
        android:fillColor="#FFFFFF"
        android:pathData="M7,7L17,7L17,17L7,17L7,7z"/>

    <!-- 文档顶部标题栏 -->
    <path
        android:fillColor="#E0E0E0"
        android:pathData="M7,7L17,7L17,9L7,9L7,7z"/>

    <!-- 文档内的第一条线条 -->
    <path
        android:strokeColor="#BDBDBD"
        android:strokeWidth="0.5"
        android:pathData="M9,11L15,11"/>

    <!-- 文档内的第二条线条 -->
    <path
        android:strokeColor="#BDBDBD"
        android:strokeWidth="0.5"
        android:pathData="M9,13L15,13"/>

    <!-- 文档内的第三条线条 -->
    <path
        android:strokeColor="#BDBDBD"
        android:strokeWidth="0.5"
        android:pathData="M9,15L13,15"/>
</vector>

自定义说明

  • 颜色调整:修改各path的android:fillColor和android:strokeColor属性值,即可适配你的设计需求,比如把圆形背景色换成其他品牌色。
  • 尺寸调整:修改android:width和android:height可以调整图标显示大小,保持android:viewportWidth和android:viewportHeight与宽高比例一致即可保证图标不失真。
  • 细节优化:如果需要更贴近示例图的圆角效果,可以给文档矩形添加android:fillType="evenOdd"并修改pathData为带圆角的路径,比如将文档主体的pathData改为M7,7.5L17,7.5L17,16.5L7,16.5A0.5,0.5 0,0 1,7,7.5z实现圆角。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.08 11:28:27