在Day2-Day4的介紹裡，我們認識了基本的views：

• Day 2. VIEWS - TextView篇
• Day 3. VIEWS - ViewGroups (part.1)
• Day 4. VIEWS - ViewGroups (part.2)

並在Day5首次將其安裝到手機上觀看：

• Day 5. Padding/Margin屬性以及Android Studio連接實體裝置

版面設計的步驟

1. 選擇適當的view tags，例如：
   • TextView
   • ImageView
   • Button
2. 配置views，例如：
   • LinearLayout，並設置屬性：
     • LayoutWeight (配置比重)
     • Orientation (水平或垂直)
     • 其他
   • RelativeLayout，並設置屬性：
     • layout_alignParentRight等
     • layout_marginRight等
     • paddingLeft等
     • 其他
   • 並注意View的撰寫順序有上下層關係
     • 例如圖片上面需要有字，則應先寫ImageView，再寫TextView
3. 設計views樣式，設置屬性：
   • TextColor、FontSize等

專案的目錄結構

在Android Studio左側有樹狀目錄可查看專案所使用的各個檔案：

其中，res資料夾代表的是resource的意思，所有APP用到的資源都放在這裡：

• 版面配置：撰寫在app/res/layout/activity_main.xml
• 圖片資源：放在app/res/drawable/，例如ImageView需要參考裡面的kingfisher.jpg，則會用屬性android:src="@drawable/kingfisher"去參考。
• 程式功能：撰寫在app/java/.../MainActivity，這是一個java檔。

小結

目前為止，我們的版面配置都屬於靜態畫面，都在activity_main.xml中練習，接下來幾天的文章會開始進入互動功能，也就是MainActivity.java的撰寫，並在必要時引入新的view類型。