Highlighted

Help needed on how to solve an animation after the new updates

Community Beginner ,
Nov 06, 2019

Copy link to clipboard

Copied

Hi all!

 

After this update (much appreciated new features btw), I'm struggling on how to solve a button animation to play after a hover state. As you will see, once I have entered the hover state, I then added a tap interaction to execute the animation that follows. The thing is once the tap action is clicked, the button quickly switches back to the default state, then back to hover, followed by the intended loading animation. I don't want the "quick back to default" and don't know how to get rid of this. I need it to stay in hover after the tap has been made.

Here is the link for someone to view. https://xd.adobe.com/view/faaee7ac-3803-4cf0-42fc-3627bc9f33a4-8c9f/?fullscreen 

Can anyone, or the Adobe team, have a look at the file and help me? I am not sure if it's broken or if I'm missing something on how to make this work. 

 

One thing I think that might be useful in keeping is the "Time" as a trigger for compositions and not just for artboards. At least for me, this would help a great deal, especially for loading animations. Unless someone can show me how to achieve this with the new updates, I can't see how to do it otherwise. 

 

Help would be much appreciated! 

Thanks

 

Jaén

Topics

How to, Product issue

Views

116

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Help needed on how to solve an animation after the new updates

Community Beginner ,
Nov 06, 2019

Copy link to clipboard

Copied

Hi all!

 

After this update (much appreciated new features btw), I'm struggling on how to solve a button animation to play after a hover state. As you will see, once I have entered the hover state, I then added a tap interaction to execute the animation that follows. The thing is once the tap action is clicked, the button quickly switches back to the default state, then back to hover, followed by the intended loading animation. I don't want the "quick back to default" and don't know how to get rid of this. I need it to stay in hover after the tap has been made.

Here is the link for someone to view. https://xd.adobe.com/view/faaee7ac-3803-4cf0-42fc-3627bc9f33a4-8c9f/?fullscreen 

Can anyone, or the Adobe team, have a look at the file and help me? I am not sure if it's broken or if I'm missing something on how to make this work. 

 

One thing I think that might be useful in keeping is the "Time" as a trigger for compositions and not just for artboards. At least for me, this would help a great deal, especially for loading animations. Unless someone can show me how to achieve this with the new updates, I can't see how to do it otherwise. 

 

Help would be much appreciated! 

Thanks

 

Jaén

Topics

How to, Product issue

Views

117

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Employee ,
Nov 06, 2019

Copy link to clipboard

Copied

Hi Jaénc5649932,

 

We'll try our best to help you out here. Would it be possible for you to share this sample file with us? You may upload it to CC or Dropbox and share the link with here. 

 

Meanwhile, please ensure that you are following the steps mentioned here: - https://www.youtube.com/watch?time_continue=1&v=JF-muM8vo5k

 

Thanks,

Atul_Saini

States in Adobe XD help you easily design variations for elements like buttons and more in your project. These are made even more powerful with the new Hover...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Nov 07, 2019

Copy link to clipboard

Copied

Hi Atul,

 

I am not sure how I can share the file with you, but I did paste the clickable prototype link in my first message if you didn't see it. If you can give me your email, I can then invite you to the file if you want to look at it. 

 

Here is the link I shared before again. https://xd.adobe.com/view/faaee7ac-3803-4cf0-42fc-3627bc9f33a4-8c9f/?fullscreen 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...