locked
Change image size By hover usnig VisualStateManager XAML

    Question

  • I Have some images inside a grid like this

                                <Grid>
                                <Image Name="Image"
                                   Source="ِAssets/1"/>
                                <Border>
                                    <TextBlock Name="Name"
                                       Text="Name"/>
                                </Border>
                            </Grid>

    How to make each image when the mouse hover over it to increase in size Using VisualStateManager??

    I tried style.triggers but it doesn't work because I am working on Universal store app on vs13.

    Can Anyone help?

    Thursday, February 19, 2015 5:58 PM

Answers

  • Can you please explain your scenario in more detail?

    There isn't any inherent VisualState management or hover event here for the naked grin, but if you are hosting this in another control it may have them or you can create your own. Exactly how will depend on your specific needs.

    Once you have appropriate visual states defined you can use the Microsoft.Xaml.Interactivity namespace to create an EventTriggerBehaviour with a GoToStateAction based either on a Hover event you define or on events such as PointerEntered and PointerExited. The easiest way to add such behaviours is to use Blend - they are available in the Assets pane and will automatically add the appropriate references.

    Saturday, February 21, 2015 3:29 AM
    Owner