Announcement

Collapse
No announcement yet.

Carousel slider tutorial or example ?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Carousel slider tutorial or example ?

    Hi,

    I am looking for a tutorial or example to understand how to do a slider carousel with Visi-Genie on Workshop 4 Pro??

    Thanks
    Chris

  • #2
    Hello Tech,

    Welcome to the Forum. We have three application notes for different types of menu using Smart Widgets:

    Smart Widgets Slide Menu
    https://www.4dsystems.com.au/appnote/4DLS-AN-00051S/

    Smart Widgets Rotary Menu
    https://www.4dsystems.com.au/appnote/4DLS-AN-00052S/

    Smart Widgets Dropdown Menu
    https://www.4dsystems.com.au/appnote/4DLS-AN-00053S/

    I hope this helps,

    Comment


    • #3
      Hello Jerson,

      I'm looking for an example like in your video if you look at 0.21m https://youtu.be/81cez-Ws4dQ

      Thanks

      Chris

      Comment


      • #4
        Hello Tech,

        In that part of the video, the nearest example is the Smart Widgets Slide menu https://www.4dsystems.com.au/appnote/4DLS-AN-00051S/
        It just that the version in the video is larger than in the appnote but they still use the same concept of moving the image ribbon sideways using the Smart Widget.

        Best Regards

        Comment


        • #5
          Hello Jerson,

          I can not move the image ribbon to the side using the Smart Widget!?

          How I do?

          Thanks

          Best Regards

          Chris

          Comment


          • #6
            Hello Tech,

            The Smart Widget horizontal movement is based on the starting and ending point of the MIN/MAX X position. To move it off screen you can set the start/end point with coordinates beyond the Smart Widget's frame. Here's a demo program attached for reference.

            I hope this helps,
            Attached Files

            Comment


            • #7
              Hi Jerson,

              Ok, I understood how the Smart Widget works, but I would like to know how I can make a small movement with the finger and select the icon?

              I have to use Magic Move, etc?

              Program attached

              Thanks

              Chris
              Attached Files

              Comment


              • #8
                Hello Tech,

                It would be better to use a Smart Slider on this one, as it already contains the code for touch detection, frame changing and output values. Here's a sample code attached with a magic slider. You can use the output values of the sliders to trigger the required events. You can use the Event handler for On-changed to call a Magic Event code for doing the next action once icon selection is done.

                Best regards,
                Attached Files

                Comment

                Working...
                X