#3_研究各種UI元件_初心者習作
目的
這次的作業是研究各種UI元件,題目中有下列內容要實現。
1.Segmented Control_切換分類。
2.Slider_滑動設定數值。
3.Switch_開關。
4.Activity Indicator View_轉圈圈進度,也就是小菊花。
5.Progress View_進度條。
6.Page Control_顯示分頁小圓點。
7.Date Picker_時間選擇。
8.Visual Effect View with Blur_毛玻璃效果。
這些內容多數是app中的設定功能會使用到的,我剛好想幫我的『偵探事務所』做個設定BGM的功能,為什麼偵探事務所需要設定BGM?畢竟這個app是讓用戶可以藉由閱讀偵探小說或電影來更認識偵探們,希望用戶在閱讀的同時有背景音樂襯托,就像高智慧殺人魔在潛心研究計畫時都會放個古典樂來聽一樣。
參考資料
主要是參考 彼得潘的 iOS App Neverland的這篇文章製作。
使用的元件介紹
1.Segmented Control_切換分類。
研究欄位
1 Segments_分類數量。
2 Segment_各分類設定切換。
3 Title_分類名稱。
4 Image_分類圖像(使用系統提供的圖像時無法使用title)
5 Selected_預設選取。
2.Slider_滑動設定數值。
研究欄位
1 Value_預設數值。
2 Minimum_最小值。
3 Maximum_最大值。
4 Min Image_最小值顯示圖。
5 Max Image_最大值顯示圖。
6 Min Track_小到大軌道色。
7 Max Track_大到小軌道色。
8 Thumb Tint_控制鈕顏色。
3.Switch_開關。
研究欄位
1 State_預設狀態on/off。
2 On Tint_on的顏色。
3 Thumb Tint_控制鈕顏色。
4.Activity Indicator View_轉圈圈進度,也就是小菊花。
5.Progress View_進度條。
研究欄位
1 Style_菊花大小。
2 Color_菊花顏色。
3 Animating_開啟動態效果。
研究欄位
1 Style_進度條樣式。
2 Progress_進度(1為滿條)。
3 Progress Tint_已完成進度色。
4 Track Tint_未完成進度顏色。
6.Page Control_顯示分頁小圓點。
研究欄位
1 # of Pages_分頁總數。
2 Current_目前在第幾頁。
3 Hides for Single Page_單一頁時隱藏。
4 Tint Color_點點本來色。
5 Current Page_目前所在分頁色。
7.Date Picker_時間選擇。
研究欄位
1 Mode_模式選擇。
2 Locale_時區。
3 Interval_調整時間間隔。
4 Count Down_預設倒數。
8.Visual Effect View with Blur_毛玻璃效果。
研究欄位
Blur Style_模糊風格。
小結
這些元件可設定的內容遠比說明得多,運用得當會得到很不錯的視覺效果。裡面部分設定無法從替換看出明顯效果,所以也不知道做什麼用的,僅會的這幾項也算是目前堪用,足夠讓我的我的『偵探事務所』做出個雛形出來。