Android之shape综述篇


题记-- 

 夫君子之行,静以修身,俭以养德,非澹泊无以明志,非宁静无以致远,夫学须静也,才须学也,非学无以广才,非志无以成学,怠慢则不能励精,险躁则不能冶性,年与时驰,意与岁去,遂成枯落,多不接世


rectanglet篇标签综述

在drawble文件目录下创建一个xml文件

首先在根节点中设置属性 shape为rectangle,代表我们创建的是一个矩形

1-1 solid子标签

solid子标签是用来设置我们创建的图形的填充颜色,其中只有color一个属性,如下图1-1中所示,我们创建了一个矩形,然后改变其中的填充颜色

图 1-1



1-2 corners子标签

corners子标签是用来设置圆角,只适用于rectangle类型,可分别设置四个角不同半径的圆角,当设置的圆角半径很大时,比如200dp,就可变成弧形边了,效果如下图1-2所示


  <!-- corners设置圆角,只适用于rectangle -->
    <corners android:radius="20dp"
        android:bottomLeftRadius="20dp"<!-- 左下半角的圆角半径-->
        android:bottomRightRadius="20dp"<!--右下半角的圆角半径-->
        android:topLeftRadius="20dp"<!--左上半角的圆角半径-->
        android:topRightRadius="30dp"/><!--右上半角的圆角半径-->


图 1-2 



1-3 stroke子标签之描边使用

可描成实线或虚线。

属性描述:

  • android:color 描边的颜色

  • android:width 描边的宽度

  • android:dashWidth 设置虚线时的横线长度

  • android:dashGap 设置虚线时的横线之间的距离


效果图 1-3 


1-4 gradient 子标签之设置形状的渐变

gradient: 设置形状的渐变颜色,可以是线性渐变、辐射渐变、扫描性渐变

属性说明:

  1. android:type 渐变的类型

    1. linear 线性渐变,默认的渐变类型

    2. radial 放射渐变,设置该项时,android:gradientRadius也必须设置

    3. sweep 扫描性渐变

  2. android:startColor 渐变开始的颜色

  3. android:endColor 渐变结束的颜色

  4. android:centerColor 渐变中间的颜色

  5. android:angle 渐变的角度,线性渐变时才有效,必须是45的倍数,0表示从左到右,90表示从下到上

  6. android:centerX 渐变中心的相对X坐标,在0.0到1.0之间,默认为0.5,表示在正中间

  7. android:centerY 渐变中心的相对X坐标,在0.0到1.0之间,默认为0.5,表示在正中间

  8. android:gradientRadius 渐变的半径,只有渐变类型为radial时才使用

  1. android:userLevel 如果为true,则可在LevelListDrawable中使用


1-4-1 线性渐变

  <!-- 线性渐变-->
    <gradient
        android:angle="45"
        android:centerColor="#50000"
        android:endColor="#000"
        android:startColor="#fff"
        android:type="linear"/>

效果图 1-4 -1



1-4-2 扫描渐变


  <gradient
        android:centerX="0.5"
        android:centerY="0.8"
        android:centerColor="#560036"
        android:endColor="#000"
        android:startColor="#fff"
        android:type="sweep"/>



图 1-4-2



1-4-3 放射渐变

 <gradient
    android:gradientRadius="120dp"
    android:centerX="0.5"
    android:centerY="0.5"
    android:centerColor="#560036"
    android:endColor="#879632"
    android:startColor="#fff"
    android:type="radial"/>



图1-4-3




设置双叠层shape

图 3-1
   
图3-2    在xml中使用
                  

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="2dp" />
            <size
                android:width="5dp"
                android:height="1dp" />
            <solid android:color="#030925" />
        </shape>
    </item>

    <item
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp">
        <shape android:shape="rectangle">
            <solid android:color="#574ed7" />
            <size
                android:width="20dp"
                android:height="10dp" />
            <corners android:radius="4dp" />
        </shape>
    </item>

</layer-list>





早起的年轻人 CSDN认证博客专家 移动开发 项目管理 Java
只要用心去做,每一件事情还是有可能成功的,当然成功是没有界限的,只不过是达到自己心里的那个目标,公众号:我的大前端生涯,一个爱喝茶的程序员,通常会搞搞SpringBoot 、Herbinate、Mybatiys、Android、iOS、Flutter、Vue、小程序等.
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页