Skip to main content
wzgb
Participant
March 13, 2023
Question

Horizontalen Bildlauf XD mit festen Schrittweiten/Nachlauf simulieren

  • March 13, 2023
  • 2 replies
  • 334 views

Folgende Aufgabe: Es soll ein horizontales Auswahlmenue simuliert werden. Jedes Bild hat volle Bildschirmbreite. Bei einem Swipe nach links oder rechts, soll das Menue "nachlaufen", bis das angrenzende Bild wiederum den Bildschirm in der vollen Breite einnimmt.

Ist das machbar?

 

Danke vorab!

 

 

 

This topic has been closed for replies.

2 replies

AkinGn
Community Expert
Community Expert
March 14, 2023

Hi @wzgb, in addition to @Rishabh_Tiwari's suggestions, which makes totally possible what you're asking for, just to make sure I fully understand, you need to create a, let's say dots menu for example, for an image slider, which slides with each image? If that's the case, I think it can be achieved by creating the nav dots component, and defining the interactions for the nav dots component (and picking trigger as tap, Action type as Transition and "slide left" for Animation) and then placing it to each artboard. You can see the sample prototype here: https://xd.adobe.com/view/c1c0e726-95dc-4c0c-b374-8294e0c9ec0f-9493/ and the file here: https://www.dropbox.com/s/cb5shkng9zrl3pb/sliding-image-nav.xd?dl=0

I did for "tap" interaction in that example, let me quickly check if I'm gonna be able to find a workaround for drag interaction also.

 

Edit: I've just made it also for "drag" interaction by creating an element by pasting 3 images next to each other and copying the dots nav below each of them, and grouping them altogether and sliding them to show the each image in each artboard and defining auto animate interaction via drag trigger for each artboard. You can see the prototype here: https://xd.adobe.com/view/47556d39-32b3-4945-ae51-97e053c25448-1206/ 

and the file here: https://www.dropbox.com/s/v6sexumdk8usp2f/sliding-image-nav-drag.xd?dl=0

 

Hope this helps, let me know if I'm missing something!

Rishabh_Tiwari
Community Manager
Community Manager
March 14, 2023

Hi @wzgb ,

 

Thank you for reaching out. To create a horizontal menu, please try the suggestions shared in these below discussions:

 

https://community.adobe.com/t5/adobe-xd-discussions/adobe-xd-drag-move-two-groups/m-p/13135828/thread-id/65354#M65385

 

https://community.adobe.com/t5/adobe-xd-discussions/making-a-sliding-content-panel/m-p/10658709/thread-id/16974#M16982

 

Let us know if this helps or if you need further assistance.

 

Thanks

Rishabh