您的位置:首页 > 移动开发 > Android开发

Android布局 圆角边框的实现

2015-05-02 22:34 447 查看
在存放图片的drawable-hdpi下新建一个xml文件:(corners_bg.xml)

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

<!-- //填充颜色-白色 -->
<solid android:color="#FFFFFF" />

<!-- corners:圆角 -->
<!-- 处理4个顶点 -->
<corners
android:bottomLeftRadius="10dp"
android:bottomRightRadius="10dp"
android:topLeftRadius="10dp"
android:topRightRadius="10dp" />

</shape>


引用的话直接: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:orientation="vertical" >

<LinearLayout
android:id="@+id/showyouinformation"
android:layout_width="fill_parent"
android:layout_height="80dp"
android:layout_gravity="center_vertical"
android:layout_margin="10dp"
android:background="@drawable/corners_bg"
android:padding="10dp" >

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/photo" />

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="14dp"
android:text="续杰"
android:textColor="#000"
android:textSize="18sp" />

<ImageView
android:id="@+id/imageView2"
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_gravity="center_vertical"
android:layout_marginLeft="170dp"
android:src="@drawable/code" />
</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="40dp" >

<ImageView
android:id="@+id/imageView2"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_marginLeft="10dp"
android:src="@drawable/xc" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="14dp"
android:text="相册"
android:textColor="#000"
android:textSize="18sp" />
</LinearLayout>

<View
android:layout_width="fill_parent"
android:layout_height="1px"
android:background="?android:attr/listDivider" />

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_centerVertical="true"
android:padding="10dp" >

<ImageView
android:id="@+id/imageView3"
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/sc" />

<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="30dp"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:src="@drawable/wallet" />

<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: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="30dp"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:src="@drawable/intercalate" />

<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>


布局效果图:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: