What is the technical name of the window/view that slides up with the 'directions' button when I touch a pin...












0















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.










share|improve this question


















  • 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
















0















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.










share|improve this question


















  • 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














0












0








0








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.










share|improve this question














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






share|improve this question













share|improve this question











share|improve this question




share|improve this question










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














  • 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












2 Answers
2






active

oldest

votes


















1














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.






share|improve this answer

































    1














    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.






    share|improve this answer

























      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
      });


      }
      });














      draft saved

      draft discarded


















      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









      1














      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.






      share|improve this answer






























        1














        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.






        share|improve this answer




























          1












          1








          1







          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.






          share|improve this answer















          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.







          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited Nov 26 '18 at 8:31

























          answered Nov 26 '18 at 8:21









          Aakash BrahmbhattAakash Brahmbhatt

          30029




          30029

























              1














              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.






              share|improve this answer






























                1














                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.






                share|improve this answer




























                  1












                  1








                  1







                  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.






                  share|improve this answer















                  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.







                  share|improve this answer














                  share|improve this answer



                  share|improve this answer








                  edited Nov 21 '18 at 8:40

























                  answered Nov 21 '18 at 8:32









                  Gustavo VollbrechtGustavo Vollbrecht

                  1,3011717




                  1,3011717






























                      draft saved

                      draft discarded




















































                      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.




                      draft saved


                      draft discarded














                      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





















































                      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







                      Popular posts from this blog

                      MongoDB - Not Authorized To Execute Command

                      in spring boot 2.1 many test slices are not allowed anymore due to multiple @BootstrapWith

                      How to fix TextFormField cause rebuild widget in Flutter