Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

How can I create a hover button mobile?

New Here ,
Sep 09, 2020 Sep 09, 2020

Greetings to the entire Adobe XD community,

 

I am new to the topic of Adobe XD and I am trying to learn more about the program. The point is, I'm trying to create a simple prototype for testing purposes. But the following problem has arisen that I cannot solve.

For example, I want to make a simple button that when I click on it, it will hover and automatically redirect to the next screen. I have been able to do this function on the pc but when I open the live prototype from the creative cloud from my mobile it does not do the function correctly. Any ideas or advice on how I can move forward on this issue?

TOPICS
Design , How to , Prototyping , Share or publish
2.4K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Sep 09, 2020 Sep 09, 2020

That is a state that doesn't normally exist on mobile devices. Interactive elements on mobile devices usually have pressed states instead. There is no 'cursor' to trigger a hover, but just the press of the element.

Translate
Community Expert ,
Sep 09, 2020 Sep 09, 2020

That is a state that doesn't normally exist on mobile devices. Interactive elements on mobile devices usually have pressed states instead. There is no 'cursor' to trigger a hover, but just the press of the element.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 09, 2020 Sep 09, 2020

Hi! First of all thank you for your answer.

 

So how could I simulate that effect in mobile. It is a fact that many apps when you press the button change the aspect at the same time that a new screen appears. Thank you in advance. Regards!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 25, 2021 Sep 25, 2021
LATEST

i was struggling today with same problem because i am beginner. Came across your question. here is the video i just got for same https://youtu.be/jfrdX3tAbkk

Material design buttons are great for any project, but the ripple effect is tricky to replicate. But I've found a quick workaround to replicate the effect. Quick and easy to do. Also, I hope Adobe introduces a feature to detect mouse movements and clicks in the next update! Here's the Design file
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines