当前位置:   article > 正文

移动应用开发实验一Android studio设计三种计算器的UI_用android studio做一个计算器ui

用android studio做一个计算器ui

使用必要的布局方式,设计下面三种计算器的界面:

简单的计算器

科学计算器

程序计算器

简单的计算器

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent">
  5. <TextView
  6. android:layout_width="match_parent"
  7. android:layout_height="wrap_content"
  8. android:text="0"
  9. android:gravity="end"
  10. android:layout_column="0"
  11. android:textSize="50sp"
  12. android:background="@drawable/shape"/>
  13. <TableRow>
  14. <Button
  15. android:layout_width="wrap_content"
  16. android:layout_height="wrap_content"
  17. android:text="退格"
  18. android:layout_column="0"
  19. android:layout_marginTop="10dp"
  20. android:layout_marginLeft="10dp"
  21. android:layout_marginRight="2dp"
  22. android:layout_marginBottom="2dp"/>
  23. <Button
  24. android:layout_width="wrap_content"
  25. android:layout_height="wrap_content"
  26. android:text="清除"
  27. android:layout_column="1"
  28. android:layout_marginTop="10dp"
  29. android:layout_marginLeft="2dp"
  30. android:layout_marginRight="2dp"
  31. android:layout_marginBottom="2dp"/>
  32. <Button
  33. android:layout_width="wrap_content"
  34. android:layout_height="wrap_content"
  35. android:text="±"
  36. android:layout_column="2"
  37. android:layout_marginTop="10dp"
  38. android:layout_marginLeft="2dp"
  39. android:layout_marginRight="2dp"
  40. android:layout_marginBottom="2dp"/>
  41. <Button
  42. android:layout_width="wrap_content"
  43. android:layout_height="wrap_content"
  44. android:text="+"
  45. android:layout_column="3"
  46. android:layout_marginTop="10dp"
  47. android:layout_marginLeft="2dp"
  48. android:layout_marginRight="2dp"
  49. android:layout_marginBottom="2dp"/>
  50. </TableRow>
  51. <TableRow>
  52. <Button
  53. android:layout_width="wrap_content"
  54. android:layout_height="wrap_content"
  55. android:text="7"
  56. android:layout_column="0"
  57. android:layout_marginTop="2dp"
  58. android:layout_marginLeft="10dp"
  59. android:layout_marginRight="2dp"
  60. android:layout_marginBottom="2dp"/>
  61. <Button
  62. android:layout_width="wrap_content"
  63. android:layout_height="wrap_content"
  64. android:text="8"
  65. android:layout_column="1"
  66. android:layout_margin="2dp"/>
  67. <Button
  68. android:layout_width="wrap_content"
  69. android:layout_height="wrap_content"
  70. android:text="9"
  71. android:layout_column="2"
  72. android:layout_margin="2dp"/>
  73. <Button
  74. android:layout_width="wrap_content"
  75. android:layout_height="wrap_content"
  76. android:text="-"
  77. android:layout_column="3"
  78. android:layout_margin="2dp"/>
  79. </TableRow>
  80. <TableRow>
  81. <Button
  82. android:layout_width="wrap_content"
  83. android:layout_height="wrap_content"
  84. android:text="4"
  85. android:layout_column="0"
  86. android:layout_marginTop="2dp"
  87. android:layout_marginLeft="10dp"
  88. android:layout_marginRight="2dp"
  89. android:layout_marginBottom="2dp"/>
  90. <Button
  91. android:layout_width="wrap_content"
  92. android:layout_height="wrap_content"
  93. android:text="5"
  94. android:layout_column="1"
  95. android:layout_margin="2dp"/>
  96. <Button
  97. android:layout_width="wrap_content"
  98. android:layout_height="wrap_content"
  99. android:text="6"
  100. android:layout_column="2"
  101. android:layout_margin="2dp"/>
  102. <Button
  103. android:layout_width="wrap_content"
  104. android:layout_height="wrap_content"
  105. android:text="*"
  106. android:layout_column="3"
  107. android:layout_margin="2dp"/>
  108. </TableRow>
  109. <TableRow>
  110. <Button
  111. android:layout_width="wrap_content"
  112. android:layout_height="wrap_content"
  113. android:text="1"
  114. android:layout_column="0"
  115. android:layout_marginTop="2dp"
  116. android:layout_marginLeft="10dp"
  117. android:layout_marginRight="2dp"
  118. android:layout_marginBottom="2dp"/>
  119. <Button
  120. android:layout_width="wrap_content"
  121. android:layout_height="wrap_content"
  122. android:text="2"
  123. android:layout_column="1"
  124. android:layout_margin="2dp"/>
  125. <Button
  126. android:layout_width="wrap_content"
  127. android:layout_height="wrap_content"
  128. android:text="3"
  129. android:layout_column="2"
  130. android:layout_margin="2dp"/>
  131. <Button
  132. android:layout_width="wrap_content"
  133. android:layout_height="wrap_content"
  134. android:text="/"
  135. android:layout_column="3"
  136. android:layout_margin="2dp"/>
  137. </TableRow>
  138. <TableRow>
  139. <Button
  140. android:layout_width="wrap_content"
  141. android:layout_height="wrap_content"
  142. android:text="0"
  143. android:layout_column="0"
  144. android:layout_marginTop="2dp"
  145. android:layout_marginLeft="10dp"
  146. android:layout_marginRight="2dp"
  147. android:layout_marginBottom="2dp"/>
  148. <Button
  149. android:layout_width="wrap_content"
  150. android:layout_height="wrap_content"
  151. android:text="."
  152. android:layout_column="1"
  153. android:layout_margin="2dp"/>
  154. <Button
  155. android:layout_width="wrap_content"
  156. android:layout_height="wrap_content"
  157. android:text="1/X"
  158. android:layout_column="2"
  159. android:layout_margin="2dp"/>
  160. <Button
  161. android:layout_width="wrap_content"
  162. android:layout_height="wrap_content"
  163. android:text="="
  164. android:layout_column="3"
  165. android:layout_margin="2dp"/>
  166. </TableRow>
  167. </TableLayout>

