畢業紀念App_02建立主目錄頁

Posted by fatball on 星期六 十二月 17, 2016 Under →Smart Apps Creator, ★六年級資訊教學

本單元進度說明:
完成啟動頁之後,接下來開始設計主目錄頁面。

我們將在主目錄頁放製一張同學的合照,當我們點選某位同學時,就會跳轉到這位同學的詳細介紹頁面。

01.首先要插入一張合照。請點選『插入』索引標籤→『圖片』。

01

 

02.找到並點選要使用的合照→『開啟舊檔』。

02

 

03.接下來我們要在照片上放上文字說明,點選『插入』索引標籤→『文本』→『橫排文本框』。

03

 

04.如同上一單元的做法,修改文字的『背景顏色』、『透明度』、『文字顏色』,並將文字區塊移動到適當的位置。

04

 

05.為了讓使用者了解這個App如何操作,我們要在目錄頁下方放置『操作說明』的圖示,當使用者點選這個圖示時,會跳轉道App操作說明頁面。請點選『插入』索引標籤→『圖片』。

05

 

06.選擇一個喜歡的『操作說明圖示』圖片→『開啟舊檔』。

06

 

07.這是主目錄頁完成加入『照片、文字、操作說明圖示』後的樣子。接下來我們將調整一下版面,讓頁面更完美。

07

 

08.我將照片縮小,外框部分打算放入背景圖片。文本框也隨之移動到照片右上角對齊。操作說明圖示則移動到照片外面。

08

 

09.接下來是加入背景。點選『背景』→『拉伸背景』。

09

 

10.選擇一張喜歡的『背景圖片』→『開啟舊檔』。

10

 

11.主目錄頁增加背景圖片後的效果。

11

 

12.由於在程式設計階段,可能會不斷更換背景圖片來測試自己喜歡的配色,而先前選取加入過的背景圖片其實都還保留在App資源庫中,這會導致App檔案不斷肥大,在此強烈建議:不再使用的照片務必從資源庫中刪除。

請點選『資源庫』窗格,這裡可以看到我們總共加入了多少圖片,這包含了目前正在使用與不再使用的圖片。

12

 

13.在不使用的圖片上按『滑鼠右鍵』→『刪除』,來確保App內沒有多餘累贅。

13

Comments are closed.