iOS Learning #02 客製化UISlider

嘗試客製化UISlider的設置

實際製作專案時,常常會遇到需要客製化 UI元件,來凸顯品牌或 App的個性,上網找教學來試,出處如下

用女兒喜歡看的佩佩豬當範例

  1. 首先先調整 Slider的 Min與 Max值

2. 利用 roundf()使 value成為整數

設定完後就會有 snap到指定區間的效果

3.透過 Zeplin下載的圖,會把一張圖三種解析度包成一個資料夾,產生一個.json的檔案,還滿方便的

4.照著影片的 code打,做法應該是先產生一個 class 然後透過 @IBInspectable 跑 setThumbImage,然後設定相對應狀態下顯示的圖片,設完控制面板就會多一個選項讓你去操作

class的 name就會變成欄位的名稱

大功告成!開心~

筆記

1.Slider的背景圖,目前還不知道怎樣改變高度

2.Xcode還滿聰明,會根據圖片的大小,自動重新幫你算好區間的長度

3.要改成 vertical方向的 slider還要再嘗試看看

Github

--

--