科学计算器

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="wrap_content">
  5. <TextView
  6. android:layout_width="match_parent"
  7. android:layout_height="wrap_content"
  8. android:text="0"
  9. android:gravity="end"
  10. android:layout_column="0"
  11. android:textSize="50sp"
  12. android:background="@drawable/shape"/>
  13. <TextView/>
  14. <RadioGroup
  15. android:orientation="horizontal"
  16. android:background="@drawable/shape">
  17. <RadioButton
  18. android:layout_width="match_parent"
  19. android:layout_height="wrap_content"
  20. android:layout_weight="1"
  21. android:text="角度"/>
  22. <RadioButton
  23. android:layout_width="match_parent"
  24. android:layout_height="wrap_content"
  25. android:layout_weight="1"
  26. android:text="弧度"/>
  27. <RadioButton
  28. android:layout_width="match_parent"
  29. android:layout_height="wrap_content"
  30. android:layout_weight="1"
  31. android:text="梯度"/>
  32. </RadioGroup>
  33. <TableLayout
  34. android:layout_width="match_parent"
  35. android:layout_height="wrap_content"
  36. android:background="@drawable/shape">
  37. <TableRow>
  38. <Button
  39. android:layout_width="wrap_content"
  40. android:layout_height="wrap_content"
  41. android:text="SIN"
  42. android:layout_column="0"
  43. android:layout_marginTop="2dp"
  44. android:layout_marginLeft="10dp"
  45. android:layout_marginRight="2dp"
  46. android:layout_marginBottom="2dp"/>
  47. <Button
  48. android:layout_width="wrap_content"
  49. android:layout_height="wrap_content"
  50. android:text="COS"
  51. android:layout_column="1"
  52. android:layout_margin="2dp"/>
  53. <Button
  54. android:layout_width="wrap_content"
  55. android:layout_height="wrap_content"
  56. android:text="TAN"
  57. android:layout_column="2"
  58. android:layout_margin="2dp"/>
  59. <Button
  60. android:layout_width="wrap_content"
  61. android:layout_height="wrap_content"
  62. android:text="COT"
  63. android:layout_column="3"
  64. android:layout_margin="2dp"/>
  65. </TableRow>
  66. <TableRow>
  67. <Button
  68. android:layout_width="wrap_content"
  69. android:layout_height="wrap_content"
  70. android:text="ASIN"
  71. android:layout_column="0"
  72. android:layout_marginTop="2dp"
  73. android:layout_marginLeft="10dp"
  74. android:layout_marginRight="2dp"
  75. android:layout_marginBottom="2dp"/>
  76. <Button
  77. android:layout_width="wrap_content"
  78. android:layout_height="wrap_content"
  79. android:text="ACOS"
  80. android:layout_column="1"
  81. android:layout_margin="2dp"/>
  82. <Button
  83. android:layout_width="wrap_content"
  84. android:layout_height="wrap_content"
  85. android:text="ATAN"
  86. android:layout_column="2"
  87. android:layout_margin="2dp"/>
  88. <Button
  89. android:layout_width="wrap_content"
  90. android:layout_height="wrap_content"
  91. android:text="ACOT"
  92. android:layout_column="3"
  93. android:layout_margin="2dp"/>
  94. </TableRow>
  95. <TableRow>
  96. <Button
  97. android:layout_width="wrap_content"
  98. android:layout_height="wrap_content"
  99. android:text="SINH"
  100. android:layout_column="0"
  101. android:layout_marginTop="2dp"
  102. android:layout_marginLeft="10dp"
  103. android:layout_marginRight="2dp"
  104. android:layout_marginBottom="2dp"/>
  105. <Button
  106. android:layout_width="wrap_content"
  107. android:layout_height="wrap_content"
  108. android:text="COSH"
  109. android:layout_column="1"
  110. android:layout_margin="2dp"/>
  111. <Button
  112. android:layout_width="wrap_content"
  113. android:layout_height="wrap_content"
  114. android:text="TANH"
  115. android:layout_column="2"
  116. android:layout_margin="2dp"/>
  117. <Button
  118. android:layout_width="wrap_content"
  119. android:layout_height="wrap_content"
  120. android:text="COTH"
  121. android:layout_column="3"
  122. android:layout_margin="2dp"/>
  123. </TableRow>
  124. <TableRow>
  125. <Button
  126. android:layout_width="wrap_content"
  127. android:layout_height="wrap_content"
  128. android:text="ASINH"
  129. android:layout_column="0"
  130. android:layout_marginTop="2dp"
  131. android:layout_marginLeft="10dp"
  132. android:layout_marginRight="2dp"
  133. android:layout_marginBottom="2dp"/>
  134. <Button
  135. android:layout_width="wrap_content"
  136. android:layout_height="wrap_content"
  137. android:text="ACOSH"
  138. android:layout_column="1"
  139. android:layout_margin="2dp"/>
  140. <Button
  141. android:layout_width="wrap_content"
  142. android:layout_height="wrap_content"
  143. android:text="ATANH"
  144. android:layout_column="2"
  145. android:layout_margin="2dp"/>
  146. <Button
  147. android:layout_width="wrap_content"
  148. android:layout_height="wrap_content"
  149. android:text="ACOTH"
  150. android:layout_column="3"
  151. android:layout_margin="2dp"/>
  152. </TableRow>
  153. <TableRow>
  154. <Button
  155. android:layout_width="wrap_content"
  156. android:layout_height="wrap_content"
  157. android:text="LN"
  158. android:layout_column="0"
  159. android:layout_marginTop="2dp"
  160. android:layout_marginLeft="10dp"
  161. android:layout_marginRight="2dp"
  162. android:layout_marginBottom="2dp"/>
  163. <Button
  164. android:layout_width="wrap_content"
  165. android:layout_height="wrap_content"
  166. android:text="LOG10"
  167. android:layout_column="1"
  168. android:layout_margin="2dp"/>
  169. <Button
  170. android:layout_width="wrap_content"
  171. android:layout_height="wrap_content"
  172. android:text="N!"
  173. android:layout_column="2"
  174. android:layout_margin="2dp"/>
  175. <Button
  176. android:layout_width="wrap_content"
  177. android:layout_height="wrap_content"
  178. android:text="X^Y"
  179. android:layout_column="3"
  180. android:layout_margin="2dp"/>
  181. </TableRow>
  182. <TableRow>
  183. <Button
  184. android:layout_width="wrap_content"
  185. android:layout_height="wrap_content"
  186. android:text="E^X"
  187. android:layout_column="0"
  188. android:layout_marginTop="2dp"
  189. android:layout_marginLeft="10dp"
  190. android:layout_marginRight="2dp"
  191. android:layout_marginBottom="0dp"/>
  192. <Button
  193. android:layout_width="wrap_content"
  194. android:layout_height="wrap_content"
  195. android:text="π"
  196. android:layout_column="1"
  197. android:layout_marginTop="2dp"
  198. android:layout_marginLeft="2dp"
  199. android:layout_marginRight="2dp"
  200. android:layout_marginBottom="0dp"/>
  201. <Button
  202. android:layout_width="wrap_content"
  203. android:layout_height="wrap_content"
  204. android:text="("
  205. android:layout_column="2"
  206. android:layout_marginTop="2dp"
  207. android:layout_marginLeft="2dp"
  208. android:layout_marginRight="2dp"
  209. android:layout_marginBottom="0dp"/>
  210. <Button
  211. android:layout_width="wrap_content"
  212. android:layout_height="wrap_content"
  213. android:text=")"
  214. android:layout_column="3"
  215. android:layout_marginTop="2dp"
  216. android:layout_marginLeft="2dp"
  217. android:layout_marginRight="2dp"
  218. android:layout_marginBottom="0dp"/>
  219. </TableRow>
  220. </TableLayout>
  221. <TableLayout
  222. android:layout_width="match_parent"
  223. android:layout_height="wrap_content"
  224. android:background="@drawable/shape">
  225. <TableRow>
  226. <Button
  227. android:layout_width="wrap_content"
  228. android:layout_height="wrap_content"
  229. android:text="退格"
  230. android:layout_column="0"
  231. android:layout_marginTop="0dp"
  232. android:layout_marginLeft="10dp"
  233. android:layout_marginRight="2dp"
  234. android:layout_marginBottom="2dp"/>
  235. <Button
  236. android:layout_width="wrap_content"
  237. android:layout_height="wrap_content"
  238. android:text="清除"
  239. android:layout_column="1"
  240. android:layout_marginTop="0dp"
  241. android:layout_marginLeft="2dp"
  242. android:layout_marginRight="2dp"
  243. android:layout_marginBottom="2dp"/>
  244. <Button
  245. android:layout_width="wrap_content"
  246. android:layout_height="wrap_content"
  247. android:text="±"
  248. android:layout_column="2"
  249. android:layout_marginTop="0dp"
  250. android:layout_marginLeft="2dp"
  251. android:layout_marginRight="2dp"
  252. android:layout_marginBottom="2dp"/>
  253. <Button
  254. android:layout_width="wrap_content"
  255. android:layout_height="wrap_content"
  256. android:text="+"
  257. android:layout_column="3"
  258. android:layout_marginTop="0dp"
  259. android:layout_marginLeft="2dp"
  260. android:layout_marginRight="2dp"
  261. android:layout_marginBottom="2dp"/>
  262. </TableRow>
  263. <TableRow>
  264. <Button
  265. android:layout_width="wrap_content"
  266. android:layout_height="wrap_content"
  267. android:text="7"
  268. android:layout_column="0"
  269. android:layout_marginTop="2dp"
  270. android:layout_marginLeft="10dp"
  271. android:layout_marginRight="2dp"
  272. android:layout_marginBottom="2dp"/>
  273. <Button
  274. android:layout_width="wrap_content"
  275. android:layout_height="wrap_content"
  276. android:text="8"
  277. android:layout_column="1"
  278. android:layout_margin="2dp"/>
  279. <Button
  280. android:layout_width="wrap_content"
  281. android:layout_height="wrap_content"
  282. android:text="9"
  283. android:layout_column="2"
  284. android:layout_margin="2dp"/>
  285. <Button
  286. android:layout_width="wrap_content"
  287. android:layout_height="wrap_content"
  288. android:text="-"
  289. android:layout_column="3"
  290. android:layout_margin="2dp"/>
  291. </TableRow>
  292. <TableRow>
  293. <Button
  294. android:layout_width="wrap_content"
  295. android:layout_height="wrap_content"
  296. android:text="4"
  297. android:layout_column="0"
  298. android:layout_marginTop="2dp"
  299. android:layout_marginLeft="10dp"
  300. android:layout_marginRight="2dp"
  301. android:layout_marginBottom="2dp"/>
  302. <Button
  303. android:layout_width="wrap_content"
  304. android:layout_height="wrap_content"
  305. android:text="5"
  306. android:layout_column="1"
  307. android:layout_margin="2dp"/>
  308. <Button
  309. android:layout_width="wrap_content"
  310. android:layout_height="wrap_content"
  311. android:text="6"
  312. android:layout_column="2"
  313. android:layout_margin="2dp"/>
  314. <Button
  315. android:layout_width="wrap_content"
  316. android:layout_height="wrap_content"
  317. android:text="*"
  318. android:layout_column="3"
  319. android:layout_margin="2dp"/>
  320. </TableRow>
  321. <TableRow>
  322. <Button
  323. android:layout_width="wrap_content"
  324. android:layout_height="wrap_content"
  325. android:text="1"
  326. android:layout_column="0"
  327. android:layout_marginTop="2dp"
  328. android:layout_marginLeft="10dp"
  329. android:layout_marginRight="2dp"
  330. android:layout_marginBottom="2dp"/>
  331. <Button
  332. android:layout_width="wrap_content"
  333. android:layout_height="wrap_content"
  334. android:text="2"
  335. android:layout_column="1"
  336. android:layout_margin="2dp"/>
  337. <Button
  338. android:layout_width="wrap_content"
  339. android:layout_height="wrap_content"
  340. android:text="3"
  341. android:layout_column="2"
  342. android:layout_margin="2dp"/>
  343. <Button
  344. android:layout_width="wrap_content"
  345. android:layout_height="wrap_content"
  346. android:text="/"
  347. android:layout_column="3"
  348. android:layout_margin="2dp"/>
  349. </TableRow>
  350. <TableRow>
  351. <Button
  352. android:layout_width="wrap_content"
  353. android:layout_height="wrap_content"
  354. android:text="0"
  355. android:layout_column="0"
  356. android:layout_marginTop="2dp"
  357. android:layout_marginLeft="10dp"
  358. android:layout_marginRight="2dp"
  359. android:layout_marginBottom="2dp"/>
  360. <Button
  361. android:layout_width="wrap_content"
  362. android:layout_height="wrap_content"
  363. android:text="."
  364. android:layout_column="1"
  365. android:layout_margin="2dp"/>
  366. <Button
  367. android:layout_width="wrap_content"
  368. android:layout_height="wrap_content"
  369. android:text="1/X"
  370. android:layout_column="2"
  371. android:layout_margin="2dp"/>
  372. <Button
  373. android:layout_width="wrap_content"
  374. android:layout_height="wrap_content"
  375. android:text="="
  376. android:layout_column="3"
  377. android:layout_margin="2dp"/>
  378. </TableRow>
  379. </TableLayout>
  380. </TableLayout>

