{"id":144,"date":"2017-04-15T14:06:01","date_gmt":"2017-04-15T06:06:01","guid":{"rendered":"http:\/\/av16874667.imwork.net:13582\/?p=144"},"modified":"2017-04-15T14:06:01","modified_gmt":"2017-04-15T06:06:01","slug":"android-floatingactionbutton-%e8%87%aa%e5%ae%9a%e4%b9%89fab","status":"publish","type":"post","link":"https:\/\/www.dd-home.top\/?p=144","title":{"rendered":"Android FloatingActionButton \u81ea\u5b9a\u4e49FAB"},"content":{"rendered":"

\u5f15\u7528\u81ea:http:\/\/www.myandroidsolutions.com\/2015\/01\/01\/android-floating-action-button-fab-tutorial\/<\/a><\/p>\n

<\/p>\n

TUTORIAL DEPRECATED<\/strong><\/h4>\n

Use this tutorial instead:\u00a0Floating Action Button New<\/a><\/h4>\n

In this tutorial I will show you how to add a Floating Action Button aka FAB, for pre Lollipop versions and for Lollipop. For pre versions it will be just a simple round button with shadow and click effect, but for Android 5.0 we will use ripple effect and elevation.<\/p>\n

We will create a ListView and the floating action button will be positioned over the list on the right-bottom of the list.<\/p>\n

1. Create a new project with minSdk:9 and targetSdk:21 and name your main activity as \u201cMainActivity<\/strong>\u201d (it should be generated this way when it\u2019s created)<\/p>\n

This is my\u00a0build.gradle<\/strong><\/p>\n\n\n\n
1<\/p>\n

2<\/p>\n

3<\/p>\n

4<\/p>\n

5<\/p>\n

6<\/p>\n

7<\/p>\n

8<\/p>\n

9<\/p>\n

10<\/p>\n

11<\/p>\n

12<\/p>\n

13<\/p>\n

14<\/p>\n

15<\/p>\n

16<\/p>\n

17<\/p>\n

18<\/p>\n

19<\/p>\n

20<\/p>\n

21<\/p>\n

22<\/p>\n

23<\/p>\n

24<\/p>\n

25<\/td>\n

apply <\/span>plugin<\/span>:<\/span> ‘com.android.application’<\/span><\/p>\n

 <\/p>\n

android<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>compileSdkVersion<\/span> 21<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>buildToolsVersion<\/span> “21.1.2”<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>defaultConfig<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>applicationId<\/span> “ro.funcode.floatingactionbutton”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>minSdkVersion<\/span> 9<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>targetSdkVersion<\/span> 21<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>versionCode<\/span> 1<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>versionName<\/span> “1.0”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>buildTypes<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>release<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>minifyEnabled <\/span>false<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>proguardFiles <\/span>getDefaultProguardFile<\/span>(<\/span>‘proguard-android.txt’<\/span>)<\/span>,<\/span> ‘proguard-rules.pro’<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

}<\/span><\/p>\n

 <\/p>\n

dependencies<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>compile <\/span>fileTree<\/span>(<\/span>dir<\/span>:<\/span> ‘libs’<\/span>,<\/span> include<\/span>:<\/span> [<\/span>‘*.jar’<\/span>]<\/span>)<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>compile<\/span> ‘com.android.support:appcompat-v7:21.0.3’<\/span><\/p>\n

}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Pre\u00a0Lollipop<\/strong><\/em><\/p>\n

2. \u00a0Go to\u00a0res \u2013 layout\u00a0<\/strong>and add a new xml for the items from the list. Name your xml as\u00a0\u201clist_item.xml\u201d\u00a0<\/strong>and add the following code:<\/p>\n\n\n\n
1<\/p>\n

2<\/p>\n

3<\/p>\n

4<\/p>\n

5<\/p>\n

6<\/p>\n

7<\/p>\n

8<\/p>\n

9<\/p>\n

10<\/p>\n

11<\/p>\n

12<\/p>\n

13<\/p>\n

14<\/p>\n

15<\/p>\n

16<\/p>\n

