shape颜色渐变、圆角、半圆角、边框、填充

简介: shape颜色渐变、圆角、半圆角、边框、填充

效果图:

image.png

1、shape:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--圆角-->
    <corners
        android:radius="5dp"
        android:topLeftRadius="30dp"
        android:bottomRightRadius="30dp"/>
    <!--填充颜色-->
    <solid android:color="#000"/>
    <!--边框-->
    <stroke
        android:color="#808080"
        android:width="2dp"/>
    <!--渐变-->
    <gradient
        android:startColor="#f52"
        android:centerColor="#f92"
        android:endColor="#fe2"
        android:angle="180"/>
</shape>


渐变的颜色把填充的颜色顶了,所以是可以去掉solid的


2、关于gradient的angle参数:


0 是从左到右


90是从下到上


180是从右到左


270是从上到下


360==0


3、还有一个type参数:


linear 线性渐变(默认)


radial 环形渐变


sweep 扇形渐变


渐变一般给个开始颜色和结束颜色,然后指定一下方向就行了




4、两边半圆角:

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="999dp"/>
    <stroke
        android:width="1dp"
        android:color="@color/colorPrimary"/>
    <padding
        android:bottom="10dp"
        android:left="20dp"
        android:right="20dp"
        android:top="10dp"/>
</shape>


目录
相关文章
|
9月前
Echarts线性渐变、径向渐变、纹理填充
Echarts线性渐变、径向渐变、纹理填充
|
3月前
|
前端开发
边框宽度
边框宽度。
49 9
|
9月前
|
前端开发
边框宽度和边框颜色
边框宽度和边框颜色。
50 1
|
9月前
transform实现按钮边框旋转效果
transform实现按钮边框旋转效果
ucharts修改ToolTip边框阴影文字居中
ucharts修改ToolTip边框阴影文字居中
Core Animation - 如何来绘制三个圆角一个直角的矩形
Core Animation - 如何来绘制三个圆角一个直角的矩形
93 0
|
前端开发 容器
巧妙实现带圆角的渐变边框
巧妙实现带圆角的渐变边框
407 0
巧妙实现带圆角的渐变边框
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
477 0
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色