Question

我正在尝试将多个按钮添加到水平滚动UIScrollView中。目前，我在按UIScrollView。

中定位按钮时遇到一些问题

我想达到以下效果：

按钮应在UIScrollView
如果按钮超出UIScrollView框架，则UIScrollView应该是可水平滚动的
在纵向和横向模式下，按钮必须正确定位

这就是我目前所拥有的：

我想我最好的选择是在按钮上添加AutoLayout。这个上有什么线索吗？

以下是与此问题相关的代码：

   class SeasonNavigatorScrollView: UIScrollView {
    private let kButtonSize:CGFloat = 50.0
    private let kSpacing:CGFloat = 10.0
    private var buttons:[UIButton] = []
    var seasonNavigatorDelegate:SeasonNavigatorDelegate?

    func setup(count:Int) {
        self.contentSize = CGSizeMake((kButtonSize+kSpacing)*CGFloat(count), self.bounds.size.height)
        for i in 0..<count {
            let button = UIButton(type: .Custom)
            button.setTitle("\(i+1)", forState:.Normal)
            button.setTitleColor(.whiteColor(), forState: .Normal)
            button.tag = i
            button.layer.cornerRadius = kButtonSize/2
            button.frame = CGRectMake((kButtonSize+kSpacing)*CGFloat(i), 0, kButtonSize, kButtonSize)
            button.backgroundColor = UIColor.clearColor()
            button.addTarget(self, action: "didClickSeason:", forControlEvents: .TouchUpInside)
            buttons.append(button)
            self.addSubview(button)
        }

        if count > 0 {
            self.animateButtonSelection(buttons[0])
        }
    }
}

修改这里有一些图片可能会澄清我在寻找的东西：

1

2

多个：

谢谢，大卫

编辑2： 首先感谢@OmkarGuhilot解决方案部分适用于我，但是当我添加更多按钮而不是适合我的self.view.bounds时，我遇到了问题。然后，FlowLayout子类将构成第二行，而不是提供水平滚动的可能性。

这是我的解决方案按预期工作：

func collectionView(collectionView: UICollectionView,
        layout collectionViewLayout: UICollectionViewLayout,
        insetForSectionAtIndex section: Int) -> UIEdgeInsets {
            let totalCellWidth:CGFloat =  50.0 * CGFloat(self.seasons.count)
            let viewWidth:CGFloat = self.seasonNavigator.bounds.size.width
            let totalSpacingWidth:CGFloat = 10 * (CGFloat(self.seasons.count)-1)
            print(viewWidth)
            let leftInsets = (viewWidth - (totalCellWidth + totalSpacingWidth)) / 2
            let rightInsets = leftInsets

            return UIEdgeInsetsMake(0, max(leftInsets,10), 0, max(rightInsets,10))
    }

    override func viewWillTransitionToSize(size: CGSize, withTransitionCoordinator coordinator: UIViewControllerTransitionCoordinator) {
        self.seasonNavigator.collectionViewLayout.invalidateLayout()
    }

Answer 1

将集合视图与https://github.com/keighl/KTCenterFlowLayout

结合使用

这也会自动处理滚动，这样会更容易

由于

OMKAR

Answer 2

您可以尝试将按钮放在子视图中，使子视图的约束适应您的按钮并应用约束＆＃34;水平居中＆＃34;从您的子视图到您的scrollView。

storyboard

portrait

UIScrollView中的中心UIButtons

2 个答案: