[Swift]随slider变化而变化的圆
生活随笔
收集整理的這篇文章主要介紹了
[Swift]随slider变化而变化的圆
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
先來看看效果
基本思路是取slider的值,用animate改變圓的frame(當然其他方法也可以,然而我就喜歡這么干)
從slider取到的值是value,設為縮放倍數。要實現的效果就是長寬同時縮放value倍(這個圓其實是圓角矩形,圓角設為長度一半)。
這里我用的是UIView.animateWithDuration這個函數,但是如果只在里面設置frame的長寬變化就會發生這樣的事
???????????????
然而右圖才是我們要的效果。
為什么呢?!因為frame的CGRectMake的x和y不變!所以x和y也要做相應改變。因為這個東西是圓,所以以圓點為中心縮放的時候,長寬的增量是相等的。要保持圓點不變的話,左右和上下增量也應該是一樣的。所以左邊的增量就要靠改變x實現,上面的增量要靠改變y實現!
原長寬設為width和height的話,改變后的長寬就是value*width和value*height,增量就是width*(value-1)和height*(value-1),(x,y)的變化后就應該是(x-(width*(value-1)),y-(height*(value-1))),就是這樣~
我這里設置slider的value范圍是1~5。貼代碼:
@IBAction func slider(sender: UISlider) {print("\(sender.value)")UIView.animateWithDuration(1.0) { self.slayer.frame = CGRectMake(120-50*(CGFloat(sender.value-1))/2, 230-50*(CGFloat(sender.value-1))/2, CGFloat(50*sender.value), CGFloat(50*sender.value))self.slayer.cornerRadius = CGFloat(50*sender.value/2)}}?
轉載于:https://www.cnblogs.com/ybw123321/p/5400278.html
總結
以上是生活随笔為你收集整理的[Swift]随slider变化而变化的圆的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 赛尔号星球大战依依怎么得
- 下一篇: Node中Exports与module.