«

Android shape

时间:2024-3-2 17:00     作者:韩俊     分类: Android


在Android中布局的时候,难免会用到shape自定图形做背景。自己做了个归纳(如果对你有帮助,麻烦写下评论哈):

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"
    android:dither="true">

    <!-- 圆角 -->
    <corners 
        android:radius="5dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"
        android:bottomLeftRadius="5dp"
        android:bottomRightRadius="5dp"/>

    <!-- 渐变 -->
    <gradient 
        android:startColor="@color/view0"
        android:centerColor="@color/view1"
        android:endColor="@color/view2"
        android:useLevel="true"
        android:angle="0"
        android:type="linear"
        android:centerX="0"
        android:centerY="0"
        android:gradientRadius="90"/>

    <!-- 填充 -->
    <solid 
        android:color="@color/view4"/>

    <!-- 大小 -->
    <size 
        android:width="100dp"
        android:height="100dp"/>

    <!-- 间隔 -->
    <padding 
        android:left="5dp"
        android:top="5dp"
        android:right="5dp"
        android:bottom="5dp"/>

    <!-- 边框 -->
    <stroke 
        android:width="2dp"
        android:color="@color/view3"
        android:dashWidth="2dp"
        android:dashGap="3dp"/>

</shape>


其中shape属性值:

android:shape="rectangle" //矩形(默认)
android:shape="oval" //椭圆
android:shape="line" //线条
android:shape="ring" //圆环

android:dither="true" //图形抖动处理,当图片的色值一低于8位表示时,总色值较低时还能有很好的显示效果

android:useLevel="true" //如果当做是LevelListDrawable使用则属性值为true

还有四个属性是在shape的属性值为“ring”时使用的。

android:innerRadius="" //内环的半径
android:innerRadiusRatio="" //内环的半径,以与圆环宽度的比值形式表示
android:thickness="" //圆环的厚

android:thicknessRatio="" //圆环厚度,以与圆环宽度的比值形式表示


圆角:当五个属性都设置时radius属性无效


渐变:

android:angle="0" 渐变角度; 的值为45的倍数(包括0),只在type=“linear”时才有效(angle=0时表示从左到右,=90时表示从上到下)
android:type="linear" //有三种类型:

“linear” 线性型渐变

“radial” 发射型渐变

“sweep” 扫描线型渐变
android:centerX="0" //渐变中心相对x坐标

android:centerY="0" //渐变中心相对y坐标
android:gradientRadius="90" //渐变色的半径,和type="radial"一起使用,单独室友type=“radial”会报错

边框:dashWidth与dashGap中只要有一个值为0,则边框为实线








标签: android

热门推荐