Android好看的UI用户界面

水深无声 2023-10-18 14:53 222阅读 0赞

以下是图片效果
在这里插入图片描述

XML代码如下

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:id="@+id/activity_new_meeting"
  4. android:layout_width="match_parent"
  5. android:layout_height="match_parent"
  6. android:background="#ff000000"
  7. android:clipToPadding="true"
  8. android:fitsSystemWindows="true">
  9. <RelativeLayout
  10. android:layout_width="match_parent"
  11. android:layout_height="match_parent"
  12. android:layout_alignParentStart="true"
  13. android:layout_alignParentLeft="true"
  14. android:layout_alignParentTop="true"
  15. android:background="#eee">
  16. <ScrollView
  17. android:layout_width="match_parent"
  18. android:layout_height="match_parent"
  19. android:layout_alignParentStart="true"
  20. android:layout_alignParentLeft="true"
  21. android:layout_alignParentTop="true">
  22. <LinearLayout
  23. android:layout_width="match_parent"
  24. android:layout_height="wrap_content"
  25. android:background="#fff0f0f0"
  26. android:orientation="vertical">
  27. <RelativeLayout
  28. android:layout_width="fill_parent"
  29. android:layout_height="50dp">
  30. </RelativeLayout>
  31. <View
  32. android:layout_width="match_parent"
  33. android:layout_height="1dp"
  34. android:background="#ffeeeeee" />
  35. <RelativeLayout
  36. android:layout_width="match_parent"
  37. android:layout_height="60dp"
  38. android:background="#ffffffff">
  39. <TextView
  40. android:id="@+id/star1"
  41. android:layout_width="wrap_content"
  42. android:layout_height="wrap_content"
  43. android:layout_centerVertical="true"
  44. android:layout_marginLeft="15dp"
  45. android:text="*"
  46. android:textColor="#ff4824"
  47. android:textSize="16sp" />
  48. <TextView
  49. android:layout_width="wrap_content"
  50. android:layout_height="wrap_content"
  51. android:layout_centerVertical="true"
  52. android:layout_marginTop="15.0dip"
  53. android:layout_marginBottom="15.0dip"
  54. android:layout_toRightOf="@id/star1"
  55. android:gravity="center_vertical"
  56. android:text="XXXXXX"
  57. android:textColor="#ff333333"
  58. android:textSize="16sp" />
  59. <EditText
  60. android:id="@+id/input_theme"
  61. android:layout_width="match_parent"
  62. android:layout_height="wrap_content"
  63. android:layout_alignParentRight="true"
  64. android:layout_centerVertical="true"
  65. android:layout_marginLeft="100dp"
  66. android:layout_marginRight="25dp"
  67. android:background="@color/white"
  68. android:gravity="right"
  69. android:hint="YYYYYYY"
  70. android:singleLine="true"
  71. android:textColor="#ff999999"
  72. android:textSize="16sp" />
  73. </RelativeLayout>
  74. <LinearLayout
  75. android:layout_width="match_parent"
  76. android:layout_height="wrap_content"
  77. android:layout_marginTop="15dp"
  78. android:background="#ffffffff"
  79. android:orientation="vertical">
  80. <RelativeLayout
  81. android:layout_width="fill_parent"
  82. android:layout_height="50dp">
  83. <TextView
  84. android:id="@+id/star2"
  85. android:layout_width="wrap_content"
  86. android:layout_height="wrap_content"
  87. android:layout_centerVertical="true"
  88. android:layout_marginLeft="15dp"
  89. android:text="*"
  90. android:textColor="#ff4824"
  91. android:textSize="16sp" />
  92. <TextView
  93. android:id="@+id/textView2"
  94. android:layout_width="wrap_content"
  95. android:layout_height="wrap_content"
  96. android:layout_centerVertical="true"
  97. android:layout_marginLeft="1dp"
  98. android:layout_toRightOf="@id/star2"
  99. android:text="XXXXXX"
  100. android:textColor="#ff333333"
  101. android:textSize="16sp" />
  102. <TextView
  103. android:id="@+id/dateDisplay"
  104. android:layout_width="wrap_content"
  105. android:layout_height="wrap_content"
  106. android:layout_centerVertical="true"
  107. android:layout_marginRight="25dp"
  108. android:layout_alignParentRight="true"
  109. android:text="YYYYYYY"
  110. android:textColor="#ff999999"
  111. android:textSize="16sp" />
  112. <View
  113. android:layout_width="match_parent"
  114. android:layout_height="1dp"
  115. android:layout_alignParentBottom="true"
  116. android:background="#ffeeeeee" />
  117. </RelativeLayout>
  118. <RelativeLayout
  119. android:layout_width="match_parent"
  120. android:layout_height="50dp">
  121. <TextView
  122. android:id="@+id/star3"
  123. android:layout_width="wrap_content"
  124. android:layout_height="wrap_content"
  125. android:layout_centerVertical="true"
  126. android:layout_marginLeft="15dp"
  127. android:text="*"
  128. android:textColor="#ff4824"
  129. android:textSize="16sp" />
  130. <TextView
  131. android:layout_width="wrap_content"
  132. android:layout_height="wrap_content"
  133. android:layout_centerVertical="true"
  134. android:layout_marginLeft="1dp"
  135. android:layout_toRightOf="@id/star3"
  136. android:text="XXXXXX"
  137. android:textColor="#ff333333"
  138. android:textSize="16sp" />
  139. <TextView
  140. android:id="@+id/timeDisplay"
  141. android:layout_width="wrap_content"
  142. android:layout_height="wrap_content"
  143. android:layout_marginRight="25dp"
  144. android:layout_centerVertical="true"
  145. android:layout_alignParentRight="true"
  146. android:text="YYYYYYY"
  147. android:textColor="#ff999999"
  148. android:textSize="16sp" />
  149. </RelativeLayout>
  150. <View
  151. android:layout_width="match_parent"
  152. android:layout_height="1dp"
  153. android:background="#ffeeeeee" />
  154. <RelativeLayout
  155. android:layout_width="match_parent"
  156. android:layout_height="50dp">
  157. <TextView
  158. android:id="@+id/star4"
  159. android:layout_width="wrap_content"
  160. android:layout_height="wrap_content"
  161. android:layout_centerVertical="true"
  162. android:layout_marginLeft="15dp"
  163. android:text="*"
  164. android:textColor="#ff4824"
  165. android:textSize="16sp" />
  166. <TextView
  167. android:id="@+id/textView"
  168. android:layout_width="wrap_content"
  169. android:layout_height="wrap_content"
  170. android:layout_centerVertical="true"
  171. android:layout_marginLeft="1dp"
  172. android:layout_toRightOf="@id/star4"
  173. android:text="XXXXXX"
  174. android:textColor="#ff333333"
  175. android:textSize="16sp" />
  176. <TextView
  177. android:id="@+id/endtimeDisplay"
  178. android:layout_width="wrap_content"
  179. android:layout_height="wrap_content"
  180. android:layout_alignBaseline="@+id/textView"
  181. android:layout_alignBottom="@+id/textView"
  182. android:layout_marginRight="25dp"
  183. android:layout_centerHorizontal="true"
  184. android:layout_alignParentRight="true"
  185. android:text="YYYYYYY"
  186. android:textColor="#ff999999"
  187. android:textSize="16sp" />
  188. </RelativeLayout>
  189. <View
  190. android:layout_width="match_parent"
  191. android:layout_height="1dp"
  192. android:background="#ffeeeeee" />
  193. </LinearLayout>
  194. <RelativeLayout
  195. android:layout_width="match_parent"
  196. android:layout_height="50dp"
  197. android:layout_marginTop="10dp"
  198. android:background="#ffffffff">
  199. <TextView
  200. android:id="@+id/tv_select"
  201. android:layout_width="wrap_content"
  202. android:layout_height="wrap_content"
  203. android:layout_centerVertical="true"
  204. android:layout_marginLeft="26dp"
  205. android:text="XXXXXX"
  206. android:textColor="#ff333333"
  207. android:textSize="16sp" />
  208. <View
  209. android:layout_width="match_parent"
  210. android:layout_height="1dp"
  211. android:layout_alignParentBottom="true"
  212. android:background="#ffeeeeee" />
  213. </RelativeLayout>
  214. <View
  215. android:layout_width="fill_parent"
  216. android:layout_height="1.0dip"
  217. android:layout_alignParentBottom="true"
  218. android:background="#ffeeeeee" />
  219. </LinearLayout>
  220. </ScrollView>
  221. <RelativeLayout
  222. android:layout_width="match_parent"
  223. android:layout_height="50dp"
  224. android:layout_alignParentTop="true"
  225. android:background="#ffffffff">
  226. <Button
  227. android:layout_width="45dp"
  228. android:layout_height="wrap_content"
  229. android:layout_alignParentLeft="true"
  230. android:background="@color/transparent" />
  231. <ImageView
  232. android:layout_width="wrap_content"
  233. android:layout_height="wrap_content"
  234. android:layout_centerVertical="true"
  235. android:paddingLeft="15dp"
  236. android:src="@drawable/nav_back1" />
  237. <TextView
  238. android:layout_width="wrap_content"
  239. android:layout_height="wrap_content"
  240. android:layout_centerInParent="true"
  241. android:text="ZZZZZZ"
  242. android:textColor="#ff333333"
  243. android:textSize="17sp" />
  244. <TextView
  245. android:layout_width="wrap_content"
  246. android:layout_height="match_parent"
  247. android:layout_alignParentRight="true"
  248. android:layout_centerVertical="true"
  249. android:gravity="center_vertical"
  250. android:paddingLeft="15dp"
  251. android:paddingRight="15dp"
  252. android:text="确认"
  253. android:textColor="#ff4a90e2"
  254. android:textSize="16sp" />
  255. <View
  256. android:layout_width="match_parent"
  257. android:layout_height="1dp"
  258. android:layout_alignParentBottom="true"
  259. android:background="#ffd8d8d8" />
  260. </RelativeLayout>
  261. </RelativeLayout>
  262. </RelativeLayout>

发表评论

表情:
评论列表 (有 0 条评论,222人围观)

还没有评论,来说两句吧...

相关阅读

    相关 java好看界面

    Java拥有丰富的图形用户界面(GUI)工具包, 其中最常用的是Swing和JavaFX. Swing是Java的标准GUI工具包, 提供了许多可视化组件和布局管理器. Jav