Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add on press scale animation to carets #4949

Merged
merged 14 commits into from
May 7, 2021

Conversation

beervoley
Copy link
Contributor

@beervoley beervoley commented May 3, 2021

Description

This PR adds on press scale animation to icons using carets.

Motivation and Context

To indicate that the caret was actually pressed design decided that we need to add Scale to the icon.

How Has This Been Tested?

Manually.

Screenshots (if appropriate):

FlipView (as an example):
caret_scale_1

@beervoley beervoley added area-UIDesign UI Design, styling team-Controls Issue for the Controls team labels May 3, 2021
@ghost ghost added the needs-triage Issue needs to be triaged by the area owners label May 3, 2021
@beervoley
Copy link
Contributor Author

/azp run

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@StephenLPeters StephenLPeters removed the needs-triage Issue needs to be triaged by the area owners label May 3, 2021
@beervoley
Copy link
Contributor Author

/azp run

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

</VisualState.Setters>
<Storyboard RepeatBehavior="Forever">
<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ScaleTransform" Storyboard.TargetProperty="ScaleX">
<DiscreteDoubleKeyFrame KeyTime="0:0:0.016" Value="{ThemeResource CalendarViewNavigationButtonScalePressed}"/>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

CalendarViewNavigationButtonScalePressed

This resource is not overridable from app.xaml. I would probably move them into theme dictionaries.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think developers will want to modify this resource very often. You think it's worth moving it to theme dicts?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Probably not. This seems fine for now.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If that is true, I think it would be better to reference this by StaticResource as well. Then this wont be overridable at all, which might be okay, but the ThemeResource reference is likely more expensive than triplicating.

[Windows.UI.Xaml.Controls.ContentPresenter]
Foreground=#E4000000
Padding=0,0,0,0
[Windows.UI.Xaml.Controls.Border]
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How is CalendarView the only control with updated VisualVerification Files?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

only Calendar View button Template was changed - from ContentPresenter to TextBlock

@mdtauk
Copy link
Contributor

mdtauk commented May 5, 2021

Would there be any value in creating an AnimatedIcon with the Carets, which could be used with multiple controls?

@beervoley
Copy link
Contributor Author

Would there be any value in creating an AnimatedIcon with the Carets, which could be used with multiple controls?

This might be a good idea, @StephenLPeters what do you think?

@ranjeshj ranjeshj requested a review from RBrid May 7, 2021 15:23
@@ -165,16 +168,13 @@
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<ContentPresenter
x:Name="Text"
<Border
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Border

@RBrid as FYI since he is also updating CalendarView

@ranjeshj
Copy link
Contributor

ranjeshj commented May 7, 2021

Would there be any value in creating an AnimatedIcon with the Carets, which could be used with multiple controls?

This might be a good idea, @StephenLPeters what do you think?

That sounds like a good idea. @beervoley do you want to file an issue and we can follow up with the design team on that ? For now lets not block on that.

@beervoley beervoley merged commit f458de5 into main May 7, 2021
@beervoley beervoley deleted the user/vsiliush/arrow-scale-animation branch May 7, 2021 23:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-UIDesign UI Design, styling team-Controls Issue for the Controls team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants