android shape

储国发
2023-12-01

android shape

代码实现 圆角矩形、环形椭圆、圆角矩形边框、渐变背景

圆角矩形

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners
        android:bottomLeftRadius="20px"
        android:bottomRightRadius="20px"
        android:topLeftRadius="20px"
        android:topRightRadius="20px" />
    <solid android:color="#ffffff" />
</shape>

环形椭圆

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:useLevel="false" >
    <!-- 填充内容 -->
    <solid android:color="@android:color/transparent" />
    <!-- 圆的边 -->
    <stroke
        android:width="1dp"
        android:color="@color/pop_cut2" />
    <!-- 圆的大小 -->
    <size
        android:height="20dp"
        android:width="20dp" />
</shape>

圆角矩形边框

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <!-- 填充内容 -->
    <solid android:color="@android:color/transparent" />
    <!-- 圆的边 -->
    <stroke
        android:width="1dp"
        android:color="@color/pop_cut2" />
    <corners
        android:bottomLeftRadius="4dp"
        android:bottomRightRadius="4dp"
        android:topLeftRadius="4dp"
        android:topRightRadius="4dp" />
</shape>

渐变背景

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="0"
        android:endColor="#44b579"
        android:startColor="#73d7aa" />
    <corners android:radius="24dp" />
</shape>

其中 android:angle=“0” 代表方向:

  • 0 默认从左到右
  • 270表示从上到下
  • 180表示从右到左
 类似资料:

相关阅读

相关文章

相关问答