17<\/p>\n

18<\/td>\n

<?<\/span>xml <\/span>version<\/span>=<\/span>“1.0”<\/span> encoding<\/span>=<\/span>“utf-8”<\/span>?><\/span><\/p>\n

<LinearLayout<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>xmlns:<\/span>android<\/span>=<\/span>“http:\/\/schemas.android.com\/apk\/res\/android”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>orientation<\/span>=<\/span>“horizontal”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_width<\/span>=<\/span>“fill_parent”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_height<\/span>=<\/span>“fill_parent”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>id<\/span>=<\/span>“@+id\/list_item”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>gravity<\/span>=<\/span>“center_vertical”<\/span>><\/span><\/p>\n

 <\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><TextView <\/span>android:<\/span>layout_width<\/span>=<\/span>“wrap_content”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_height<\/span>=<\/span>“wrap_content”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>id<\/span>=<\/span>“@+id\/list_item_text_view”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>textSize<\/span>=<\/span>“20sp”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>padding<\/span>=<\/span>“10dp”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_marginLeft<\/span>=<\/span>“5dp”<\/span>\/><\/span><\/p>\n

 <\/p>\n

<\/LinearLayout><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

3. Go to\u00a0res \u2013 drawable<\/strong>\u00a0folder and create a new xml and name it\u00a0fab_shape.xml.\u00a0<\/strong>Copy\u00a0<\/strong>the following code which will represent the shape of\u00a0the floating action button with shadow and click effect:<\/p>\n\n\n\n
1<\/p>\n

2<\/p>\n

3<\/p>\n

4<\/p>\n

5<\/p>\n

6<\/p>\n

7<\/p>\n

8<\/p>\n

9<\/p>\n

10<\/p>\n

11<\/p>\n

12<\/p>\n

13<\/p>\n

14<\/p>\n

15<\/p>\n

16<\/p>\n

17<\/p>\n

18<\/p>\n

19<\/p>\n

20<\/p>\n

21<\/p>\n

22<\/p>\n

23<\/p>\n

24<\/p>\n

25<\/p>\n

26<\/p>\n

27<\/p>\n

28<\/p>\n

29<\/p>\n

30<\/p>\n

31<\/p>\n

32<\/p>\n

33<\/p>\n

34<\/p>\n

35<\/p>\n

36<\/p>\n

37<\/p>\n

38<\/p>\n

39<\/p>\n

40<\/p>\n

41<\/p>\n

42<\/p>\n

43<\/p>\n

44<\/p>\n

45<\/p>\n

46<\/p>\n

47<\/p>\n

48<\/p>\n

49<\/p>\n

50<\/p>\n

51<\/p>\n

52<\/p>\n

53<\/p>\n

54<\/p>\n

55<\/p>\n

56<\/p>\n

57<\/p>\n

58<\/p>\n

59<\/p>\n

60<\/p>\n

61<\/p>\n

62<\/p>\n

63<\/p>\n

64<\/p>\n

65<\/p>\n

66<\/p>\n

67<\/p>\n

68<\/p>\n

69<\/p>\n

70<\/p>\n

71<\/p>\n

72<\/p>\n

73<\/p>\n

74<\/p>\n

75<\/p>\n

76<\/p>\n

77<\/p>\n

78<\/p>\n

79<\/p>\n

80<\/p>\n

81<\/p>\n

82<\/p>\n

83<\/p>\n

84<\/p>\n

85<\/p>\n

86<\/p>\n

87<\/p>\n

88<\/p>\n

89<\/p>\n

90<\/p>\n

91<\/p>\n

92<\/p>\n

93<\/p>\n

94<\/p>\n

95<\/p>\n

96<\/p>\n

97<\/p>\n

98<\/p>\n

99<\/p>\n

100<\/p>\n

101<\/p>\n

102<\/p>\n

103<\/p>\n

104<\/p>\n

105<\/p>\n

106<\/p>\n

107<\/p>\n

108<\/p>\n

109<\/p>\n

110<\/p>\n

111<\/p>\n

112<\/p>\n

