Zoom Image
-
Julia4 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 BouveretHas successfully completed the online course IntroductionHas 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 CertificationHas successfully completed the Advanced Certification4 years ago #18228::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 othersHope that helps
Kai4 years ago #18299::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/outI 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
KaiChris BouveretHas successfully completed the online course IntroductionHas 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 CertificationHas successfully completed the Advanced Certification4 years ago #18301::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
Kai4 years ago #18383::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,
KaiMathieu RollHas successfully completed the online course IntroductionHas successfully completed the online course Intermediate (200)Has successfully completed the online course Advanced (300)Has successfully completed the online course Basics (100)4 years ago #18412::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.
You must be logged in to reply to this topic.