UISegmentedControl的动画栏按钮不移动?

时间:2019-03-13 00:53:44

标签: ios swift iphone animation uisegmentedcontrol

我已经在Swift中设计了对按钮栏UISegmentedControl“ showUsers”进行动画处理,并且当我尝试实现动画不起作用时,该栏仍然保持着第一个Segment而不移至第二个Segment 示例https://www.codementor.io/kevinfarst/designing-a-button-bar-style-uisegmentedcontrol-in-swift-cg6cf0dok

override public func viewDidLoad(){
    super.viewDidLoad()

    showUsers.backgroundColor = .clear
    showUsers.tintColor = .clear

    showUsers.setTitleTextAttributes([
        NSAttributedString.Key.font : UIFont(name: "DINCondensed-Bold", size: 18),
        NSAttributedString.Key.foregroundColor: UIColor(red:0.44, green:0.44, blue:0.44, alpha:1.0)
        ], for: .normal)

    showUsers.setTitleTextAttributes([
        NSAttributedString.Key.font : UIFont(name: "DINCondensed-Bold", size: 18),
        NSAttributedString.Key.foregroundColor: UIColor(red:0.44, green:0.44, blue:0.44, alpha:1.0)
        ], for: .selected)

    let buttonBar = UIView()
    // This needs to be false since we are using auto layout constraints
    buttonBar.translatesAutoresizingMaskIntoConstraints = false
    buttonBar.backgroundColor = UIColor(red:0.44, green:0.44, blue:0.44, alpha:1.0)

    view.addSubview(showUsers)
    view.addSubview(buttonBar)

    // Constrain the top of the button bar to the bottom of the segmented control
    buttonBar.topAnchor.constraint(equalTo: showUsers.bottomAnchor).isActive = true
    buttonBar.heightAnchor.constraint(equalToConstant: 5).isActive = true
    // Constrain the button bar to the left side of the segmented control
    buttonBar.leftAnchor.constraint(equalTo: showUsers.leftAnchor).isActive = true
    // Constrain the button bar to the width of the segmented control divided by the number of segments
    buttonBar.widthAnchor.constraint(equalTo: showUsers.widthAnchor, multiplier: 1 / CGFloat(showUsers.numberOfSegments)).isActive = true

    showUsers.addTarget(self, action: #selector(HomeViewController.segmentedControlValueChanged(_:)),  for: UIControl.Event.valueChanged)
}


@objc func segmentedControlValueChanged(_ sender: UISegmentedControl) {
    UIView.animate(withDuration: 0.3) {
        print(self.showUsers.frame.width) //147.0
        print(self.showUsers.numberOfSegments) //2
        print(self.showUsers.selectedSegmentIndex)//1

        //let originX = (self.showUsers.frame.width / CGFloat(self.showUsers.numberOfSegments)) * CGFloat(self.showUsers.selectedSegmentIndex + 1)

        let originX = (self.showUsers.frame.width / CGFloat(self.showUsers.numberOfSegments)) * CGFloat(self.showUsers.selectedSegmentIndex + 1)
        self.buttonBar.frame.origin.x = originX
    }
}

更新: 更新计算功能,它将线移动到我想要的位置 enter image description here the bar x postion after click

1 个答案:

答案 0 :(得分:1)

您的问题是,您正在对具有约束的视图应用“框架”更改,因此请尝试在方法segmentedControlValueChanged中使用约束,而不要使用此约束

let originX = (self.showUsers.frame.width / CGFloat(self.showUsers.numberOfSegments)) * CGFloat(self.showUsers.selectedSegmentIndex + 1)
self.buttonBar.frame.origin.x = originX