如何写圆角布局(布局加圆角表框)

这里写图片描述

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="#FFFFFF"
              android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:layout_margin="15dp"
        android:background="@drawable/shape_corners">
      ....
    </RelativeLayout>
</LinearLayout>  

shape_corners.xml

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

    <solid
        android:color="#000"/>

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

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

在想要圆角的布局加上

android:background="@drawable/shape_corners"

需要注意:

整个过程中padding很重要,我是在shape中加的padding 上下各10dp 刚好可以把上下的圆角露出来。不然的话,布局会遮盖住圆角,导致没有效果。

Tip:

如果只设置padding中top的话,就会出现上边圆角,下边直角的效果。
同理只设置bottom的话,就只有下边是圆角。

PS: 不知道是我自己原因还是什么,我在LinearLayout中加圆角,怎么都不成功,大家可以试一试。

有问题欢迎提出

posted @ 2016-03-27 10:56  Z漫步  阅读(325)  评论(0编辑  收藏  举报