Ibraheem Osama Mohamed (ابراهيم اسامه محمد)

Welcome to my blog :)

Windows 8 Xaml Object.Trigger not exist (Button.Triggers)

with 3 comments

There is no <object.Triggers> in Windows 8 xaml. instead you can use  <VisualState >

This code perform the button.trigger functionality in Windows 8

                    <ControlTemplate TargetType=”Button”>

                        <Grid Width=”50″ Height=”50″ >

                            <VisualStateManager.VisualStateGroups>

                                <VisualStateGroup x:Name=”CommonStates”>

                                    <VisualStateGroup.Transitions>

                                        <VisualTransition To=”PointerOver

                              GeneratedDuration=”0:0:0.5″/>

                                    </VisualStateGroup.Transitions>

                                    <VisualState x:Name=”Normal” />

                                    <VisualState x:Name=”PointerOver”>

                                        <Storyboard>

                                            <ColorAnimation Storyboard.TargetName=”ButtonBrush”

Storyboard.TargetProperty=”Color” To=”Red” />

                                        </Storyboard>

                                    </VisualState>

                                </VisualStateGroup>

                            </VisualStateManager.VisualStateGroups>

                            <Grid.Background>

                                <SolidColorBrush x:Name=”ButtonBrush” Color=”Green”/>

                            </Grid.Background>

                        </Grid>

                    </ControlTemplate>

               

This is the full code

<Page.Resources>

        <Style x:Key=”AddButton1″ TargetType=”Button”>

            <Setter Property=”Template”>

                <Setter.Value>

                    <ControlTemplate TargetType=”Button”>

                        <Grid Width=”50″ Height=”50″ >

                            <VisualStateManager.VisualStateGroups>

                                <VisualStateGroup x:Name=”CommonStates”>

 <VisualStateGroup.Transitions>

                                        <VisualTransition To=”PointerOver”

                              GeneratedDuration=”0:0:0.5″/>

                                    </VisualStateGroup.Transitions>

                                    <VisualState x:Name=”Normal” />

                                    <VisualState x:Name=”PointerOver”>

                                        <Storyboard>

                                            <ColorAnimation Storyboard.TargetName=”ButtonBrush”

Storyboard.TargetProperty=”Color” To=”Red” />

                                        </Storyboard>

                                    </VisualState>

                                </VisualStateGroup>

                            </VisualStateManager.VisualStateGroups>

                            <Grid.Background>

                                <SolidColorBrush x:Name=”ButtonBrush” Color=”Green”/>

                            </Grid.Background>

                        </Grid>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>

    </Page.Resources>

    <Grid Background=”{StaticResource ApplicationPageBackgroundThemeBrush}”>

        <Button HorizontalAlignment=”Left” Margin=”434,88,0,0″ VerticalAlignment=”Top” Style=”{StaticResource AddButton1}” Content=”heeey”>          

       </Button>

    </Grid>

Advertisements

Written by Ibraheem Osama Mohamed

July 12, 2012 at 9:04 pm

3 Responses

Subscribe to comments with RSS.

  1. I¡¯m impressed, I must say. Really not often do I encounter a blog that¡¯s both educative and entertaining, and let me tell you, you may have hit the nail on the head. Your thought is outstanding; the problem is one thing that not enough individuals are talking intelligently about. I¡¯m very glad that I stumbled throughout this in my seek for one thing regarding this.

  2. magnificent issues altogether, you just received a new reader. What may you recommend in regards to your submit that you simply made some days in the past? Any positive?
    http://www.CoolMobilePhone.net

    Royce Perrault

    July 19, 2012 at 4:44 pm

  3. Thanks 🙂

    Ahmed Maher Pasha

    July 25, 2012 at 1:49 am


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: