Android知识点6-shape布局

最新推荐文章于 2023-12-19 19:47:52 发布

原创最新推荐文章于 2023-12-19 19:47:52 发布 · 682 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #布局 #shape

Android初级专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何使用shape标签提升界面设计的美观性，包括实心、渐变、描边、圆角和间隔等属性的应用，并通过代码示例进行演示。

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

shape标签,用好了，可以是你的界面遍的美观大气上档次

转载请标注出处：http://blog.youkuaiyun.com/Bingsman/article/details/48251663

先来张图看看效果：

效果不错

来看看代码吧：
1-shape代码，例如shape_image如下：

<?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/white" />
    <!-- 渐变 -->
    <gradient
        android:angle="270"
        android:endColor="#FFFFFF"
        android:startColor="#000000" />
    <!-- 描边 -->

    <stroke
        android:width="0.5dp"
        android:color="#B1B1B1" />
    <!-- 圆角 -->

    <corners
        android:bottomLeftRadius="50dp"
        android:bottomRightRadius="50dp"
        android:topLeftRadius="50dp"
        android:topRightRadius="50dp" />

    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />

</shape>

2-主布局代码如下：
以Image为例子效果就是第三个图中的第三个

<ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/button1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="30dp"
        android:background="@layout/shape_image"
        android:src="@drawable/ic_launcher" />

最后详细讲解一下shape标签下的这几个属性
solid：实心，就是填充的意思
android:color指定填充的颜色

gradient：渐变
android:startColor和android:endColor分别为起始和结束颜色，ndroid:angle是渐变角度，必须为45的整数倍。
另外渐变默认的模式为android:type=”linear”，即线性渐变，可以指定渐变为径向渐变，android:type=”radial”，径向渐变需要指定半径android:gradientRadius=”50”。

stroke：描边
android:width=”1dp” 描边的宽度，android:color 描边的颜色。
我们还可以把描边弄成虚线的形式，设置方式为：
android:dashWidth=”3dp”
android:dashGap=”2dp”
其中android:dashWidth表示’-‘这样一个横线的宽度，android:dashGap表示之间隔开的距离。

corners：圆角
android:radius为角的弧度，值越大角越圆。
我们还可以把四个角设定成不同的角度，方法为：

<corners 
        android:topRightRadius="20dp"    
        android:bottomLeftRadius="20dp"   
        android:topLeftRadius="0dp"    
        android:bottomRightRadius="0dp"    
 />

这里有个地方需要注意，bottomLeftRadius是右下角，而不是左下角。

padding：间隔

源码点击下载