♯4. Xcode的常見UI小元件

在科技的持續進步之下,APP如雨後春筍一般的冒出頭來,看著看著,就會發現「誒!怎麼很多很常看到小元件」,沒錯!你真相了,所以現在就來稍微看一下常見的小元件吧!

Photo by Blake Cheek on Unsplash

Segmented Control 對於分類的切割,一直都有很不錯的使用者體驗,可以將想提供給使用者的內容,做一些內容上的切割與分類後,讓使用者可以輕鬆找到自己想要知道的內容。小細節設定如下:

Slide 很適合用於程度設定上的情境,你可以選擇使用圖片或是文字來說明程度的大小高低,但僅可選擇其中一種方式來說明。小細節設定如下:

Switch 很常出現在僅有是與否的選項當中,使用體驗上也很好。小細節設定如下:

Page Control 會在需要大量資料中,提供給使用者點擊換頁的功能。小細節設定如下:

Progress View 告知使用者目前進度如何,讓使用者可以在這過程中得知情況如何,提升使用者體驗。小細節設定如下:

Activity Indicator View 常使用在頁面正在下載中。小細節設定如下:

Date Picker 也是很使用的元件之一,有許多樣式提供選擇,可以依照設計來去做適當地調配。小細節設定如下:

預設樣式(小巧版)
預設樣式日期點擊
預設樣式時間點擊
inline樣式
滾輪樣式

Color Well 調色盤提供使用者可以選擇。小細節設定如下:

點擊展開調色盤

Visual Effect View with Blur 毛玻璃樣式,可以調整模糊的濃淡程度以及明亮暗黑等系統設定模式。小細節設定如下:

以上是這次的小小說明!

--

--