Implement a carousel in uwp similar to an Iphone Home screen












0















Am currently working on a uwp project which involves using a carousel that has some sort of grid of pictures that can be swiped by clicking some round navigation buttons. This is also similar to the carousel in Twitter bootstrap. To get a better picture of this, an example is shown below



Rather than different apps on display, different pictures from the user library would be shown. I would like to dynamically display the first 100 pictures from the user's library. I have searched the internet for something similar to this, but the closest I can get is http://blogs.u2u.be/diederik/post/2015/08/23/A-CoverFlow-control-for-the-Universal-Windows-Platform.aspx.



How can I achieve this?










share|improve this question





























    0















    Am currently working on a uwp project which involves using a carousel that has some sort of grid of pictures that can be swiped by clicking some round navigation buttons. This is also similar to the carousel in Twitter bootstrap. To get a better picture of this, an example is shown below



    Rather than different apps on display, different pictures from the user library would be shown. I would like to dynamically display the first 100 pictures from the user's library. I have searched the internet for something similar to this, but the closest I can get is http://blogs.u2u.be/diederik/post/2015/08/23/A-CoverFlow-control-for-the-Universal-Windows-Platform.aspx.



    How can I achieve this?










    share|improve this question



























      0












      0








      0








      Am currently working on a uwp project which involves using a carousel that has some sort of grid of pictures that can be swiped by clicking some round navigation buttons. This is also similar to the carousel in Twitter bootstrap. To get a better picture of this, an example is shown below



      Rather than different apps on display, different pictures from the user library would be shown. I would like to dynamically display the first 100 pictures from the user's library. I have searched the internet for something similar to this, but the closest I can get is http://blogs.u2u.be/diederik/post/2015/08/23/A-CoverFlow-control-for-the-Universal-Windows-Platform.aspx.



      How can I achieve this?










      share|improve this question
















      Am currently working on a uwp project which involves using a carousel that has some sort of grid of pictures that can be swiped by clicking some round navigation buttons. This is also similar to the carousel in Twitter bootstrap. To get a better picture of this, an example is shown below



      Rather than different apps on display, different pictures from the user library would be shown. I would like to dynamically display the first 100 pictures from the user's library. I have searched the internet for something similar to this, but the closest I can get is http://blogs.u2u.be/diederik/post/2015/08/23/A-CoverFlow-control-for-the-Universal-Windows-Platform.aspx.



      How can I achieve this?







      win-universal-app carousel uwp-xaml






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 15 '18 at 7:48









      ad1Dima

      2,61021934




      2,61021934










      asked Mar 29 '16 at 16:00









      FriedrichFriedrich

      259519




      259519
























          2 Answers
          2






          active

          oldest

          votes


















          1














          Have you taken a look at the FlipView class?
          https://msdn.microsoft.com/library/windows/apps/br242678



          Or the CaouselPanel class?
          https://msdn.microsoft.com/library/windows/apps/hh967950



          and implemented them with a different data template (perhaps a styled gridview) instead of strictly images?



          This is the flipview page from the windows dev center:
          https://msdn.microsoft.com/windows/uwp/controls-and-patterns/flipview



          It should explain the basics of how the itemcontrol works.






          share|improve this answer































            0














            Have a look at FlipView. I hope that is what you are looking for.






            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%2f36289337%2fimplement-a-carousel-in-uwp-similar-to-an-iphone-home-screen%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














              Have you taken a look at the FlipView class?
              https://msdn.microsoft.com/library/windows/apps/br242678



              Or the CaouselPanel class?
              https://msdn.microsoft.com/library/windows/apps/hh967950



              and implemented them with a different data template (perhaps a styled gridview) instead of strictly images?



              This is the flipview page from the windows dev center:
              https://msdn.microsoft.com/windows/uwp/controls-and-patterns/flipview



              It should explain the basics of how the itemcontrol works.






              share|improve this answer




























                1














                Have you taken a look at the FlipView class?
                https://msdn.microsoft.com/library/windows/apps/br242678



                Or the CaouselPanel class?
                https://msdn.microsoft.com/library/windows/apps/hh967950



                and implemented them with a different data template (perhaps a styled gridview) instead of strictly images?



                This is the flipview page from the windows dev center:
                https://msdn.microsoft.com/windows/uwp/controls-and-patterns/flipview



                It should explain the basics of how the itemcontrol works.






                share|improve this answer


























                  1












                  1








                  1







                  Have you taken a look at the FlipView class?
                  https://msdn.microsoft.com/library/windows/apps/br242678



                  Or the CaouselPanel class?
                  https://msdn.microsoft.com/library/windows/apps/hh967950



                  and implemented them with a different data template (perhaps a styled gridview) instead of strictly images?



                  This is the flipview page from the windows dev center:
                  https://msdn.microsoft.com/windows/uwp/controls-and-patterns/flipview



                  It should explain the basics of how the itemcontrol works.






                  share|improve this answer













                  Have you taken a look at the FlipView class?
                  https://msdn.microsoft.com/library/windows/apps/br242678



                  Or the CaouselPanel class?
                  https://msdn.microsoft.com/library/windows/apps/hh967950



                  and implemented them with a different data template (perhaps a styled gridview) instead of strictly images?



                  This is the flipview page from the windows dev center:
                  https://msdn.microsoft.com/windows/uwp/controls-and-patterns/flipview



                  It should explain the basics of how the itemcontrol works.







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Mar 29 '16 at 17:09









                  DanielDaniel

                  1364




                  1364

























                      0














                      Have a look at FlipView. I hope that is what you are looking for.






                      share|improve this answer




























                        0














                        Have a look at FlipView. I hope that is what you are looking for.






                        share|improve this answer


























                          0












                          0








                          0







                          Have a look at FlipView. I hope that is what you are looking for.






                          share|improve this answer













                          Have a look at FlipView. I hope that is what you are looking for.







                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered Mar 29 '16 at 17:09









                          ArchanaArchana

                          2,6991918




                          2,6991918






























                              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%2f36289337%2fimplement-a-carousel-in-uwp-similar-to-an-iphone-home-screen%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







                              這個網誌中的熱門文章

                              Tangent Lines Diagram Along Smooth Curve

                              Yusuf al-Mu'taman ibn Hud

                              Zucchini