Temat: WPF kilka pytań

Witam, mam następujący kod:

<Page

  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

  <Grid ShowGridLines="True">  

 <ListView Width="300">

  <ListView.View>

    <GridView>

    <GridViewColumn>Pierwszy Header</GridViewColumn>

     <GridViewColumn>Drugi Header</GridViewColumn>

      <GridViewColumn>Trzeci Header</GridViewColumn>

      <GridView.ColumnHeaderContainerStyle>

        <Style TargetType="GridViewColumnHeader">

            <Setter Property="Background" Value="#3399CC"></Setter>

            <Setter Property="Foreground" Value="White"></Setter>

            <Setter Property="Width" Value="100"></Setter>

            <Setter Property="Height" Value="30"></Setter>

        </Style>

      </GridView.ColumnHeaderContainerStyle>

    </GridView>

    

  </ListView.View>

  <ListView.ItemContainerStyle>

      <Style TargetType="ListViewItem">

        <Setter Property="Background" Value="#DDDDDD"></Setter>

        <Setter Property="Height" Value="30"></Setter>

      </Style>

  </ListView.ItemContainerStyle>

  <ListViewItem>Optymalizacja</ListViewItem>

  <ListViewItem>Pozycjonowanie</ListViewItem>

 </ListView>

</Grid>

</Page>

1. Jak zrobić ikonki obok wartości w item?
2. Jak zmienić kolor po najechaniu myszką?

Zastanawia mnie tez fakt, jak to jest zrobione na filmiku że w wypadku good jest zielona ikonka, w wypadku bad czerwona... W WPF raczkuje, więc wybaczcie poziom pytać ;)

Głównie mi chodzi o efekty tego pokroju: http://www.youtube.com/watch?v=aOQDeF8Pbm8 :)

Temat: WPF kilka pytań

1. ItemTemplate <- odsyłam do przykładu http://huydinhpham.blogspot.com/2008/11/using-listvew-...

2. Tutaj to najłatwiej byłoby zrobić behavior (Blend SDK), podpięty do kontrolki ikonki, który po prostu obsługuje zdarzenie MouseEnter, MouseLeave + połączył bym to z VisualState'ami (jeden VisualState z normalną kontrolką, drugi ze zmienioną kontrolką odpalany przy zdarzeniu OnMouseEnter

Przykłady:

http://www.codeproject.com/Articles/28959/Introduction... (tutaj nawet jest bez Blend SDK)
http://wpftutorial.net/Behaviors.html (a tu na podstawie Blend SDK - w sumie to w połączeniu z Triggerami nawet obyłoby się bez behaviora <- GoToStateAction - odsyłam do przykładu poniżej)

http://www.kirupa.com/blend_silverlight/gotoStateActio...

Pozdrawiam

Temat: WPF kilka pytań

Z hoverem sobie poradziłem, w taki sposób:

        <Style.Triggers>

         <Trigger Property="IsMouseOver" Value="true">

          <Setter Property="Foreground" Value="White" />

          <Setter Property="Background" Value="#CC0000" />

        </Trigger>

        </Style.Triggers>

Z tymi ikonkami muszę się jeszcze pobawić :) Ale Kaxaml to bardzo przydatny program, dzięki któremu można xaml się nauczyć ;)

Temat: WPF kilka pytań

Z tymi ikonkami muszę się jeszcze pobawić :) Ale Kaxaml to bardzo przydatny program, dzięki któremu można xaml się nauczyć ;)

W sumie w Visual Studio moze tak widok podzielic zeby pisac i obserwowac wyniki. Chyba ze do grafiki 3D to jakieś narzędzie.

Temat: WPF kilka pytań

Możesz wykorzystać do tego celu ItemTemplate. Za pomocą C# możesz sprawdzać jaki jest status i zmieniać odpowiednie ikony.

<Style TargetType="ListBox">

        <Setter Property="ItemTemplate">

            <Setter.Value>

                <DataTemplate>

                    <Grid>

                        <Grid.ColumnDefinitions>

                            <ColumnDefinition Width="*"/>

                            <ColumnDefinition Width="Auto"/>

                        </Grid.ColumnDefinitions>

                        <TextBlock Text="{Binding Name}"/>

                        <Image Grid.Column="1" Source="{Binding Status}"/>

                    </Grid>

                </DataTemplate>

            </Setter.Value>

        </Setter>

    </Style>

Mirosław Ślanda edytował(a) ten post dnia 14.02.13 o godzinie 00:27