将可滚动按钮添加到scrollview [英] Add scrollable button to scrollview
本文介绍了将可滚动按钮添加到scrollview的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想在滚动视图中滚动五个按钮。当用户停止拖动按钮时,它应该移动到下一个按钮。我在这里做错了什么?
I want to scroll five buttons inside a scrollview. When the user stops dragging a button it should move on to the next button. What am I doing wrong here?
class ViewController: UIViewController {
@IBOutlet weak var categoryScrollView: UIScrollView!
var categoryArr = ["Jack","Mark","Down","Bill","Steve"]
override func viewDidLoad() {
super.viewDidLoad()
let scrollingView = colorButtonsView(CGSizeMake(150,categoryScrollView.frame.size.height), buttonCount: 5)
categoryScrollView.contentSize = scrollingView.frame.size
categoryScrollView.addSubview(scrollingView)
categoryScrollView.showsVerticalScrollIndicator = false
categoryScrollView.delegate = self
categoryScrollView.pagingEnabled = true
categoryScrollView.indicatorStyle = .Default
}
func colorButtonsView(buttonSize:CGSize, buttonCount:Int) -> UIView {
let buttonView = UIView()
buttonView.frame.origin = CGPointMake(0,0)
let padding = CGSizeMake(10, 10)
buttonView.frame.size.width = (buttonSize.width + padding.width) * CGFloat(buttonCount)
var buttonPosition = CGPointMake(padding.width * 0.5, padding.height)
let buttonIncrement = buttonSize.width + padding.width
for i in 0...(buttonCount - 1) {
var button = UIButton.buttonWithType(.Custom) as! UIButton
button.frame.size = buttonSize
button.frame.origin = buttonPosition
buttonPosition.x = buttonPosition.x + buttonIncrement
button.setTitle(categoryArr[i], forState: UIControlState.Normal)
buttonView.addSubview(button)
}
return buttonView
}
}
extension ViewController:UIScrollViewDelegate{
func scrollViewDidEndDecelerating(scrollView: UIScrollView) {
let index = round(scrollView.contentOffset.x / scrollView.frame.size.width)
print(index)
}
}
滚动视图滚动得很好......但只有两次。它不会滚动到下一个按钮。我该怎么办?
The scrollview scrolls well.. but only twice. It Doesn't scroll to next Button. What should I do?
推荐答案
func setContentOffset(scrollView: UIScrollView) {
let numOfItems = itemCount // 5
let stopOver = scrollView.contentSize.width / CGFloat(numOfItems)
let x = round(scrollView.contentOffset.x / stopOver) * stopOver
guard x >= 0 && x <= scrollView.contentSize.width - scrollView.frame.width else {
return
}
scrollView.setContentOffset(CGPointMake(x, scrollView.contentOffset.y), animated: true)
}
extension ViewController: UIScrollViewDelegate {
func scrollViewWillBeginDecelerating(scrollView: UIScrollView) {
setContentOffset(scrollView)
}
func scrollViewDidEndDragging(scrollView: UIScrollView, willDecelerate decelerate: Bool) {
guard !decelerate else {
return
}
setContentOffset(scrollView)
}
}
还在Github做了一个演示项目> https://github.com/rishi420/ScrollViewCustomPaging
Also made a demo project in Github
https://github.com/rishi420/ScrollViewCustomPaging
试图考虑滚动用户endDragging时的速度。
Trying to consider for the scrolling velocity when user endDragging.
var velocityX = CGFloat(0.0)
。
func setContentOffset(scrollView: UIScrollView) {
let numOfItems = itemCount
let stopOver = scrollView.contentSize.width / CGFloat(numOfItems)
var x = round((scrollView.contentOffset.x + (velocityX * 150)) / stopOver) * stopOver // 150 is for test. Change it for your liking
x = max(0, min(x, scrollView.contentSize.width - scrollView.frame.width))
scrollView.setContentOffset(CGPointMake(x, scrollView.contentOffset.y), animated: true)
}
。
func scrollViewWillEndDragging(scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>)
{
velocityX = velocity.x
}
这篇关于将可滚动按钮添加到scrollview的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文