How to create a horizontal date picker programmatically swift 4
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
asked Nov 9 at 22:02
Alex Grinberg
196
add a comment |
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
asked Nov 9 at 22:02
Alex Grinberg
196
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 |
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
asked Nov 9 at 22:02
Alex Grinberg
196
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
196
asked Nov 9 at 22:02
Alex Grinberg
196
asked Nov 9 at 22:02
Alex Grinberg
196
asked Nov 9 at 22:02
Alex Grinberg
196
asked Nov 9 at 22:02
Alex Grinberg
196
196
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
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
91.8k13114194
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
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
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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
91.8k13114194
add a comment |
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
91.8k13114194
add a comment |
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
91.8k13114194
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
91.8k13114194
answered Nov 10 at 0:20
Duncan C
91.8k13114194
answered Nov 10 at 0:20
Duncan C
91.8k13114194
answered Nov 10 at 0:20
Duncan C
91.8k13114194
91.8k13114194
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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