iOS Learning #02 客製化UISlider
Published in
2 min readNov 7, 2017
嘗試客製化UISlider的設置
實際製作專案時,常常會遇到需要客製化 UI元件,來凸顯品牌或 App的個性,上網找教學來試,出處如下
用女兒喜歡看的佩佩豬當範例
- 首先先調整 Slider的 Min與 Max值
2. 利用 roundf()使 value成為整數
3.透過 Zeplin下載的圖,會把一張圖三種解析度包成一個資料夾,產生一個.json的檔案,還滿方便的
4.照著影片的 code打,做法應該是先產生一個 class 然後透過 @IBInspectable 跑 setThumbImage,然後設定相對應狀態下顯示的圖片,設完控制面板就會多一個選項讓你去操作
大功告成!開心~
筆記
1.Slider的背景圖,目前還不知道怎樣改變高度
2.Xcode還滿聰明,會根據圖片的大小,自動重新幫你算好區間的長度
3.要改成 vertical方向的 slider還要再嘗試看看