ListView的每个Item 都有圆角外边框。

一、首先看效果图

image

二、文档结构

1、main.xml中有一个ListView控件；

2、main_vlist.xml是ListView中的每个Item控件布局，

3、在main_vlist.xml的最外层父元素的背景设为圆角边框awable/rounded_corner_border。

android:background="@drawable/rounded_corner_border"

image

三、main_vlist.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/rounded_corner_border">
<!-- 第一行 -->
<TextViewandroid:id="@+id/titleTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dip"
android:textColor="#000000"
android:textSize="15dip"/>
<!-- 第二行 -->
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginLeft="20dip">
<TextViewandroid:id="@+id/authorTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="10dip"/>
<TextViewandroid:id="@+id/publisherTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="10dip"
android:layout_toRightOf="@+id/authorTV"
android:paddingLeft="15dip" />"
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="10dip"
android:layout_alignParentRight="true"
android:layout_marginRight="15dip"
android:text=">>"/>
</RelativeLayout>
<!-- 第三行 -->
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginLeft="20dip">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="10dip"
android:text="还书日期："/>
<TextViewandroid:id="@+id/yearTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="10dip"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="10dip"
android:text="年"/>
<TextViewandroid:id="@+id/monthTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="10dip"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="10dip"
android:text="月"/>
<TextViewandroid:id="@+id/dayTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="10dip"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textSize="10dip"
android:text="日"/>
</LinearLayout>

</LinearLayout>

<!-- <?xml version="1.0" encoding="utf-8"?>
<TextView
xmlns:android="http://schemas.android.com/apk/res/android"
android:text="TextView1"
android:id="@+id/topTextView"
android:layout_width="fill_parent"
android:textSize="20dip"
android:layout_height="wrap_content" >
</TextView>






<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dip">

</LinearLayout>

<LinearLayout android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<LinearLayout
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content">


<TextView android:id="@+id/priceTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#FFFFFFFF"
android:textSize="13dip" />
<TextView android:id="@+id/pagesTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#000000FF"
android:textSize="13dip" />

</LinearLayout>

</LinearLayout>




-->

四、drawable/rounded_corner_border.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<?xmlversion="1.0"encoding="utf-8"?>
<shapexmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

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

<!-- 外边线 –>
<stroke
android:width="1dp"
android:color="#000000"/>

<!-- 渐变 -->
<gradient
android:startColor="#00000000"
android:endColor="#00000000"/>

<padding
android:left="7dp"
android:top="7dp"
android:right="7dp"
android:bottom="7dp"/>

<!-- 圆角锐度 -->
<corners
android:radius="10dp"/>

</shape>

更多相关文章

  1. Android 控件背景图片和imagebutton的使用（selector）
  2. Android自带的时间空间和日期控件
  3. Android 界面开发---控件事件监听器、按键处理
  4. 我的android 第5天 - 常见控件使用
  5. ProgressBar控件的使用（Android设置条形，环形进度条）
  6. Android实现EditText控件禁止输入内容的方法(附测试demo)
  7. Android 自动化测试—robotium（四）CheckBox控件
  8. 将Android Studio里的EditText控件弄成圆角（即背景设置为弧形）

随机推荐

  1. Android 音频简介（转）
  2. Android导入项目时Android jar包丢失的解
  3. Android(安卓)StrictMode使用
  4. Android 中自定义View(四)
  5. 讲给Android程序员看的前端教程(20)——f
  6. android 全局变量 Application
  7. Android 生态详解
  8. Android 之 复习大纲
  9. 最封闭的开源系统：话说 Android 的八宗罪
  10. android spinner修改 样式