36

画像とボタンを含むリストボックスがあります。デフォルトでは、ボタンは非表示になっています。リストボックス内の項目にカーソルを合わせるたびにボタンを表示したいと考えています。私が使用している XAML は以下のとおりです。ありがとう

<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>
4

5 に答える 5

53

OK、ボタン宣言でこれを試してください：

<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>

そのため、トリガー付きのスタイルを使用して、 が見つかるまでビジュアル ツリーを振り返りListBoxItem、そのIsMouseOverプロパティが に反転したら、の可視性をTrueに設定します。buttonVisible

希望に近いかどうかを確認します。

于 2008-10-15T21:16:00.683 に答える
16

これStyleは必要なことを行います。マウスオーバーすると、ポインターが の上にあるときにのみボタンが表示されますListBoxItem。特別なトリックは、TemplatedParentに到達するためににバインドし、 でIsMouseOver使用TargetNameしてSetterにのみ影響を与えること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>
于 2008-10-16T07:21:00.400 に答える
5

@David は正しい方法を示していますが、XAML アーキテクチャに 1 つの提案があります。ボタンに DataBinding がない場合は、次のように DataTemplate よりも ListBoxItem スタイルに配置することをお勧めします。

  <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>
于 2008-10-16T09:04:12.843 に答える
0

クリックされたアイテムを見つける1つの解決策は、次のイベントセッターを追加することです。

XAML

C＃void ListBoxItem_MouseEnter（object sender、MouseEventArgs e）{_memberVar =（sender as ListBoxItem）.Content; }

于 2009-12-21T23:12:51.730 に答える
0

上記の手法を使用すると、ボタンがクリックされた項目をどのように判断できるのでしょうか。

ブライアンの質問に答えるには、ボタン クリック ハンドラーで、ビジュアル ツリーを上って、ボタンを含むアイテムを見つけます。

        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.
        }
于 2010-02-11T05:21:02.077 に答える