113<\/p>\n

114<\/p>\n

115<\/p>\n

116<\/p>\n

117<\/p>\n

118<\/p>\n

119<\/p>\n

120<\/p>\n

121<\/p>\n

122<\/p>\n

123<\/p>\n

124<\/p>\n

125<\/p>\n

126<\/p>\n

127<\/p>\n

128<\/p>\n

129<\/p>\n

130<\/p>\n

131<\/p>\n

132<\/p>\n

133<\/p>\n

134<\/p>\n

135<\/p>\n

136<\/p>\n

137<\/p>\n

138<\/p>\n

139<\/p>\n

140<\/p>\n

141<\/p>\n

142<\/p>\n

143<\/p>\n

144<\/p>\n

145<\/p>\n

146<\/p>\n

147<\/p>\n

148<\/p>\n

149<\/p>\n

150<\/p>\n

151<\/p>\n

152<\/p>\n

153<\/p>\n

154<\/p>\n

155<\/p>\n

156<\/p>\n

157<\/p>\n

158<\/p>\n

159<\/p>\n

160<\/p>\n

161<\/p>\n

162<\/p>\n

163<\/p>\n

164<\/p>\n

165<\/p>\n

166<\/p>\n

167<\/p>\n

168<\/p>\n

169<\/p>\n

170<\/p>\n

171<\/p>\n

172<\/p>\n

173<\/p>\n

174<\/p>\n

175<\/p>\n

176<\/p>\n

177<\/p>\n

178<\/p>\n

179<\/p>\n

180<\/p>\n

181<\/p>\n

182<\/p>\n

183<\/p>\n

184<\/p>\n

185<\/p>\n

186<\/p>\n

187<\/p>\n

188<\/p>\n

189<\/p>\n

190<\/p>\n

191<\/p>\n

192<\/p>\n

193<\/p>\n

194<\/p>\n

195<\/p>\n

196<\/p>\n

197<\/p>\n

198<\/p>\n

199<\/p>\n

200<\/p>\n

201<\/p>\n

202<\/p>\n

203<\/p>\n

204<\/p>\n

205<\/p>\n

206<\/p>\n

207<\/p>\n

208<\/p>\n

209<\/p>\n

210<\/p>\n

211<\/p>\n

212<\/p>\n

213<\/p>\n

214<\/p>\n

215<\/p>\n

216<\/p>\n

217<\/p>\n

218<\/p>\n

219<\/p>\n

220<\/p>\n

221<\/p>\n

222<\/p>\n

223<\/p>\n

224<\/p>\n

225<\/p>\n

226<\/p>\n

227<\/p>\n

228<\/p>\n

229<\/p>\n

230<\/p>\n

231<\/p>\n

232<\/p>\n

233<\/p>\n

234<\/p>\n

235<\/p>\n

236<\/p>\n

237<\/td>\n

<?<\/span>xml <\/span>version<\/span>=<\/span>“1.0”<\/span> encoding<\/span>=<\/span>“utf-8”<\/span>?><\/span><\/p>\n

<selector <\/span>xmlns:<\/span>android<\/span>=<\/span>“http:\/\/schemas.android.com\/apk\/res\/android”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><item <\/span>android:<\/span>state_pressed<\/span>=<\/span>“true”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><layer-list><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><!– Shadow –><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item <\/span>android:<\/span>top<\/span>=<\/span>“1dp”<\/span> android:<\/span>right<\/span>=<\/span>“1dp”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><layer-list><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#08000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“3px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“3px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“3px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“3px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#09000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#10000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#11000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#12000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#13000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#14000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#15000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#16000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/layer-list><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><!– Blue button pressed –><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#90CAF9”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/layer-list><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><item <\/span>android:<\/span>state_enabled<\/span>=<\/span>“true”<\/span>><\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><layer-list><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><!– Shadow –><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item <\/span>android:<\/span>top<\/span>=<\/span>“2dp”<\/span> android:<\/span>right<\/span>=<\/span>“1dp”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><layer-list><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#08000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“4px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“4px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“4px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“4px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#09000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#10000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“2px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#11000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#12000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#13000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#14000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#15000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#16000000”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><padding<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>bottom<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>left<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>right<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>top<\/span>=<\/span>“1px”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/layer-list><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><!– Blue button –><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><shape <\/span>android:<\/span>shape<\/span>=<\/span>“oval”<\/span>><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><solid <\/span>android:<\/span>color<\/span>=<\/span>“#03A9F4”<\/span>\/><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/shape><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/layer-list><\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><\/item><\/span><\/p>\n

 <\/p>\n

