目錄

1. 修好表格
2. 播放音檔

正文

修好表格

這邊先說說製作表格的兩種方式：

• 透過背景色的覆蓋製造出邊框的視覺效果，簡單來說就是兩個的矩形，首先一個矩陣 A 背景色設為框邊的顏色，另一個矩陣 B 設為表格的背景色，這邊要注意矩陣 B 要設 padding 的參數，讓他和矩陣 A 有一個區隔；就是一個這麼神奇的方法，但我不會 QQ。
• 先建立一個 line 的形狀圖，再透過設置 divider 這個參數引用並使用 showdivider 來設置我們希望顯示的樣子，這個方法是不是聽起來很簡單啊！所以我成功了，以下是製作步驟：
  1. 對著 res/drawable 點擊右鍵，在 New 中選擇 Drawable Resource Flie，name 可以隨意取，Root element 要記得改成 shape
  2. 接下來在建立好的檔案中寫入下面的程式：

     <?xml version="1.0" encoding="utf-8"?>
     <shape xmlns:android="http://schemas.android.com/apk/res/android"
         android:shape="rectangle">
     
         <solid
             android:color="@color/dark_green"/> <!--這邊可以設成自己想要的邊框顏色-->
         <size
             android:height="1dp"
             android:width="1dp"/>
     </shape>
     

  3. 回到 fragment_learning.xml 寫入下面的程式：

     <TableLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:stretchColumns="*"
         android:divider="@drawable/line_h"
         android:showDividers="beginning|middle|end"
         android:orientation="vertical">
         <TableRow
             android:divider="@drawable/line_h"
             android:showDividers="beginning|middle|end"
             android:orientation="horizontal">
             <TextView
                 android:padding="8dp"
                 android:layout_width="8dp"
                 android:text="第一格"
                 android:gravity="center"/>
             <TextView
                 android:padding="8dp"
                 android:layout_width="8dp"
                 android:text="第二格"
                 android:gravity="center"/>
         </TableRow>
         <TableRow
             android:divider="@drawable/line_h"
             android:showDividers="beginning|middle|end">
             <TextView
                 android:padding="8dp"
                 android:layout_width="8dp"
                 android:text="1"
                 android:gravity="center"/>
             <TextView
                 android:padding="8dp"
                 android:layout_width="8dp"
                 android:text="2"
                 android:gravity="center"/>
         </TableRow>
         <TableRow
             android:divider="@drawable/line_h"
             android:showDividers="beginning|middle|end"
             android:orientation="horizontal">
             <TextView
                 android:padding="8dp"
                 android:layout_width="8dp"
                 android:text="3"
                 android:gravity="center"/>
             <TextView
                 android:padding="8dp"
                 android:layout_width="8dp"
                 android:text="4"
                 android:gravity="center"/>
         </TableRow>
     </TableLayout>
     

  4. 表格完成！資料我有空再慢慢丟上去
     

總結

國慶連結快樂！我也很快樂！好耶！今天先這樣，Android 沒前途 ˊˇˋb，但我還是要堅持！

下一篇可能就做 Home 的內容吧。

參考資料

android 使用TableLayout 绘制表格
https://blog.csdn.net/hu285279904/article/details/78296257