Zoom Image

  • Julia
        5 years ago #17993

        Hello!

        I’ve tried to make the images in full screen mode zoomable, so I can see more details of the image.

        Is that possible somehow?

        Thank you very much?

        Julia

        Chris Bouveret
            Has successfully completed the online course Introduction
            Has successfully completed the online course Intermediate (200)
            Has successfully completed the online course Advanced (300)
            Has successfully completed the online course Basics (100)
            Has successfully completed the online course Advanced (320)
            Has successfully completed the Intermediate Certification
            Has successfully completed the Advanced Certification
          5 years ago #18228
          Up
          0
          Down
          ::

          Hello Julia,

          What Widget/Control are you using to display the image. If you want to build a gallery style functionality i would have a look at e.g.
          https://blogs.sap.com/2018/06/08/ui5-image-viewer-on-ui5lab/ and create a custom widget based on this UI5 Control. You could also implement any other image viewer based on javascript e.g. https://fengyuanchen.github.io/viewerjs/ or others

          Hope that helps

           

          Kai
              5 years ago #18299
              Up
              0
              Down
              ::

              Hi there,

              I’m trying to realize something similar to Julia.

              Target device will be an Android smartphone.
              Currently I’m using a “sap.m.Carousel” that contains “sap.m.Image” to display my images.
              In my opinion, there are two ways to see more details of the current image.
              a) Zoom the image directly into the carousel (finger pinch)
              b) Click on the image to display it in a new fullscreen mode (New UI containing only “sap.m.Image”) and use finger pinch to zoom in/out

              I couldn’t find any way to enable finger pinch zoom by now.
              Is there any way to enable finger pinch zoom (or something similar dynamic)?

              Best regards
              Kai

              Chris Bouveret
                  Has successfully completed the online course Introduction
                  Has successfully completed the online course Intermediate (200)
                  Has successfully completed the online course Advanced (300)
                  Has successfully completed the online course Basics (100)
                  Has successfully completed the online course Advanced (320)
                  Has successfully completed the Intermediate Certification
                  Has successfully completed the Advanced Certification
                5 years ago #18301
                Up
                0
                Down
                ::

                Have you tried to use this Control: https://sapui5.hana.ondemand.com/#/entity/sap.m.Carousel/sample/sap.m.sample.CarouselWithDisplayOptions

                There are Zoom Settings for the Carousel that might fit your requirement

                Hope that helps

                Kai
                    5 years ago #18383
                    Up
                    0
                    Down
                    ::

                    Hello Chris,

                    we’ve just updated our carousel to your posted version.
                    Unfortunately that doesn’t change the Zoom issue. Finger pinch zoom is still not available.

                    Since finger pinch is not activated in the whole app, i was wondering if there is any way to reactivate this function in my simplifier app?

                    Best regards,
                    Kai

                    Mathieu Roll
                        Has successfully completed the online course Introduction
                        Has successfully completed the online course Intermediate (200)
                        Has successfully completed the online course Advanced (300)
                        Has successfully completed the online course Basics (100)
                      5 years ago #18412
                      Up
                      0
                      Down
                      ::

                      Hello,

                      you need to use a custom javascript library like this one.

                      https://manuelstofer.github.io/pinchzoom/

                      I’ve created a little example application with this javascript library.

                      https://files.simplifier.io/f/2b86ab860c36456f8ddd/?dl=1

                       

                      edit:

                      you can also create a extended widget from the image widget where you add this pinch functionality in the after rendering.

                    Viewing 6 posts - 1 through 6 (of 6 total)

                    You must be logged in to reply to this topic.