<\/selector><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

4. You will have to download the \u201c+\u201d icons which will be displayed on fab. \u00a0You can download them from below:<\/p>\n

Plus Icons FAB<\/a><\/p>\n

Copy these icons into your drawable files.<\/p>\n

5. Now, go to res \u2013 values \u2013 dimens.xml and copy the follwing dimensions:<\/p>\n\n\n\n
1<\/p>\n

2<\/p>\n

3<\/p>\n

4<\/p>\n

5<\/p>\n

6<\/p>\n

7<\/p>\n

8<\/p>\n

9<\/p>\n

10<\/p>\n

11<\/td>\n

<resources><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><!– Default screen margins, per the Android Design guidelines. –><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><dimen <\/span>name<\/span>=<\/span>“activity_horizontal_margin”<\/span>><\/span>16dp<\/span><\/dimen><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><dimen <\/span>name<\/span>=<\/span>“activity_vertical_margin”<\/span>><\/span>16dp<\/span><\/dimen><\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><dimen <\/span>name<\/span>=<\/span>“fab_button_diameter”<\/span>><\/span>56dp<\/span><\/dimen><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><dimen <\/span>name<\/span>=<\/span>“fab_button_margin_bottom”<\/span>><\/span>16dp<\/span><\/dimen><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><dimen <\/span>name<\/span>=<\/span>“fab_button_margin_right”<\/span>><\/span>16dp<\/span><\/dimen><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><dimen <\/span>name<\/span>=<\/span>“elevation_low”<\/span>><\/span>1dp<\/span><\/dimen><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><dimen <\/span>name<\/span>=<\/span>“elevation_high”<\/span>><\/span>8dp<\/span><\/dimen><\/span><\/p>\n

<\/resources><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

6. \u00a0Now go again, in the\u00a0res \u2013 layout<\/strong>\u00a0folder where you should have an xml for the main activity with the following name\u201cactivity_main.xml\u201d.\u00a0<\/strong>Open this xml and add the following code in order to add the ListView and the floating action button:<\/p>\n\n\n\n
1<\/p>\n

2<\/p>\n

3<\/p>\n

4<\/p>\n

5<\/p>\n

6<\/p>\n

7<\/p>\n

8<\/p>\n

9<\/p>\n

10<\/p>\n

11<\/p>\n

12<\/p>\n

13<\/p>\n

14<\/p>\n

15<\/p>\n

16<\/p>\n

17<\/p>\n

18<\/p>\n

19<\/p>\n

20<\/p>\n

21<\/p>\n

22<\/p>\n

23<\/p>\n

24<\/p>\n

25<\/p>\n

26<\/p>\n

27<\/p>\n

28<\/td>\n

