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

如何写圆角布局(布局加圆角表框)_第1张图片


<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


<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中加圆角,怎么都不成功,大家可以试一试。

有问题欢迎提出

你可能感兴趣的:(学习笔记)