Android布局 圆角边框的实现

在存放图片的drawable-hdpi下新建一个xml文件:(corners_bg.xml)

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape xmlns:android="http://schemas.android.com/apk/res/android" >
 3
 4     <!-- //填充颜色-白色 -->
 5     <solid android:color="#FFFFFF" />
 6
 7     <!-- corners:圆角 -->
 8     <!-- 处理4个顶点 -->
 9     <corners
10         android:bottomLeftRadius="10dp"
11         android:bottomRightRadius="10dp"
12         android:topLeftRadius="10dp"
13         android:topRightRadius="10dp" />
14
15 </shape>

引用的话直接:android:background="@drawable/corners_bg"

以下是一个例子,仅供参考:

  1 <?xml version="1.0" encoding="utf-8"?>
  2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3     android:layout_width="match_parent"
  4     android:layout_height="match_parent"
  5     android:orientation="vertical" >
  6
  7     <LinearLayout
  8         android:id="@+id/showyouinformation"
  9         android:layout_width="fill_parent"
 10         android:layout_height="80dp"
 11         android:layout_gravity="center_vertical"
 12         android:layout_margin="10dp"
 13         android:background="@drawable/corners_bg"
 14         android:padding="10dp" >
 15
 16         <ImageView
 17             android:id="@+id/imageView1"
 18             android:layout_width="wrap_content"
 19             android:layout_height="wrap_content"
 20             android:src="@drawable/photo" />
 21
 22         <TextView
 23             android:id="@+id/textView2"
 24             android:layout_width="wrap_content"
 25             android:layout_height="wrap_content"
 26             android:layout_gravity="center_vertical"
 27             android:layout_marginLeft="14dp"
 28             android:text="续杰"
 29             android:textColor="#000"
 30             android:textSize="18sp" />
 31
 32         <ImageView
 33             android:id="@+id/imageView2"
 34             android:layout_width="15dp"
 35             android:layout_height="15dp"
 36             android:layout_gravity="center_vertical"
 37             android:layout_marginLeft="170dp"
 38             android:src="@drawable/code" />
 39     </LinearLayout>
 40
 41     <LinearLayout
 42         android:layout_width="fill_parent"
 43         android:layout_height="101dp"
 44         android:layout_margin="10dp"
 45         android:background="@drawable/corners_bg"
 46         android:orientation="vertical"
 47         android:padding="10dp" >
 48
 49         <LinearLayout
 50             android:layout_width="wrap_content"
 51             android:layout_height="40dp" >
 52
 53             <ImageView
 54                 android:id="@+id/imageView2"
 55                 android:layout_width="30dp"
 56                 android:layout_height="30dp"
 57                 android:layout_marginLeft="10dp"
 58                 android:src="@drawable/xc" />
 59
 60             <TextView
 61                 android:layout_width="wrap_content"
 62                 android:layout_height="wrap_content"
 63                 android:layout_marginLeft="14dp"
 64                 android:text="相册"
 65                 android:textColor="#000"
 66                 android:textSize="18sp" />
 67         </LinearLayout>
 68
 69         <View
 70             android:layout_width="fill_parent"
 71             android:layout_height="1px"
 72             android:background="?android:attr/listDivider" />
 73
 74         <LinearLayout
 75             android:layout_width="wrap_content"
 76             android:layout_height="50dp"
 77             android:layout_centerVertical="true"
 78             android:padding="10dp" >
 79
 80             <ImageView
 81                 android:id="@+id/imageView3"
 82                 android:layout_width="30dp"
 83                 android:layout_height="30dp"
 84                 android:src="@drawable/sc" />
 85
 86             <TextView
 87                 android:layout_width="wrap_content"
 88                 android:layout_height="wrap_content"
 89                 android:layout_marginLeft="14dp"
 90                 android:text="收藏"
 91                 android:textColor="#000"
 92                 android:textSize="18sp" />
 93         </LinearLayout>
 94     </LinearLayout>
 95
 96     <LinearLayout
 97         android:id="@+id/login_div"
 98         android:layout_width="fill_parent"
 99         android:layout_height="50dp"
