Android布局中实现圆角边框

jopen 11年前

设置corners_bg.xml

设置边框圆角可以在drawable-mdpi目录里定义一个xml: 

<?xml version="1.0" encoding="utf-8"?>    <shape xmlns:android="http://schemas.android.com/apk/res/android">          <solid android:color="#FFFFFF" />          <corners android:topLeftRadius="10dp"                  android:topRightRadius="10dp"                   android:bottomRightRadius="10dp"                  android:bottomLeftRadius="10dp"/>      </shape> 
解释:

solid的表示填充颜色,为了简单,这里用的是白色。 

而corners则是表示圆角,注意的是这里bottomRightRadius是左下角而不是右下角,bottomLeftRadius右下角。 


上面的效果也可以像下面一样设置,如下:

<corners android:radius="5dp" />  

引用corners_bg.xml

如果想引用这个xml,只需要@drawable/corners_bg.xml即可: 

android:background="@drawable/corners_bg" 

应用范例

<?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="#E1E0DE"      android:orientation="vertical" >        <TextView          android:id="@+id/textView1"          android:layout_width="match_parent"          android:layout_height="50dp"          android:background="#2B3439"          android:gravity="center"          android:text="发现"          android:textColor="#FFFFFF"          android:textSize="20sp" />        <LinearLayout          android:id="@+id/login_div"          android:layout_width="fill_parent"          android:layout_height="50dp"          android:layout_margin="10dp"          android:background="@drawable/corners_bg"          android:gravity="center_vertical"          android:padding="10dp" >            <ImageView              android:id="@+id/imageView1"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:src="@drawable/find_more_friend_photograph_icon" />            <TextView              android:id="@+id/textView2"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_marginLeft="14dp"              android:text="朋友圈"              android:textColor="#000"              android:textSize="18sp" />      </LinearLayout>        <LinearLayout          android:layout_width="fill_parent"          android:layout_height="101dp"          android:layout_margin="10dp"          android:background="@drawable/corners_bg"          android:orientation="vertical"          android:padding="10dp" >            <LinearLayout              android:layout_width="wrap_content"              android:layout_height="50dp" >                <ImageView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:src="@drawable/find_more_friend_scan" />                <TextView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_marginLeft="14dp"                  android:text="扫一扫"                  android:textColor="#000"                  android:textSize="18sp" />          </LinearLayout>            <LinearLayout              android:layout_width="wrap_content"              android:layout_height="50dp"              android:layout_centerVertical="true" >                <ImageView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:src="@drawable/come_from_shake" />                <TextView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_marginLeft="14dp"                  android:text="摇一摇"                  android:textColor="#000"                  android:textSize="18sp" />          </LinearLayout>      </LinearLayout>        <LinearLayout          android:layout_width="fill_parent"          android:layout_height="101dp"          android:layout_margin="10dp"          android:background="@drawable/corners_bg"          android:orientation="vertical"          android:padding="10dp" >            <LinearLayout              android:layout_width="wrap_content"              android:layout_height="50dp" >                <ImageView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:src="@drawable/find_more_friend_near_icon" />                <TextView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_marginLeft="14dp"                  android:text="附近的人"                  android:textColor="#000"                  android:textSize="18sp" />          </LinearLayout>            <LinearLayout              android:layout_width="wrap_content"              android:layout_height="50dp"              android:layout_centerVertical="true" >                <ImageView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:src="@drawable/come_from_bottle" />                <TextView                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:layout_marginLeft="14dp"                  android:text="漂流瓶"                  android:textColor="#000"                  android:textSize="18sp" />          </LinearLayout>      </LinearLayout>        <LinearLayout          android:id="@+id/login_div"          android:layout_width="fill_parent"          android:layout_height="50dp"          android:layout_margin="10dp"          android:background="@drawable/corners_bg"          android:gravity="center_vertical"          android:padding="10dp" >            <ImageView              android:id="@+id/imageView1"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:src="@drawable/more_game" />            <TextView              android:id="@+id/textView2"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_marginLeft="14dp"              android:text="游戏中心"              android:textColor="#000"              android:textSize="18sp" />      </LinearLayout>    </LinearLayout>

效果图

20130921004013046.jpeg

来自:http://blog.csdn.net/jueblog/article/details/11857479