Android Shape属性corners 圆角效果,边框效果...

本文详细介绍了如何使用Android的Shape drawable创建圆角效果,包括全局圆角、单独设置每个角的圆角以及遇到的问题和解决方法。通过设置``标签的属性,如`android:radius`、`android:topLeftRadius`等,可以实现自定义的圆角样式。在实际应用中,需要注意设置的圆角半径需大于1,并且要先声明全局radius再设置特定角的半径。
摘要由CSDN通过智能技术生成

1,Corners

【1】Corners标签是用来字义圆角的,其中radius与其它四个并不能共同使用。
【2】android:radius:定义四个角的的圆角半径。
【3】其它四个是逐个字义每个角的圆角半径。
  

<corners //定义圆角
android:radius="dimension" //全部的圆角半径
android:topLeftRadius="dimension" //左上角的圆角半径
android:topRightRadius="dimension" //右上角的圆角半径
android:bottomLeftRadius="dimension" //左下角的圆角半径
android:bottomRightRadius="dimension" /> //右下角的圆角半径

2,Demo1

在res/drawable文件夹下定义Shape文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="20dip"/>
    <solid android:color="#ffff00"/>
</shape>

layout布局文件中的View,使用background 调用资源文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="50dip"
        android:text="@string/hello_world"
        android:background="@drawable/shape_radius"/>
</RelativeLayout>

以上就实现了圆角的效果。
 

Demo2: 四个角均为圆角

<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即可实现布局四个角均为圆角.

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

Demo3:只要顶部两个角为圆角

细心的朋友可能会发现, <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").


参考链接:https://blog.csdn.net/Cricket_7/article/details/103235822

参考链接:https://www.jianshu.com/p/c1d55c92e36c

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值