What is the technical name of the window/view that slides up with the 'directions' button when I touch a pin...
I want to program a MapKit Annotation so that when a pin is touched on the screen a view that slides from the bottom of the screen comes up about 1/4 of the screen and offers the directions button along with description, photos, phone number, website and such. Just like it happens with the default iPhone maps application.
What is the name of this view that comes up from the bottom? And, are there any tutorials to program it for an app? It took me awhile to learn that the pins are actually named MKPointAnnotations on the iOS SDK, if someone can tell me what the name of this view is, or how to set it, that would be great.
Thanks.
ios swift mapkit mapkitannotation
add a comment |
I want to program a MapKit Annotation so that when a pin is touched on the screen a view that slides from the bottom of the screen comes up about 1/4 of the screen and offers the directions button along with description, photos, phone number, website and such. Just like it happens with the default iPhone maps application.
What is the name of this view that comes up from the bottom? And, are there any tutorials to program it for an app? It took me awhile to learn that the pins are actually named MKPointAnnotations on the iOS SDK, if someone can tell me what the name of this view is, or how to set it, that would be great.
Thanks.
ios swift mapkit mapkitannotation
1
I hope this [stackoverflow.com/questions/37967555/… will help you.
– Aakash Brahmbhatt
Nov 21 '18 at 8:26
That reference should be the answer. Post it. Equivalently an admin can close this question as repeated and make that link available. Thank you, there a pretty complete answer in that link.
– ReverseFlow
Nov 24 '18 at 22:32
add a comment |
I want to program a MapKit Annotation so that when a pin is touched on the screen a view that slides from the bottom of the screen comes up about 1/4 of the screen and offers the directions button along with description, photos, phone number, website and such. Just like it happens with the default iPhone maps application.
What is the name of this view that comes up from the bottom? And, are there any tutorials to program it for an app? It took me awhile to learn that the pins are actually named MKPointAnnotations on the iOS SDK, if someone can tell me what the name of this view is, or how to set it, that would be great.
Thanks.
ios swift mapkit mapkitannotation
I want to program a MapKit Annotation so that when a pin is touched on the screen a view that slides from the bottom of the screen comes up about 1/4 of the screen and offers the directions button along with description, photos, phone number, website and such. Just like it happens with the default iPhone maps application.
What is the name of this view that comes up from the bottom? And, are there any tutorials to program it for an app? It took me awhile to learn that the pins are actually named MKPointAnnotations on the iOS SDK, if someone can tell me what the name of this view is, or how to set it, that would be great.
Thanks.
ios swift mapkit mapkitannotation
ios swift mapkit mapkitannotation
asked Nov 21 '18 at 8:08
ReverseFlowReverseFlow
202311
202311
1
I hope this [stackoverflow.com/questions/37967555/… will help you.
– Aakash Brahmbhatt
Nov 21 '18 at 8:26
That reference should be the answer. Post it. Equivalently an admin can close this question as repeated and make that link available. Thank you, there a pretty complete answer in that link.
– ReverseFlow
Nov 24 '18 at 22:32
add a comment |
1
I hope this [stackoverflow.com/questions/37967555/… will help you.
– Aakash Brahmbhatt
Nov 21 '18 at 8:26
That reference should be the answer. Post it. Equivalently an admin can close this question as repeated and make that link available. Thank you, there a pretty complete answer in that link.
– ReverseFlow
Nov 24 '18 at 22:32
1
1
I hope this [stackoverflow.com/questions/37967555/… will help you.
– Aakash Brahmbhatt
Nov 21 '18 at 8:26
I hope this [stackoverflow.com/questions/37967555/… will help you.
– Aakash Brahmbhatt
Nov 21 '18 at 8:26
That reference should be the answer. Post it. Equivalently an admin can close this question as repeated and make that link available. Thank you, there a pretty complete answer in that link.
– ReverseFlow
Nov 24 '18 at 22:32
That reference should be the answer. Post it. Equivalently an admin can close this question as repeated and make that link available. Thank you, there a pretty complete answer in that link.
– ReverseFlow
Nov 24 '18 at 22:32
add a comment |
2 Answers
2
active
oldest
votes
it's called bottom sheet
in Android, to mimic that same behaviour in iOS you can check this link
How can I mimic the bottom sheet from the Maps app?
I hope this will help you.
add a comment |
Approach 1:
It's a view, literally, just add your 1/4 view with the desired design.
Approach 2:
It can be a view controller, the main thing is how you present the new controller and it's background color. You have to present it with modalPresentationStyle = .overCurrentContext
let vc = <#YourViewController#>
vc.modalPresentationStyle = .overCurrentContext
self.present(vc, animated: true)
On presented view controller: self.view.backgroundColor = UIColor.clear
, or any transparent color, and then you just add your 1/4 view with the desired design.
Note:
For handling moving the view as the user touches it, you can use UIPanGestureRecognizer
You will also want to animate it using UIView.animate
, if you wanna do it without user interaction for some reason.
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%2f53407653%2fwhat-is-the-technical-name-of-the-window-view-that-slides-up-with-the-direction%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
it's called bottom sheet
in Android, to mimic that same behaviour in iOS you can check this link
How can I mimic the bottom sheet from the Maps app?
I hope this will help you.
add a comment |
it's called bottom sheet
in Android, to mimic that same behaviour in iOS you can check this link
How can I mimic the bottom sheet from the Maps app?
I hope this will help you.
add a comment |
it's called bottom sheet
in Android, to mimic that same behaviour in iOS you can check this link
How can I mimic the bottom sheet from the Maps app?
I hope this will help you.
it's called bottom sheet
in Android, to mimic that same behaviour in iOS you can check this link
How can I mimic the bottom sheet from the Maps app?
I hope this will help you.
edited Nov 26 '18 at 8:31
answered Nov 26 '18 at 8:21


Aakash BrahmbhattAakash Brahmbhatt
30029
30029
add a comment |
add a comment |
Approach 1:
It's a view, literally, just add your 1/4 view with the desired design.
Approach 2:
It can be a view controller, the main thing is how you present the new controller and it's background color. You have to present it with modalPresentationStyle = .overCurrentContext
let vc = <#YourViewController#>
vc.modalPresentationStyle = .overCurrentContext
self.present(vc, animated: true)
On presented view controller: self.view.backgroundColor = UIColor.clear
, or any transparent color, and then you just add your 1/4 view with the desired design.
Note:
For handling moving the view as the user touches it, you can use UIPanGestureRecognizer
You will also want to animate it using UIView.animate
, if you wanna do it without user interaction for some reason.
add a comment |
Approach 1:
It's a view, literally, just add your 1/4 view with the desired design.
Approach 2:
It can be a view controller, the main thing is how you present the new controller and it's background color. You have to present it with modalPresentationStyle = .overCurrentContext
let vc = <#YourViewController#>
vc.modalPresentationStyle = .overCurrentContext
self.present(vc, animated: true)
On presented view controller: self.view.backgroundColor = UIColor.clear
, or any transparent color, and then you just add your 1/4 view with the desired design.
Note:
For handling moving the view as the user touches it, you can use UIPanGestureRecognizer
You will also want to animate it using UIView.animate
, if you wanna do it without user interaction for some reason.
add a comment |
Approach 1:
It's a view, literally, just add your 1/4 view with the desired design.
Approach 2:
It can be a view controller, the main thing is how you present the new controller and it's background color. You have to present it with modalPresentationStyle = .overCurrentContext
let vc = <#YourViewController#>
vc.modalPresentationStyle = .overCurrentContext
self.present(vc, animated: true)
On presented view controller: self.view.backgroundColor = UIColor.clear
, or any transparent color, and then you just add your 1/4 view with the desired design.
Note:
For handling moving the view as the user touches it, you can use UIPanGestureRecognizer
You will also want to animate it using UIView.animate
, if you wanna do it without user interaction for some reason.
Approach 1:
It's a view, literally, just add your 1/4 view with the desired design.
Approach 2:
It can be a view controller, the main thing is how you present the new controller and it's background color. You have to present it with modalPresentationStyle = .overCurrentContext
let vc = <#YourViewController#>
vc.modalPresentationStyle = .overCurrentContext
self.present(vc, animated: true)
On presented view controller: self.view.backgroundColor = UIColor.clear
, or any transparent color, and then you just add your 1/4 view with the desired design.
Note:
For handling moving the view as the user touches it, you can use UIPanGestureRecognizer
You will also want to animate it using UIView.animate
, if you wanna do it without user interaction for some reason.
edited Nov 21 '18 at 8:40
answered Nov 21 '18 at 8:32


Gustavo VollbrechtGustavo Vollbrecht
1,3011717
1,3011717
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.
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%2f53407653%2fwhat-is-the-technical-name-of-the-window-view-that-slides-up-with-the-direction%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
I hope this [stackoverflow.com/questions/37967555/… will help you.
– Aakash Brahmbhatt
Nov 21 '18 at 8:26
That reference should be the answer. Post it. Equivalently an admin can close this question as repeated and make that link available. Thank you, there a pretty complete answer in that link.
– ReverseFlow
Nov 24 '18 at 22:32