100         android:layout_margin="10dp"
101         android:background="@drawable/corners_bg"
102         android:gravity="center_vertical"
103         android:padding="10dp" >
104
105         <ImageView
106             android:id="@+id/imageView1"
107             android:layout_width="30dp"
108             android:layout_height="wrap_content"
109             android:layout_marginLeft="10dp"
110             android:src="@drawable/wallet" />
111
112         <TextView
113             android:id="@+id/textView2"
114             android:layout_width="wrap_content"
115             android:layout_height="wrap_content"
116             android:layout_marginLeft="14dp"
117             android:text="钱包"
118             android:textColor="#000"
119             android:textSize="18sp" />
120     </LinearLayout>
121
122     <LinearLayout
123         android:id="@+id/login_div"
124         android:layout_width="fill_parent"
125         android:layout_height="50dp"
126         android:layout_margin="10dp"
127         android:background="@drawable/corners_bg"
128         android:gravity="center_vertical"
129         android:padding="10dp" >
130
131         <ImageView
132             android:id="@+id/imageView1"
133             android:layout_width="30dp"
134             android:layout_height="wrap_content"
135             android:layout_marginLeft="10dp"
136             android:src="@drawable/intercalate" />
137
138         <TextView
139             android:id="@+id/textView2"
140             android:layout_width="wrap_content"
141             android:layout_height="wrap_content"
142             android:layout_marginLeft="14dp"
143             android:text="设置"
144             android:textColor="#000"
145             android:textSize="18sp" />
146     </LinearLayout>
147
148 </LinearLayout>

布局效果图:

时间: 2024-10-24 22:00:44

Android布局 圆角边框的实现的相关文章

Android实现圆角边框布局

设置边框圆角可以在drawable-mdpi目录里定义一个xml: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#000000" /> <corners android:top

android布局layout边框颜色

布局文件layout背景色里:   <LinearLayout             android:layout_width="130dp"             android:layout_height="104dp"             android:background="@drawable/bg_frame"             android:orientation="vertical" &g

圆角边框和渐变

Demo2\aa\src\main\res\drawable\bg_border.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <shape xmlns:android="http://schemas.android.com/apk/res/android"> 3 <!--设置背景色为透明色--> 4 <solid android:color="#

Android布局实现圆角边框

首先,在res下面新建一个文件夹drawable,在drawable下面新建三个xml文件:shape_corner_down.xml.shape_corner_up.xml和shape_corner.xml,分别是下面两个角是圆角边框,上面两个角是圆角边框,四个角全部是圆角边框. shape_corner_down.xml: 1 2 3 4 5 6 7 <?xml version="1.0" encoding="utf-8"?> <shape x

Android给TextView和EditText等控件设置透明背景、圆角边框

第一种方法:在drawable文件夹下新建一个文件设置背景样式 代码: 在drawable文件夹下面新建textviewborder.xml <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#80858

【Android UI】案例02 圆角边框、圆角背景的实现(shape)

本文主要分享圆角边框与圆角背景的实现方式.该方式的实现,需要了解shape的使用,该部分的详细介绍,请阅读博客http://blog.csdn.net/mahoking/article/details/23672271.文中有较详细的介绍. [转载使用,请注明出处:http://blog.csdn.net/mahoking] 如下是演示的shape_layout.xml模板. <?xml version="1.0" encoding="utf-8"?>

Android给TextView设置透明背景、圆角边框

第一种方法:在drawable文件夹下新建一个文件设置背景样式 代码: 在drawable文件夹下面新建text_view_border.xml [java] view plaincopy <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid an

50个Android开发技巧(12 为控件加入圆角边框)

控件的圆角边框能够使你的App看起来更美观,事实上实现起来也非常easy. (原文地址:http://blog.csdn.net/vector_yi/article/details/24463025) 以创建一个灰色的带圆角边框的Button为例: 一.创建一个ShapeDrawable作为背景 在drawable文件夹下创建一个button_rounded_background.xml文件: <shape xmlns:android = "http://schemas.android.c

Android为各种组件或布局添加边框 以xml方式实现

1.在drawable文件夹下新建一个border.xml文件,然后将以下代码粘贴进去,可以根据自己的需要定义不同的颜色边框,或者是只有单边.两边或三边.四边的情况,非常好控制. 2.引用 在你需要使用的组件上或者是Layout布局上以background的方式去引用border.xml就可以了.项目中如果需要多种样式边框,当然你可以将border.xml命名成不同的文件名,然后分别加以引用即可(扯多了,大家都挺牛叉的)! <?xml version="1.0" encoding