<RelativeLayout <\/span>xmlns:<\/span>android<\/span>=<\/span>“http:\/\/schemas.android.com\/apk\/res\/android”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span>xmlns:<\/span>tools<\/span>=<\/span>“http:\/\/schemas.android.com\/tools”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span>android:<\/span>layout_width<\/span>=<\/span>“match_parent”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span>android:<\/span>layout_height<\/span>=<\/span>“match_parent”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span>tools:<\/span>context<\/span>=<\/span>“.MainActivity”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/span>android:<\/span>background<\/span>=<\/span>“@android:color\/white”<\/span>><\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><ListView<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>id<\/span>=<\/span>“@+id\/list”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_width<\/span>=<\/span>“fill_parent”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_height<\/span>=<\/span>“fill_parent”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>cacheColorHint<\/span>=<\/span>“#00000000”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>transcriptMode<\/span>=<\/span>“alwaysScroll”<\/span>\/><\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><ImageButton<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>id<\/span>=<\/span>“@+id\/fab_image_button”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_width<\/span>=<\/span>“@dimen\/fab_button_diameter”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_height<\/span>=<\/span>“@dimen\/fab_button_diameter”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_alignParentRight<\/span>=<\/span>“true”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_alignParentEnd<\/span>=<\/span>“true”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_alignParentBottom<\/span>=<\/span>“true”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_marginBottom<\/span>=<\/span>“@dimen\/fab_button_margin_bottom”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>layout_marginRight<\/span>=<\/span>“@dimen\/fab_button_margin_right”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>background<\/span>=<\/span>“@drawable\/fab_shape”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>src<\/span>=<\/span>“@drawable\/fab_ic_add”<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>android:<\/span>tint<\/span>=<\/span>“@android:color\/white”<\/span>\/><\/span><\/p>\n

 <\/p>\n

<\/RelativeLayout><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

7. Now we can create the adapter for the list view. Create a new java class and name it\u00a0MyCustomAdapter.\u00a0<\/strong>Copy the code below:<\/p>\n\n\n\n
1<\/p>\n

2<\/p>\n

3<\/p>\n

4<\/p>\n

5<\/p>\n

6<\/p>\n

7<\/p>\n

8<\/p>\n

9<\/p>\n

10<\/p>\n

11<\/p>\n

12<\/p>\n

13<\/p>\n

14<\/p>\n

15<\/p>\n

16<\/p>\n

17<\/p>\n

18<\/p>\n

19<\/p>\n

20<\/p>\n

21<\/p>\n

22<\/p>\n

23<\/p>\n

24<\/p>\n

25<\/p>\n

26<\/p>\n

27<\/p>\n

28<\/p>\n

29<\/p>\n

30<\/p>\n

31<\/p>\n

32<\/p>\n

33<\/p>\n

34<\/p>\n

35<\/p>\n

36<\/p>\n

37<\/p>\n

38<\/p>\n

39<\/p>\n

40<\/p>\n

41<\/p>\n

42<\/p>\n

43<\/p>\n

44<\/p>\n

45<\/p>\n

46<\/p>\n

47<\/p>\n

48<\/p>\n

49<\/p>\n

50<\/p>\n

51<\/p>\n

52<\/p>\n

53<\/p>\n

54<\/p>\n

55<\/p>\n

56<\/p>\n

57<\/p>\n

58<\/p>\n

59<\/p>\n

60<\/p>\n

61<\/p>\n

62<\/p>\n

63<\/p>\n

64<\/p>\n

65<\/p>\n

66<\/p>\n

67<\/p>\n

68<\/p>\n

69<\/p>\n

70<\/p>\n

71<\/p>\n

72<\/p>\n

73<\/p>\n

74<\/p>\n

75<\/p>\n

76<\/p>\n

77<\/p>\n

78<\/p>\n

79<\/p>\n

80<\/p>\n

81<\/p>\n

82<\/p>\n

83<\/p>\n

84<\/p>\n

85<\/p>\n

86<\/p>\n

87<\/p>\n

88<\/td>\n

package<\/span> ro<\/span>.<\/span>funcode<\/span>.<\/span>floatingactionbutton<\/span>;<\/span><\/p>\n

import<\/span> android<\/span>.<\/span>content<\/span>.<\/span>Context<\/span>;<\/span><\/p>\n

import<\/span> android<\/span>.<\/span>view<\/span>.<\/span>LayoutInflater<\/span>;<\/span><\/p>\n

import<\/span> android<\/span>.<\/span>view<\/span>.<\/span>View<\/span>;<\/span><\/p>\n

import<\/span> android<\/span>.<\/span>view<\/span>.<\/span>ViewGroup<\/span>;<\/span><\/p>\n

import<\/span> android<\/span>.<\/span>widget<\/span>.<\/span>BaseAdapter<\/span>;<\/span><\/p>\n

