以编程方式创建一个在横向和纵向中工作的UIPickerView

时间:2015-12-26 23:56:50

标签: ios swift ios9 uipickerview screen-rotation

我想创建一个看起来很好的纵向和横向格式的最小的UIPickerView,它有点...... 我按下按钮后添加pickerView,完成后隐藏它。 pickerView正常工作:

  • 以纵向或横向方式启动应用程序并按下按钮而不改变方向
  • 当我在屏幕上有pickerView时,更改方向工作正常,pickerView更改大小

但是,在单击按钮显示pickerView之前以一个方向启动并更改方向时,它不能正常工作,然后它会显示以下内容: in portait orientation in paysage orientation

这是代码(单视图应用程序,故事板中只有一个按钮:myButton,触摸按下动作touchMyButton)

class myViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {

@IBOutlet weak var myButton: UIButton!
var myPickerView: UIPickerView! = UIPickerView(frame:CGRectMake(0.0, 0.0, UIScreen.mainScreen().bounds.width, 162))
var activePickerView: Int = 0

override func viewDidLoad() {
    super.viewDidLoad()
    myPickerView.tag = 1
    myPickerView.delegate = self
    myPickerView.autoresizingMask = [.FlexibleWidth]
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
}


@IBAction func touchMyButton(sender: AnyObject) {
    if (activePickerView == 0)
    {
        activePickerView = myPickerView.tag
        myPickerView.selectRow(5, inComponent:0, animated:false)
        myPickerView.backgroundColor = UIColor.init(white:0.80, alpha:0.80)
        myPickerView.frame = CGRectMake(0.0, 100.0, UIScreen.mainScreen().bounds.width, 0.0)
        self.view.layoutIfNeeded()
        self.view.addSubview(myPickerView)
        myPickerView.setNeedsDisplay()

        UIView.animateWithDuration(0.5, delay:0.0, options:UIViewAnimationOptions.CurveEaseInOut, animations:{
            self.view.layoutIfNeeded()
            self.myPickerView.frame = CGRectMake(0.0, 100.0, self.myPickerView.frame.width, 162)
            }, completion: { _ in
        })
    }
    else
    {
        self.selectPickerView()
    }
}

func selectPickerView(){
    if (activePickerView == myPickerView.tag)
    {
        let _ = myPickerView.selectedRowInComponent(0)
        let framePV = self.myPickerView.frame

        UIView.animateWithDuration(0.5, delay:0.0, options:UIViewAnimationOptions.CurveEaseInOut, animations:{
            self.view.layoutIfNeeded()
            self.myPickerView.frame = CGRectMake(0.0, framePV.origin.y, framePV.width, 0.0 )
            }, completion:{ _ in
                self.myPickerView.removeFromSuperview()
        })
    }
    activePickerView = 0
}

// MARK: UIPickerViewDataSource methods
func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int
{   return 1    }

func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int
{   return 10   }

func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String?
{   return "Row \(row)" }

func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    activePickerView = pickerView.tag
    selectPickerView()
}


override func didRotateFromInterfaceOrientation(fromInterfaceOrientation: UIInterfaceOrientation)
{   self.view.layoutIfNeeded()  }
}

我迷路了,我不知道我能改变什么才能让它发挥作用

1 个答案:

答案 0 :(得分:1)

谢谢,我是用约束做的(它不是很简单),就像那个

import UIKit

class myViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {

@IBOutlet weak var myButton: UIButton!
var myPickerView: UIPickerView! = UIPickerView()
var activePickerView: Int = 0

override func viewDidLoad() {
    super.viewDidLoad()
    myPickerView.tag = 1
    myPickerView.delegate = self
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
}

@IBAction func touchMyButton(sender: AnyObject) {
    if (activePickerView == 0){
        activePickerView = myPickerView.tag
        myPickerView.selectRow(5, inComponent:0, animated:false)
        myPickerView.backgroundColor = UIColor.init(white:0.80, alpha:0.80)
        myPickerView.translatesAutoresizingMaskIntoConstraints = false

        self.view.addSubview(myPickerView)
        let margins = self.view.layoutMarginsGuide

        let topC = myPickerView.topAnchor.constraintEqualToAnchor(topLayoutGuide.topAnchor, constant: 100.0)
        let leadingC = myPickerView.leadingAnchor.constraintEqualToAnchor(margins.leadingAnchor)
        let trailingC = myPickerView.trailingAnchor.constraintEqualToAnchor(margins.trailingAnchor)
        let heightC = myPickerView.heightAnchor.constraintEqualToConstant(0.0)
        heightC.identifier = "height"
        NSLayoutConstraint.activateConstraints([topC, leadingC, trailingC, heightC])

        self.view.layoutIfNeeded()
        myPickerView.setNeedsLayout()
        heightC.constant = 162.0

        UIView.animateWithDuration(0.5, delay:0.0, options:UIViewAnimationOptions.CurveEaseInOut, animations:{
            self.view.layoutIfNeeded()
            }, completion: { _ in
        })
    }
    else {
        self.selectPickerView()
    }
}

func selectPickerView(){
    if (activePickerView == myPickerView.tag)
    {
        let _ = myPickerView.selectedRowInComponent(0)

        for constraint in myPickerView.constraints
        {
            if constraint.identifier == "height"
            {   constraint.constant = 0.0   }
        }
        myPickerView.setNeedsLayout()

        UIView.animateWithDuration(0.5, delay:0.0, options:UIViewAnimationOptions.CurveEaseInOut, animations:{
            self.view.layoutIfNeeded()
            }, completion:{ _ in
                self.myPickerView.removeConstraints(self.myPickerView.constraints)
                self.myPickerView.removeFromSuperview()
        })
    }
    activePickerView = 0
}

// MARK: UIPickerViewDataSource methods
func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int
{   return 1    }

func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int
{   return 10   }

func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String?
{   return "Row \(row)" }

func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    activePickerView = pickerView.tag
    selectPickerView()
}

}

我不喜欢放弃pickerView的动画(我不知道为什么它与显示它的完全相反),但它确实有效。我可能会使用不透明的视图来改变它,以便将来覆盖pickerView。