Drawable Xml样式

最新推荐文章于 2024-10-25 16:40:24 发布

原创最新推荐文章于 2024-10-25 16:40:24 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

Android技术总结专栏收录该内容

6 篇文章

订阅专栏

本文介绍使用XML进行图形绘制的各种技巧，包括实现不同类型的边框、圆角、填充效果及SVG路径数据的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常见标签

1、stroke 描边

2、corners 圆角

3、padding 内间距

4、solid 填充色

实例

1、普通边框

     
      <?xml version="1.0" encoding="utf-8"?>
     
     
      <shape xmlns:android="http://schemas.android.com/apk/res/android">
     
     
          <stroke
     
     
              android:width="1dp"
     
     
              android:color="#ff36abe6"
     
     
              android:dashWidth="2dp" />
     
     
          <padding
     
     
              android:bottom="5dp"
     
     
              android:left="5dp"
     
     
              android:right="5dp"
     
     
              android:top="5dp"></padding>
     
     
      </shape>

2、圆角边框

     
      <shape xmlns:android="http://schemas.android.com/apk/res/android">
     
     
          <stroke
     
     
              android:width="1dp"
     
     
              android:color="#ff36abe6"
     
     
              android:dashWidth="3dp" />
     
     
          <padding
     
     
              android:bottom="5dp"
     
     
              android:left="5dp"
     
     
              android:right="5dp"
     
     
              android:top="5dp"></padding>
     
     
          <corners android:radius="5dp" />
     
     
      </shape>

3、部分边框

     
      <?xml version="1.0" encoding="utf-8"?>
     
     
      <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
     
     
          <!-- 连框颜色值 -->
     
     
          <item>
     
     
              <shape>
     
     
                  <solid android:color="#ff36abe6" />
     
     
                  <corners
     
     
                      android:topLeftRadius="5dp"
     
     
                      android:topRightRadius="5dp"
     
     
                      android:bottomLeftRadius="0dp"
     
     
                      android:bottomRightRadius="0dp"/>
     
     
              </shape>
     
     
          </item>
     
     
          <!-- 主体背景颜色值 -->
     
     
          <item
     
     
              android:left="1dp"
     
     
              android:right="1dp"
     
     
              android:top="1dp">
     
     
              <!--边框里面背景颜色 白色-->
     
     
              <shape>
     
     
                  <solid android:color="#ffffffff" />
     
     
                  <corners
     
     
                      android:topLeftRadius="5dp"
     
     
                      android:topRightRadius="5dp"
     
     
                      android:bottomLeftRadius="0dp"
     
     
                      android:bottomRightRadius="0dp"/>
     
     
              </shape>
     
     
          </item>
     
     
      </layer-list>

4、圆角实体

version="1.0" encoding="utf-8"?>

     
      <shape xmlns:android="http://schemas.android.com/apk/res/android">
     
     
          <stroke
     
     
              android:width="1dp"
     
     
              android:color="#ff36abe6"
     
     
              android:dashWidth="3dp" />
     
     
          <padding
     
     
              android:bottom="5dp"
     
     
              android:left="5dp"
     
     
              android:right="5dp"
     
     
              android:top="5dp"></padding>
     
     
          <corners android:radius="5dp" />
     
     
          <solid android:color="#ff36abe6" />
     
     
      </shape>

5、圆形实体

version="1.0" encoding="utf-8"?>

     
      <shape xmlns:android="http://schemas.android.com/apk/res/android">
     
     
          <stroke
     
     
              android:width="1dp"
     
     
              android:color="#ff36abe6"
     
     
              android:dashWidth="3dp" />
     
     
          <padding
     
     
              android:bottom="5dp"
     
     
              android:left="5dp"
     
     
              android:right="5dp"
     
     
              android:top="5dp"></padding>
     
     
          <corners android:radius="180dp" />
     
     
          <solid android:color="#ff36abe6" />
     
     
      </shape>

6、svg pathdata

xmlns:android="http://schemas.android.com/apk/res/android"

     
              android:width="24dp"
     
     
              android:height="24dp"
     
     
              android:viewportWidth="24.0"
     
     
              android:viewportHeight="24.0">
     
     
          <path
     
     
              android:fillColor="#FF515151"
     
     
              android:pathData="M12,4.5C7,4.5 2.73,7.61 1,12c1.73,4.39 6,7.5 11,7.5s9.27,-3.11 11,-7.5c-1.73,-4.39 -6,-7.5 -11,-7.5zM12,17c-2.76,0 -5,-2.24 -5,-5s2.24,-5 5,-5 5,2.24 5,5 -2.24,5 -5,5zm0,-8c-1.66,0 -3,1.34 -3,3s1.34,3 3,3 3,-1.34 3,-3 -1.34,-3 -3,-3z"/>
     
     
      </vector>

xmlns:android="http://schemas.android.com/apk/res/android"

     
              android:width="24dp"
     
     
              android:height="24dp"
     
     
              android:viewportWidth="24.0"
     
     
              android:viewportHeight="24.0">
     
     
          <path
     
     
              android:fillColor="#FF515151"
     
     
              android:pathData="M12,7c2.76,0 5,2.24 5,5 0,0.65 -0.13,1.26 -0.36,1.83l2.92,2.92c1.51,-1.26 2.7,-2.89 3.43,-4.75 -1.73,-4.39 -6,-7.5 -11,-7.5 -1.4,0 -2.74,0.25 -3.98,0.7l2.16,2.16C10.74,7.13 11.35,7 12,7zM2,4.27l2.28,2.28 0.46,0.46C3.08,8.3 1.78,10.02 1,12c1.73,4.39 6,7.5 11,7.5 1.55,0 3.03,-0.3 4.38,-0.84l0.42,0.42L19.73,22 21,20.73 3.27,3 2,4.27zM7.53,9.8l1.55,1.55c-0.05,0.21 -0.08,0.43 -0.08,0.65 0,1.66 1.34,3 3,3 0.22,0 0.44,-0.03 0.65,-0.08l1.55,1.55c-0.67,0.33 -1.41,0.53 -2.2,0.53 -2.76,0 -5,-2.24 -5,-5 0,-0.79 0.2,-1.53 0.53,-2.2zm4.31,-0.78l3.15,3.15 0.02,-0.16c0,-1.66 -1.34,-3 -3,-3l-0.17,0.01z"/>
     
     
      </vector>