import<\/span> android<\/span>.<\/span>widget<\/span>.<\/span>TextView<\/span>;<\/span><\/p>\n

 <\/p>\n

import<\/span> java<\/span>.<\/span>util<\/span>.<\/span>ArrayList<\/span>;<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

public<\/span> class<\/span> MyCustomAdapter<\/span> extends<\/span> BaseAdapter<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>private<\/span> ArrayList<\/span><String><\/span> mListItems<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>private<\/span> LayoutInflater <\/span>mLayoutInflater<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>public<\/span> MyCustomAdapter<\/span>(<\/span>Context <\/span>context<\/span>,<\/span> ArrayList<\/span><String><\/span> arrayList<\/span>)<\/span>{<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>mListItems<\/span> =<\/span> arrayList<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/get the layout inflater<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>mLayoutInflater<\/span> =<\/span> (<\/span>LayoutInflater<\/span>)<\/span> context<\/span>.<\/span>getSystemService<\/span>(<\/span>Context<\/span>.<\/span>LAYOUT_INFLATER_SERVICE<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>@Override<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>public<\/span> int<\/span> getCount<\/span>(<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/getCount() represents how many items are in the list<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>return<\/span> mListItems<\/span>.<\/span>size<\/span>(<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>@Override<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>\/\/get the data of an item from a specific position<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>\/\/i represents the position of the item in the list<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>public<\/span> Object<\/span> getItem<\/span>(<\/span>int<\/span> i<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>return<\/span> null<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>@Override<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>\/\/get the position id of the item from the list<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>public<\/span> long<\/span> getItemId<\/span>(<\/span>int<\/span> i<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>return<\/span> 0<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>@Override<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>public<\/span> View <\/span>getView<\/span>(<\/span>int<\/span> position<\/span>,<\/span> View <\/span>view<\/span>,<\/span> ViewGroup <\/span>viewGroup<\/span>)<\/span> {<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/ create a ViewHolder reference<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>ViewHolder <\/span>holder<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/check to see if the reused view is null or not, if is not null then reuse it<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>if<\/span> (<\/span>view<\/span> ==<\/span> null<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>holder<\/span> =<\/span> new<\/span> ViewHolder<\/span>(<\/span>)<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>view<\/span> =<\/span> mLayoutInflater<\/span>.<\/span>inflate<\/span>(<\/span>R<\/span>.<\/span>layout<\/span>.<\/span>list_item<\/span>,<\/span> null<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>holder<\/span>.<\/span>itemName<\/span> =<\/span> (<\/span>TextView<\/span>)<\/span> view<\/span>.<\/span>findViewById<\/span>(<\/span>R<\/span>.<\/span>id<\/span>.<\/span>list_item_text_view<\/span>)<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/ the setTag is used to store the data within this view<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>view<\/span>.<\/span>setTag<\/span>(<\/span>holder<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span> else<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/ the getTag returns the viewHolder object set as a tag to the view<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>holder<\/span> =<\/span> (<\/span>ViewHolder<\/span>)<\/span>view<\/span>.<\/span>getTag<\/span>(<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/get the string item from the position “position” from array list to put it on the TextView<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>String<\/span> stringItem<\/span> =<\/span> mListItems<\/span>.<\/span>get<\/span>(<\/span>position<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>if<\/span> (<\/span>stringItem<\/span> !=<\/span> null<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>if<\/span> (<\/span>holder<\/span>.<\/span>itemName<\/span> !=<\/span> null<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/set the item name on the TextView<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>holder<\/span>.<\/span>itemName<\/span>.<\/span>setText<\/span>(<\/span>stringItem<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/this method must return the view corresponding to the data at the specified position.<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>return<\/span> view<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>\/**<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0 * Static class used to avoid the calling of “findViewById” every time the getView() method is called,<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0 * because this can impact to your application performance when your list is too big. The class is static so it<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0 * cache all the things inside once it’s created.<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0 *\/<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>private<\/span> static<\/span> class<\/span> ViewHolder<\/span> {<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>protected<\/span> TextView <\/span>itemName<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

8. \u00a0Now the final step, for pre Lollipop example, is to set customize the theme a little bit.<\/p>\n

8.1 So first you have to go to\u00a0res \u2013 values \u2013 colors.xml<\/strong>\u00a0(if you don\u2019t have the colors.xml you just have to\u00a0right click the values folder \u2013 select New \u2013 Value resource file\u00a0<\/strong>\u00a0and write colors.xml in the window that opens). Copy the following colors:<\/p>\n\n\n\n
1<\/p>\n

2<\/p>\n

3<\/p>\n

4<\/p>\n

5<\/p>\n

6<\/p>\n

7<\/td>\n

<?<\/span>xml <\/span>version<\/span>=<\/span>“1.0”<\/span> encoding<\/span>=<\/span>“utf-8”<\/span>?><\/span><\/p>\n

<resources><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><!–Color primary 500 from palette colors –><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><color <\/span>name<\/span>=<\/span>“primary”<\/span>><\/span>#03A9F4<\/span><\/color><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><!–Color primary dark 700 from palette colors –><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><color <\/span>name<\/span>=<\/span>“primaryDark”<\/span>><\/span>#0288D1<\/span><\/color><\/span><\/p>\n

<\/resources><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

8.2 Now go to\u00a0res \u2013 values \u2013 styles.xml\u00a0<\/strong>\u00a0and copy the code below:<\/p>\n\n\n\n
1<\/p>\n

2<\/p>\n

3<\/p>\n

4<\/p>\n

5<\/p>\n

6<\/p>\n

7<\/p>\n

8<\/p>\n

9<\/p>\n

10<\/td>\n

<resources><\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><!– Base application theme. –><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<style <\/span>name<\/span>=”AppTheme” parent<\/span>=”Theme.AppCompat.Light.DarkActionBar”><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><!– <\/span>Customize<\/span> your<\/span> theme<\/span> here.<\/span> –><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item <\/span>name<\/span>=”colorPrimary”>@color\/primary<\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><item <\/span>name<\/span>=”colorPrimaryDark”>@color\/primaryDark<\/item><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span><\/style><\/span><\/p>\n

 <\/p>\n

<\/resources><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

9. Now go to\u00a0MainActivity\u00a0<\/strong>and copy the following code and then you can run the app.<\/p>\n\n\n\n
1<\/p>\n

2<\/p>\n

3<\/p>\n

4<\/p>\n

5<\/p>\n

6<\/p>\n

7<\/p>\n

8<\/p>\n

9<\/p>\n

10<\/p>\n

11<\/p>\n

12<\/p>\n

13<\/p>\n

14<\/p>\n

15<\/p>\n

16<\/p>\n

17<\/p>\n

18<\/p>\n

19<\/p>\n

20<\/p>\n

21<\/p>\n

22<\/p>\n

23<\/p>\n

24<\/p>\n

25<\/p>\n

26<\/p>\n

27<\/p>\n

28<\/p>\n

29<\/p>\n

30<\/p>\n

31<\/p>\n

32<\/p>\n

33<\/p>\n

34<\/p>\n

35<\/p>\n

36<\/p>\n

37<\/p>\n

38<\/p>\n

39<\/p>\n

40<\/p>\n

41<\/p>\n

42<\/p>\n

43<\/p>\n

44<\/p>\n

45<\/p>\n

46<\/p>\n

47<\/p>\n

48<\/p>\n

49<\/p>\n

50<\/p>\n

51<\/p>\n

52<\/td>\n

import<\/span> android<\/span>.<\/span>support<\/span>.<\/span>v7<\/span>.<\/span>app<\/span>.<\/span>ActionBarActivity<\/span>;<\/span><\/p>\n

import<\/span> android<\/span>.<\/span>os<\/span>.<\/span>Bundle<\/span>;<\/span><\/p>\n

import<\/span> android<\/span>.<\/span>view<\/span>.<\/span>View<\/span>;<\/span><\/p>\n

import<\/span> android<\/span>.<\/span>widget<\/span>.<\/span>ImageButton<\/span>;<\/span><\/p>\n

import<\/span> android<\/span>.<\/span>widget<\/span>.<\/span>ListView<\/span>;<\/span><\/p>\n

 <\/p>\n

import<\/span> java<\/span>.<\/span>util<\/span>.<\/span>ArrayList<\/span>;<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

public<\/span> class<\/span> MainActivity<\/span> extends<\/span> ActionBarActivity<\/span> {<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>private<\/span> ListView <\/span>myList<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>@Override<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>protected<\/span> void<\/span> onCreate<\/span>(<\/span>Bundle <\/span>savedInstanceState<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>super<\/span>.<\/span>onCreate<\/span>(<\/span>savedInstanceState<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>setContentView<\/span>(<\/span>R<\/span>.<\/span>layout<\/span>.<\/span>activity_main<\/span>)<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/relate the listView from java to the one created in xml<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>myList<\/span> =<\/span> (<\/span>ListView<\/span>)<\/span> findViewById<\/span>(<\/span>R<\/span>.<\/span>id<\/span>.<\/span>list<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>myList<\/span>.<\/span>setOnItemClickListener<\/span>(<\/span>new<\/span> AdapterView<\/span>.<\/span>OnItemClickListener<\/span>(<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>@Override<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>public<\/span> void<\/span> onItemClick<\/span>(<\/span>AdapterView<\/span><<\/span>?<\/span>><\/span> parent<\/span>,<\/span> View <\/span>view<\/span>,<\/span> int<\/span> position<\/span>,<\/span> long<\/span> id<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>Toast<\/span>.<\/span>makeText<\/span>(<\/span>MainActivity<\/span>.<\/span>this<\/span>,<\/span> “Row “<\/span> +<\/span> position<\/span> +<\/span> ” clicked”<\/span> ,<\/span>Toast<\/span>.<\/span>LENGTH_SHORT<\/span>)<\/span>.<\/span>show<\/span>(<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span>)<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>ImageButton <\/span>fabImageButton<\/span> =<\/span> (<\/span>ImageButton<\/span>)<\/span> findViewById<\/span>(<\/span>R<\/span>.<\/span>id<\/span>.<\/span>fab_image_button<\/span>)<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>final<\/span> ArrayList<\/span><String><\/span> list<\/span> =<\/span> new<\/span> ArrayList<\/span><><\/span>(<\/span>)<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/for simplicity we will add the same name for 20 times to populate the list view<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>for<\/span> (<\/span>int<\/span> i<\/span> =<\/span> 0<\/span>;<\/span> i<\/span> <<\/span> 5<\/span>;<\/span> i<\/span>++<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>list<\/span>.<\/span>add<\/span>(<\/span>“Item “<\/span> +<\/span> i<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>final<\/span> MyCustomAdapter <\/span>adapter<\/span> =<\/span> new<\/span> MyCustomAdapter<\/span>(<\/span>MainActivity<\/span>.<\/span>this<\/span>,<\/span> list<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>fabImageButton<\/span>.<\/span>setOnClickListener<\/span>(<\/span>new<\/span> View<\/span>.<\/span>OnClickListener<\/span>(<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>@Override<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>public<\/span> void<\/span> onClick<\/span>(<\/span>View<\/span> v<\/span>)<\/span> {<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>list<\/span>.<\/span>add<\/span>(<\/span>“New Item”<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>adapter<\/span>.<\/span>notifyDataSetChanged<\/span>(<\/span>)<\/span>;<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span>)<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/show the ListView on the screen<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/ The adapter MyCustomAdapter is responsible for maintaining the data backing this list and for producing<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\/\/ a view to represent an item in that data set.<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>myList<\/span>.<\/span>setAdapter<\/span>(<\/span>adapter<\/span>)<\/span>;<\/span><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/p>\n

}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

\"Floating<\/a><\/p>\n

Floating Action Button pre Lollipop<\/p>\n

 <\/p>\n

For\u00a0Lollipop<\/strong><\/em><\/h2>\n

For Lollipop we will have to add new directory resources for v21.<\/p>\n