#5 [iOS]「彼得潘作業2」UI元件Progress View & Page Control

Progress View是一種用來表示進度讀取的橫向元件，常用來表示下載或上傳進度

Apple Developer Documentation

首先建立元件

屬性Style

style有Default&Bar兩種選項可供選擇

上方是Default，下方是Bar

題外話，兩種進度條style剛好對應寶可夢紅綠版跟金銀版的血條設計

屬性Progress & Progress Tint & Track Tint

progress設定初始的進度位置，進度條的範圍是從0到1。 progress tint & track tint分別設定已執行進度與未執行進度範圍的顏色

下方的Progress以及Track是設定進度條的圖片以取代顏色，建議要使用背景色的圖片，若使用複雜的圖片，細細的進度條根本無法呈現

progress view 無法調整高度，就算用程式來設計元件的frame，依舊不會有效果

Page Control是一種可以顯示當前分頁的元件，提醒使用者目前是哪個分頁

Apple Developer Documentation

建立元件

屬性 # of Pages & Current

# of Pages 用來設定分頁圓點的數量，current則是目前的分頁位置，序列值從0開始

屬性Hides for single page

勾選hides for single page時，若#of pages 數量只有一個時，則自動隱藏

屬性Tint Color & Current Page

設定當前分頁圓點的顏色，與其他分頁圓點的顏色