服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #

Android中用Shape实现圆角和局部圆角

时间:2016-03-18 09:40来源:未知 作者:最模板 点击:
大家可能都知道圆角实现其实很简单, 在drawable文件夹下新建xml文件加入以下代码 情景1: 四个角均为圆角 shape xmlns:android=http://schemas.android.com/apk/res/android android:shape=rectangle !-- rectangle表示

大家可能都知道圆角实现其实很简单, 在drawable文件夹下新建xml文件加入以下代码

情景1: 四个角均为圆角

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
     <!-- rectangle表示为矩形 -->

    <!-- 填充的颜色 -->
    <solid android:color="@color/blue" />

    <!-- 边框的颜色和粗细 -->
    <stroke
    android:width="1dp"
    android:color="@color/blue"
    />

    <!-- android:radius 圆角的半径 -->
    <corners
        android:radius="2dp"
        />

</shape>

通过以上代码设置成布局的background即可实现布局四个角均为圆角.

一般情况下上面就可以满足我们的需求, 那么如果我们不想它四个角都为圆角该怎么办?

情景2:只要顶部两个角为圆角

细心的朋友可能会发现, <corners>标签中其实可以分别设置每个角的圆角.如以下代码

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
     <!-- rectangle表示为矩形 -->

    <!-- 填充的颜色 -->
    <solid android:color="@color/blue" />

    <!-- 边框的颜色和粗细 -->
    <stroke
    android:width="1dp"
    android:color="@color/blue"
    />

    <!-- android:radius 圆角的半径 -->
    <corners
        android:topLeftRadius="8dp"
        android:topRightRadius="8dp"
        android:bottomRightRadius="0dp"
        android:bottomLeftRadius="0dp"
        />

</shape>

哇, 是不是好简单, 但实际情况并不能达到你想要的效果,你会发现它还是会4个角都圆角, 对! 这就是一个坑..

那么重点来了^_^ ,先来看看正确实现的代码

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
     <!-- rectangle表示为矩形 -->

    <!-- 填充的颜色 -->
    <solid android:color="@color/blue" />

    <!-- 边框的颜色和粗细 -->
    <stroke
    android:width="1dp"
    android:color="@color/blue"
    />

    <!-- android:radius 圆角的半径 -->
    <corners
        android:radius="2dp" //关键点
        android:topLeftRadius="8dp"
        android:topRightRadius="8dp"
        android:bottomRightRadius="0dp"
        android:bottomLeftRadius="0dp"
        />

</shape>

注: 可能android studio 预览效果还是4个圆角, 但实际运行是满足的, 毕竟是官方文档给出的解决方案~

对, 没错, 就是多了一行android:radius="2dp", 这里引申出两个知识点, 希望大家以后可以注意一下:

  1. 在设置圆角时,圆角半径的大小必须大于1,否则是没有圆角效果的
  2. 如果你想单独设置某几个角是圆角, 你必须首先声明 radius 属性(必须大于1), 然后在其他四个角的属性中设置每个角的实际想要的半径大小, 不想圆角的设置为("0dp").

(责任编辑:最模板)
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容