程序计算器

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent">
  5. <TextView
  6. android:layout_width="match_parent"
  7. android:layout_height="wrap_content"
  8. android:text="0"
  9. android:gravity="end"
  10. android:layout_column="0"
  11. android:textSize="50sp"
  12. android:background="@drawable/shape"/>
  13. <TextView/>
  14. <RadioGroup
  15. android:orientation="horizontal"
  16. android:background="@drawable/shape">
  17. <RadioButton
  18. android:layout_width="match_parent"
  19. android:layout_height="wrap_content"
  20. android:text="十六进制"
  21. android:layout_weight="1"
  22. android:textSize="10sp"/>
  23. <RadioButton
  24. android:layout_width="match_parent"
  25. android:layout_height="wrap_content"
  26. android:text="十进制"
  27. android:layout_weight="1"
  28. android:textSize="10sp"/>
  29. <RadioButton
  30. android:layout_width="match_parent"
  31. android:layout_height="wrap_content"
  32. android:text="八进制"
  33. android:layout_weight="1"
  34. android:textSize="10sp"/>
  35. <RadioButton
  36. android:layout_width="match_parent"
  37. android:layout_height="wrap_content"
  38. android:text="二进制"
  39. android:layout_weight="1"
  40. android:textSize="10sp"/>
  41. </RadioGroup>
  42. <RadioGroup
  43. android:orientation="horizontal"
  44. android:background="@drawable/shape">
  45. <RadioButton
  46. android:layout_width="match_parent"
  47. android:layout_height="wrap_content"
  48. android:text="八字节"
  49. android:layout_weight="1"
  50. android:textSize="10sp"/>
  51. <RadioButton
  52. android:layout_width="match_parent"
  53. android:layout_height="wrap_content"
  54. android:text="四字节"
  55. android:layout_weight="1"
  56. android:textSize="10sp"/>
  57. <RadioButton
  58. android:layout_width="match_parent"
  59. android:layout_height="wrap_content"
  60. android:text="二字节"
  61. android:layout_weight="1"
  62. android:textSize="10sp"/>
  63. <RadioButton
  64. android:layout_width="match_parent"
  65. android:layout_height="wrap_content"
  66. android:text="单字节"
  67. android:layout_weight="1"
  68. android:textSize="10sp"/>
  69. </RadioGroup>
  70. <TableLayout
  71. android:layout_width="match_parent"
  72. android:layout_height="wrap_content"
  73. android:background="@drawable/shape">
  74. <TableRow>
  75. <Button
  76. android:layout_width="wrap_content"
  77. android:layout_height="wrap_content"
  78. android:text="NOT"
  79. android:layout_column="0"
  80. android:layout_marginTop="2dp"
  81. android:layout_marginLeft="10dp"
  82. android:layout_marginRight="2dp"
  83. android:layout_marginBottom="2dp"
  84. android:layout_weight="1"/>
  85. <Button
  86. android:layout_width="wrap_content"
  87. android:layout_height="wrap_content"
  88. android:text="AND"
  89. android:layout_column="1"
  90. android:layout_margin="2dp"
  91. android:layout_weight="1"/>
  92. <Button
  93. android:layout_width="wrap_content"
  94. android:layout_height="wrap_content"
  95. android:text="OR"
  96. android:layout_column="2"
  97. android:layout_margin="2dp"
  98. android:layout_weight="1"/>
  99. <Button
  100. android:layout_width="wrap_content"
  101. android:layout_height="wrap_content"
  102. android:text="XOR"
  103. android:layout_column="3"
  104. android:layout_margin="2dp"
  105. android:layout_weight="1"/>
  106. </TableRow>
  107. <TableRow>
  108. <Button
  109. android:layout_width="match_parent"
  110. android:layout_height="wrap_content"
  111. android:text="循环左移"
  112. android:layout_column="0"
  113. android:layout_marginTop="2dp"
  114. android:layout_marginLeft="10dp"
  115. android:layout_marginRight="2dp"
  116. android:layout_marginBottom="2dp"
  117. android:layout_weight="1"/>
  118. <Button
  119. android:layout_width="match_parent"
  120. android:layout_height="wrap_content"
  121. android:text="循环右移"
  122. android:layout_column="1"
  123. android:layout_margin="2dp"
  124. android:layout_weight="1"/>
  125. <Button
  126. android:layout_width="match_parent"
  127. android:layout_height="wrap_content"
  128. android:text="左移"
  129. android:layout_column="2"
  130. android:layout_margin="2dp"
  131. android:layout_weight="1"/>
  132. <Button
  133. android:layout_width="match_parent"
  134. android:layout_height="wrap_content"
  135. android:text="MOD"
  136. android:layout_column="3"
  137. android:layout_margin="2dp"
  138. android:layout_weight="1"/>
  139. </TableRow>
  140. <TableRow>
  141. <Button
  142. android:layout_width="match_parent"
  143. android:layout_height="wrap_content"
  144. android:text="无符号右移"
  145. android:layout_column="0"
  146. android:layout_marginTop="2dp"
  147. android:layout_marginLeft="10dp"
  148. android:layout_marginRight="2dp"
  149. android:layout_marginBottom="2dp"
  150. android:layout_weight="1"/>
  151. <Button
  152. android:layout_width="match_parent"
  153. android:layout_height="wrap_content"
  154. android:text="有符号右移"
  155. android:layout_column="1"
  156. android:layout_marginTop="2dp"
  157. android:layout_marginLeft="2dp"
  158. android:layout_marginRight="10dp"
  159. android:layout_marginBottom="2dp"
  160. android:layout_weight="1"/>
  161. </TableRow>
  162. </TableLayout>
  163. <TableLayout
  164. android:layout_width="match_parent"
  165. android:layout_height="wrap_content"
  166. android:background="@drawable/shape">
  167. <TableRow>
  168. <Button
  169. android:layout_width="wrap_content"
  170. android:layout_height="wrap_content"
  171. android:text="退格"
  172. android:layout_column="0"
  173. android:layout_marginTop="0dp"
  174. android:layout_marginLeft="10dp"
  175. android:layout_marginRight="2dp"
  176. android:layout_marginBottom="2dp"/>
  177. <Button
  178. android:layout_width="wrap_content"
  179. android:layout_height="wrap_content"
  180. android:text="清除"
  181. android:layout_column="1"
  182. android:layout_marginTop="0dp"
  183. android:layout_marginLeft="2dp"
  184. android:layout_marginRight="2dp"
  185. android:layout_marginBottom="2dp"/>
  186. <Button
  187. android:layout_width="wrap_content"
  188. android:layout_height="wrap_content"
  189. android:layout_column="2"
  190. android:layout_marginLeft="2dp"
  191. android:layout_marginTop="0dp"
  192. android:layout_marginRight="2dp"
  193. android:layout_marginBottom="2dp"
  194. android:text="9" />
  195. <Button
  196. android:layout_width="wrap_content"
  197. android:layout_height="wrap_content"
  198. android:text="±"
  199. android:layout_column="3"
  200. android:layout_marginTop="0dp"
  201. android:layout_marginLeft="2dp"
  202. android:layout_marginRight="2dp"
  203. android:layout_marginBottom="2dp"/>
  204. </TableRow>
  205. <TableRow>
  206. <Button
  207. android:layout_width="wrap_content"
  208. android:layout_height="wrap_content"
  209. android:text="6"
  210. android:layout_column="0"
  211. android:layout_marginTop="2dp"
  212. android:layout_marginLeft="10dp"
  213. android:layout_marginRight="2dp"
  214. android:layout_marginBottom="2dp"/>
  215. <Button
  216. android:layout_width="wrap_content"
  217. android:layout_height="wrap_content"
  218. android:text="7"
  219. android:layout_column="1"
  220. android:layout_margin="2dp"/>
  221. <Button
  222. android:layout_width="wrap_content"
  223. android:layout_height="wrap_content"
  224. android:text="8"
  225. android:layout_column="2"
  226. android:layout_margin="2dp"/>
  227. <Button
  228. android:layout_width="wrap_content"
  229. android:layout_height="wrap_content"
  230. android:text="+"
  231. android:layout_column="3"
  232. android:layout_margin="2dp"/>
  233. </TableRow>
  234. <TableRow>
  235. <Button
  236. android:layout_width="wrap_content"
  237. android:layout_height="wrap_content"
  238. android:text="3"
  239. android:layout_column="0"
  240. android:layout_marginTop="2dp"
  241. android:layout_marginLeft="10dp"
  242. android:layout_marginRight="2dp"
  243. android:layout_marginBottom="2dp"/>
  244. <Button
  245. android:layout_width="wrap_content"
  246. android:layout_height="wrap_content"
  247. android:text="4"
  248. android:layout_column="1"
  249. android:layout_margin="2dp"/>
  250. <Button
  251. android:layout_width="wrap_content"
  252. android:layout_height="wrap_content"
  253. android:text="5"
  254. android:layout_column="2"
  255. android:layout_margin="2dp"/>
  256. <Button
  257. android:layout_width="wrap_content"
  258. android:layout_height="wrap_content"
  259. android:text="-"
  260. android:layout_column="3"
  261. android:layout_margin="2dp"/>
  262. </TableRow>
  263. <TableRow>
  264. <Button
  265. android:layout_width="wrap_content"
  266. android:layout_height="wrap_content"
  267. android:text="0"
  268. android:layout_column="0"
  269. android:layout_marginTop="2dp"
  270. android:layout_marginLeft="10dp"
  271. android:layout_marginRight="2dp"
  272. android:layout_marginBottom="2dp"/>
  273. <Button
  274. android:layout_width="wrap_content"
  275. android:layout_height="wrap_content"
  276. android:text="1"
  277. android:layout_column="1"
  278. android:layout_margin="2dp"/>
  279. <Button
  280. android:layout_width="wrap_content"
  281. android:layout_height="wrap_content"
  282. android:text="2"
  283. android:layout_column="2"
  284. android:layout_margin="2dp"/>
  285. <Button
  286. android:layout_width="wrap_content"
  287. android:layout_height="wrap_content"
  288. android:text="*"
  289. android:layout_column="3"
  290. android:layout_margin="2dp"/>
  291. </TableRow>
  292. <TableRow>
  293. <Button
  294. android:layout_width="wrap_content"
  295. android:layout_height="wrap_content"
  296. android:text="A"
  297. android:layout_column="0"
  298. android:layout_marginTop="2dp"
  299. android:layout_marginLeft="10dp"
  300. android:layout_marginRight="2dp"
  301. android:layout_marginBottom="2dp"/>
  302. <Button
  303. android:layout_width="wrap_content"
  304. android:layout_height="wrap_content"
  305. android:text="B"
  306. android:layout_column="1"
  307. android:layout_margin="2dp"/>
  308. <Button
  309. android:layout_width="wrap_content"
  310. android:layout_height="wrap_content"
  311. android:text="C"
  312. android:layout_column="2"
  313. android:layout_margin="2dp"/>
  314. <Button
  315. android:layout_width="wrap_content"
  316. android:layout_height="wrap_content"
  317. android:text="/"
  318. android:layout_column="3"
  319. android:layout_margin="2dp"/>
  320. </TableRow>
  321. <TableRow>
  322. <Button
  323. android:layout_width="wrap_content"
  324. android:layout_height="wrap_content"
  325. android:text="D"
  326. android:layout_column="0"
  327. android:layout_marginTop="2dp"
  328. android:layout_marginLeft="10dp"
  329. android:layout_marginRight="2dp"
  330. android:layout_marginBottom="2dp"/>
  331. <Button
  332. android:layout_width="wrap_content"
  333. android:layout_height="wrap_content"
  334. android:text="E"
  335. android:layout_column="1"
  336. android:layout_margin="2dp"/>
  337. <Button
  338. android:layout_width="wrap_content"
  339. android:layout_height="wrap_content"
  340. android:text="F"
  341. android:layout_column="2"
  342. android:layout_margin="2dp"/>
  343. <Button
  344. android:layout_width="wrap_content"
  345. android:layout_height="wrap_content"
  346. android:text="="
  347. android:layout_column="3"
  348. android:layout_margin="2dp"/>
  349. </TableRow>
  350. </TableLayout>
  351. </TableLayout>

边框

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
  3. <stroke android:width="2px" android:color="#000000"/>
  4. <corners
  5. android:bottomLeftRadius="10px"
  6. android:bottomRightRadius="10px"
  7. android:topLeftRadius="10px"
  8. android:topRightRadius="10px"/>
  9. <padding
  10. android:bottom="3dp"
  11. android:left="3dp"
  12. android:right="3dp"
  13. android:top="3dp"/>
  14. </shape>

边框的设置是建立一个drawable的xml文件,然后写了边框宽度、颜色、圆角和内边距。调用的时候用到了background属性

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/271905
推荐阅读
相关标签
  

闽ICP备14008679号