DDLucencySlider

一、前言

項目中經(jīng)常會遇到要自定義slider,而通常意義上的自定義一般的有兩種:

1.繼承于系統(tǒng)的UISlider,對原生的基礎(chǔ)上做一些界面及功能上的更改;

2.用原生的UIView來實現(xiàn)類似于UISlider的界面及功能;

二、正文

當(dāng)然小白今天想要介紹的是自己項目中遇到的需求,當(dāng)然有些奇葩,直接上圖先, 有圖有真相:

水平方向

Paste_Image.png

垂直方向

Paste_Image.png

.DDLucencySlider的特點:

1.1.Thumb旁邊有一個透明間隔隨著Thumb的運動跟著運動, 隨著Thumb的向左運動,透明間隔跟隨在其后; Thumb向右運動,透明間隔跟隨在前面運動,當(dāng)向右運動到小于透明間距的時候,透明間隔逐漸變短,至消失;

1.2.SliderView整體有長按效果;

1.3.SliderView可以水平垂直旋轉(zhuǎn);

三、使用方式

//sliderView的背景顏色
ddSliderView.backgroundColor          = UIColor.clear     

//slider本身的背景顏色
ddSliderView.ddSlider.backgroundColor = UIColor.darkGray
    
//slider最小值路徑的顏色
ddSliderView.minimumTrackColor        = UIColor.blue
    
//slider最大值路徑的顏色
ddSliderView.maximumTrackColor        = UIColor.red
    
//slider當(dāng)前的值,默認(rèn)整體為1.0
ddSliderView.value                    = 0.5
    
//slider旋轉(zhuǎn)角度,默認(rèn)為水平方向,**建議水平垂直方向旋轉(zhuǎn)
ddSliderView.rotateAngle              = -M_PI_2
    
//sliderView整體的狀態(tài)normal及LongPress狀態(tài)
//ddSliderView.ddSliderViewState      = .LongPress

四、尾聲

DDLucencySlider-下載鏈接屬于比較特別的一種需求,更多的是提供一種解決此類需求的方式。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,048評論 25 709
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,568評論 19 139
  • 今天我厚著臉皮讓你看我這給你的,也是寫給我自己的東西。你現(xiàn)在一定很幸福,很快樂。 也許這些里面有你不想看的東西。但...
    唯愛芳芳閱讀 279評論 0 0
  • 今日學(xué)習(xí)收獲 一、尋找書中結(jié)構(gòu)、模型 Why:為了避免迷失在作者論述過程中,需要隨時查看地圖(書中顯性或隱性的結(jié)構(gòu)...
    智行合義閱讀 713評論 0 50
  • 正如世界上沒有兩片相同的樹葉一樣,世界上也沒有兩個完全相同的人。 是不同,造就了我們的獨一無二。但同時,獨一無二的...
    霧滿南山閱讀 663評論 0 2

友情鏈接更多精彩內(nèi)容