How to create a horizontal date picker programmatically swift 4
up vote
0
down vote
favorite
I am trying to create a horizontal date picker. I wanted to use the default date picker, but in the horizontal orientation. Here is my datePicker object.
let datePicker: UIDatePicker =
let picker = UIDatePicker()
picker.backgroundColor = UIColor.rgb(red: 140, green: 205, blue: 209)
picker.datePickerMode = .time
picker.contentMode = .center
picker.layer.cornerRadius = 5
picker.isOpaque = true
picker.layer.opacity = 0.8
picker.layer.shadowColor = UIColor.rgb(red: 140, green: 205, blue: 209).cgColor
picker.layer.shadowOpacity = 0.8
picker.isOpaque = true
picker.translatesAutoresizingMaskIntoConstraints = false
picker.layer.borderWidth = 0.3
picker.layer.borderColor = UIColor.rgb(red: 250, green: 250, blue: 250).cgColor
picker.addTarget(self, action: #selector(AddMedVC.printMedHour(sender:)), for: UIControl.Event.valueChanged)
return picker
()
swift datepicker
add a comment |
up vote
0
down vote
favorite
I am trying to create a horizontal date picker. I wanted to use the default date picker, but in the horizontal orientation. Here is my datePicker object.
let datePicker: UIDatePicker =
let picker = UIDatePicker()
picker.backgroundColor = UIColor.rgb(red: 140, green: 205, blue: 209)
picker.datePickerMode = .time
picker.contentMode = .center
picker.layer.cornerRadius = 5
picker.isOpaque = true
picker.layer.opacity = 0.8
picker.layer.shadowColor = UIColor.rgb(red: 140, green: 205, blue: 209).cgColor
picker.layer.shadowOpacity = 0.8
picker.isOpaque = true
picker.translatesAutoresizingMaskIntoConstraints = false
picker.layer.borderWidth = 0.3
picker.layer.borderColor = UIColor.rgb(red: 250, green: 250, blue: 250).cgColor
picker.addTarget(self, action: #selector(AddMedVC.printMedHour(sender:)), for: UIControl.Event.valueChanged)
return picker
()
swift datepicker
1
try picker.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0) ??
– Sh_Khan
Nov 9 at 22:08
Its a start... using it gives me the horizontal position but the data inside is still on the vertical position. What should I add?
– Alex Grinberg
Nov 9 at 22:13
don't know if will compile do picker.subviews $0.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
– Sh_Khan
Nov 9 at 22:26
No, doesn't work. Can't compile it.
– Alex Grinberg
Nov 9 at 22:33
For Sh_Kahn's suggestion, to make it maybe compile trypicker.subviews.forEach $0.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2)
– Daniel
Nov 9 at 23:30
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I am trying to create a horizontal date picker. I wanted to use the default date picker, but in the horizontal orientation. Here is my datePicker object.
let datePicker: UIDatePicker =
let picker = UIDatePicker()
picker.backgroundColor = UIColor.rgb(red: 140, green: 205, blue: 209)
picker.datePickerMode = .time
picker.contentMode = .center
picker.layer.cornerRadius = 5
picker.isOpaque = true
picker.layer.opacity = 0.8
picker.layer.shadowColor = UIColor.rgb(red: 140, green: 205, blue: 209).cgColor
picker.layer.shadowOpacity = 0.8
picker.isOpaque = true
picker.translatesAutoresizingMaskIntoConstraints = false
picker.layer.borderWidth = 0.3
picker.layer.borderColor = UIColor.rgb(red: 250, green: 250, blue: 250).cgColor
picker.addTarget(self, action: #selector(AddMedVC.printMedHour(sender:)), for: UIControl.Event.valueChanged)
return picker
()
swift datepicker
I am trying to create a horizontal date picker. I wanted to use the default date picker, but in the horizontal orientation. Here is my datePicker object.
let datePicker: UIDatePicker =
let picker = UIDatePicker()
picker.backgroundColor = UIColor.rgb(red: 140, green: 205, blue: 209)
picker.datePickerMode = .time
picker.contentMode = .center
picker.layer.cornerRadius = 5
picker.isOpaque = true
picker.layer.opacity = 0.8
picker.layer.shadowColor = UIColor.rgb(red: 140, green: 205, blue: 209).cgColor
picker.layer.shadowOpacity = 0.8
picker.isOpaque = true
picker.translatesAutoresizingMaskIntoConstraints = false
picker.layer.borderWidth = 0.3
picker.layer.borderColor = UIColor.rgb(red: 250, green: 250, blue: 250).cgColor
picker.addTarget(self, action: #selector(AddMedVC.printMedHour(sender:)), for: UIControl.Event.valueChanged)
return picker
()
swift datepicker
swift datepicker
asked Nov 9 at 22:02
Alex Grinberg
136
136
1
try picker.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0) ??
– Sh_Khan
Nov 9 at 22:08
Its a start... using it gives me the horizontal position but the data inside is still on the vertical position. What should I add?
– Alex Grinberg
Nov 9 at 22:13
don't know if will compile do picker.subviews $0.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
– Sh_Khan
Nov 9 at 22:26
No, doesn't work. Can't compile it.
– Alex Grinberg
Nov 9 at 22:33
For Sh_Kahn's suggestion, to make it maybe compile trypicker.subviews.forEach $0.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2)
– Daniel
Nov 9 at 23:30
add a comment |
1
try picker.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0) ??
– Sh_Khan
Nov 9 at 22:08
Its a start... using it gives me the horizontal position but the data inside is still on the vertical position. What should I add?
– Alex Grinberg
Nov 9 at 22:13
don't know if will compile do picker.subviews $0.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
– Sh_Khan
Nov 9 at 22:26
No, doesn't work. Can't compile it.
– Alex Grinberg
Nov 9 at 22:33
For Sh_Kahn's suggestion, to make it maybe compile trypicker.subviews.forEach $0.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2)
– Daniel
Nov 9 at 23:30
1
1
try picker.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0) ??
– Sh_Khan
Nov 9 at 22:08
try picker.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0) ??
– Sh_Khan
Nov 9 at 22:08
Its a start... using it gives me the horizontal position but the data inside is still on the vertical position. What should I add?
– Alex Grinberg
Nov 9 at 22:13
Its a start... using it gives me the horizontal position but the data inside is still on the vertical position. What should I add?
– Alex Grinberg
Nov 9 at 22:13
don't know if will compile do picker.subviews $0.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
– Sh_Khan
Nov 9 at 22:26
don't know if will compile do picker.subviews $0.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
– Sh_Khan
Nov 9 at 22:26
No, doesn't work. Can't compile it.
– Alex Grinberg
Nov 9 at 22:33
No, doesn't work. Can't compile it.
– Alex Grinberg
Nov 9 at 22:33
For Sh_Kahn's suggestion, to make it maybe compile try
picker.subviews.forEach $0.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2) – Daniel
Nov 9 at 23:30
For Sh_Kahn's suggestion, to make it maybe compile try
picker.subviews.forEach $0.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2) – Daniel
Nov 9 at 23:30
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
Put your date picker inside another view and set size constraints on that other view to match the size of your date picker. Add horizontal and vertical centering constraints to your picker view so it's centered in your container view.
Control drag your container view into your view controller to create an outlet. (Let's call it pickerContainerView
In viewDidLoad, set the transform on the container view to -π/2:
pickerContainerView.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
That will cause your whole date picker to be rotated 90 degrees, which is what I think you want.
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
Put your date picker inside another view and set size constraints on that other view to match the size of your date picker. Add horizontal and vertical centering constraints to your picker view so it's centered in your container view.
Control drag your container view into your view controller to create an outlet. (Let's call it pickerContainerView
In viewDidLoad, set the transform on the container view to -π/2:
pickerContainerView.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
That will cause your whole date picker to be rotated 90 degrees, which is what I think you want.
add a comment |
up vote
0
down vote
Put your date picker inside another view and set size constraints on that other view to match the size of your date picker. Add horizontal and vertical centering constraints to your picker view so it's centered in your container view.
Control drag your container view into your view controller to create an outlet. (Let's call it pickerContainerView
In viewDidLoad, set the transform on the container view to -π/2:
pickerContainerView.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
That will cause your whole date picker to be rotated 90 degrees, which is what I think you want.
add a comment |
up vote
0
down vote
up vote
0
down vote
Put your date picker inside another view and set size constraints on that other view to match the size of your date picker. Add horizontal and vertical centering constraints to your picker view so it's centered in your container view.
Control drag your container view into your view controller to create an outlet. (Let's call it pickerContainerView
In viewDidLoad, set the transform on the container view to -π/2:
pickerContainerView.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
That will cause your whole date picker to be rotated 90 degrees, which is what I think you want.
Put your date picker inside another view and set size constraints on that other view to match the size of your date picker. Add horizontal and vertical centering constraints to your picker view so it's centered in your container view.
Control drag your container view into your view controller to create an outlet. (Let's call it pickerContainerView
In viewDidLoad, set the transform on the container view to -π/2:
pickerContainerView.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
That will cause your whole date picker to be rotated 90 degrees, which is what I think you want.
answered Nov 10 at 0:20
Duncan C
90.8k13112192
90.8k13112192
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53233820%2fhow-to-create-a-horizontal-date-picker-programmatically-swift-4%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
try picker.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0) ??
– Sh_Khan
Nov 9 at 22:08
Its a start... using it gives me the horizontal position but the data inside is still on the vertical position. What should I add?
– Alex Grinberg
Nov 9 at 22:13
don't know if will compile do picker.subviews $0.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2.0)
– Sh_Khan
Nov 9 at 22:26
No, doesn't work. Can't compile it.
– Alex Grinberg
Nov 9 at 22:33
For Sh_Kahn's suggestion, to make it maybe compile try
picker.subviews.forEach $0.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2)– Daniel
Nov 9 at 23:30