WPF Listbox Bouton Afficher dans ItemTemplate à la Souris

J'ai une listbox contenant et image et un bouton. Par défaut, le bouton est caché. Je veux faire un bouton visible à chaque fois que j'ai passez la souris sur un élément dans la zone de liste.
Le code XAML que j'utilise est ci-dessous. Grâce

<Window.Resources>
        <Style TargetType="{x:Type ListBox}">
    <Setter Property="ItemTemplate">
                    <Setter.Value>
                        <DataTemplate>
                            <Border BorderBrush="Black" BorderThickness="1" Margin="6">
                                <StackPanel Orientation="Horizontal">
                                    <Image Source="{Binding Path=FullPath}" Height="150" Width="150"/>
                                    <Button x:Name="sideButton" Width="20" Visibility="Hidden"/>
                                </StackPanel>
                            </Border>
                        </DataTemplate>
                    </Setter.Value>
                </Setter>
        </Style>
    </Window.Resources>

InformationsquelleAutor | 2008-10-15

listbox wpf

42

Ok, essayez ceci dans votre bouton de déclaration:
```
<Button x:Name="sideButton" Width="20">
    <Button.Style>
        <Style TargetType="{x:Type Button}">
            <Setter Property="Visibility" Value="Hidden" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBoxItem}},Path=IsMouseOver}" Value="True">
                    <Setter Property="Visibility" Value="Visible" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>
```
Donc je suis en utilisant un style avec un seuil de déclenchement de regarder en arrière de l'arborescence visuelle jusqu'à ce que je trouve un ListBoxItem, et lorsque son IsMouseOver propriété retourne à True j'ai mis le button's de la visibilité à Visible.

Voir si il est proche de ce que vous voulez.
- très simple et fonctionne comme un charme! tnks
- Dans mon cas, j'ai déplacé le style de la Fenêtre.Ressources et modifié comme ceci : x:Key="ShowHideButton" TargetType="Button" Chaque bouton besoin de cette fonctionnalité vient a ainsi ajouté: Style="{StaticResource ShowHideButton}
- Il semble que PropertyName doit être Bien? +1
InformationsquelleAutor Matt Hamilton

Ce Style fait ce que vous avez besoin. Au survol de la souris, le bouton devient visible uniquement lorsque le pointeur se trouve sur le ListBoxItem. Le truc spécial est à lier à la TemplatedParent pour atteindre IsMouseOver et l'utilisation TargetName sur le Setter pour n'affecter que la Button.

<Style TargetType="{x:Type ListBoxItem}">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <Border BorderBrush="Black"
                        BorderThickness="1"
                        Margin="6">
                    <StackPanel Orientation="Horizontal">
                        <Image Source="{Binding Path=FullPath}"
                               Height="150"
                               Width="150" />
                        <Button x:Name="sideButton"
                                Width="20"
                                Visibility="Hidden" />
                    </StackPanel>
                </Border>
                <DataTemplate.Triggers>
                    <DataTrigger Binding="{Binding IsMouseOver,RelativeSource={RelativeSource TemplatedParent}}"
                                 Value="True">
                        <Setter Property="Visibility"
                                TargetName="sideButton"
                                Value="Visible" />
                    </DataTrigger>
                </DataTemplate.Triggers>
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

Ma question est: quel est le plus efficace? Changer le Bouton de la visibilité, ou de le créer dans le Déclencheur du passage de la Souris? Parce que je pense que la création de 10000 Boutons et les cacher n'est pas aussi efficace que la création du concret dans les Infobulles de Déclenchement.
Efficace en temps de calcul ou de mémoire, lors de l'initialisation ou lors de l'utilisation de la souris autour de vous? Quelle différence peut-elle apporter dans la programmation de la complexité? Essayer de bricoler un peu significatif de cas de test et de le mesurer!

InformationsquelleAutor David Schmitt

@David c'est de montrer le droit chemin,
Mais j'ai une suggestion pour votre XAML de l'architecture. Si vous n'avez pas de liaison de données sur le Bouton, il est préférable de les placer sur le style de ListBoxItem que le DataTemplate comme ci-dessous.

  <Style TargetType="{x:Type ListBoxItem}">
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <DataTemplate>
                    <Border BorderBrush="Black"
                    BorderThickness="1"
                    Margin="6">
                        <StackPanel Orientation="Horizontal">
                            <Image Source="{Binding Path=FullPath}"
                           Height="150"
                           Width="150" />                             
                        </StackPanel>
                    </Border>
                </DataTemplate>
            </Setter.Value>
        </Setter>            
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                    <Grid Background="Transparent">
                        <Button x:Name="sideButton" Width="20" HorizontalAlignment="Right" Visibility="Hidden" />
                        <ContentPresenter/>                            
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger  Property="IsMouseOver" Value="True">
                            <Setter Property="Visibility"
                            TargetName="sideButton"
                            Value="Visible" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>            
    </Style>

Ça a l'air bon, car il élimine la RelativeSource. Je suis toujours réticent à changer le ControlTemplate si...

InformationsquelleAutor Jobi Joy

0

Une solution pour trouver ce point a été cliqué est d'ajouter l'Événement suivant setter

XAML

C#
void ListBoxItem_MouseEnter(object sender, MouseEventArgs e)
{
_memberVar = (expéditeur ListBoxItem).Contenu;
}

InformationsquelleAutor

Demandais juste, si nous utilisons la technique ci-dessus, comment pouvons-nous déterminer ce point que le bouton a été cliqué?

De réponse de Brian question, cliquez sur le bouton gestionnaire vous pouvez marcher jusqu'à l'arbre visuel de trouver l'élément qui contient le bouton:

        DependencyObject dep = (DependencyObject)e.OriginalSource;
        while ((dep != null) && !(dep is ListBoxItem))
        {
            dep = VisualTreeHelper.GetParent(dep);
        }

        if (dep != null)
        {
            //TODO: do stuff with the item here.
        }

InformationsquelleAutor donovan

Vous devez vous connecter pour publier un commentaire.