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
相关产品推荐
相关产品推荐

