2

我正在制作一个数据绑定的用户控件。查询结果包括对象集合 (A)，其中 A 具有其他结果 (B) 的集合。所以A包含多个B。

在用户控件中，我想将集合 A 表示为扩展器，将 B 表示为扩展器内的按钮。这就是我得到的

<UserControl x:Class="GuideLib.ModuleControls.uclQuestions"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
<ItemsControl x:Name="ictlAnswers" ItemsSource="{Binding}" Background="Gray">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Expander ExpandDirection="Down" Background="DarkGray">
                <Expander.Header>
                    <TextBlock Text="{Binding Path=Name}" Foreground="White"/>
                </Expander.Header>
                <ListBox x:Name="SubListBox" ItemsSource="{Binding Path=Question}" Background="Gray" Foreground="White" HorizontalAlignment="Stretch">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
                                <Button Content="{Binding Path=Name}" Margin="10,2,2,2" HorizontalAlignment="Stretch" Tag="{Binding Path=ID}">
                                    <Button.Style>
                                        <Style TargetType="{x:Type Button}">
                                            <Setter Property="Background" Value="Gray" />
                                            <Style.Triggers>
                                                <Trigger Property="IsMouseOver" Value="True">
                                                    <Setter Property="Background" Value="Orange" />
                                                </Trigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Button.Style>
                                </Button>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </Expander>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

我有多个问题。

1：我无法让扩展器中的按钮水平拉伸

2：如何将按钮的Tag属性设置为B的整个对象

3：为什么默认的mouseover效果仍然执行。

谢谢

4

2 回答 2

0

只是快速浏览一下..对于问题2，请尝试这样做：

<Button Content="{Binding Path=Name}" Margin="10,2,2,2" HorizontalAlignment="Stretch" Tag="{Binding}">

这应该使它绑定到 ListBox 中的项目。

于 2013-04-26T11:30:20.320 回答
0

好的，这里是：

1.你需要HorizontalContentAlignment="Stretch"在里面设置ListBox和设置StackPanelDataTemplateOrientation="Vertical"

2.设置Tag="{Binding .}"在Button

3.将您的更新Button.Style为：

<Button.Style>
  <Style TargetType="{x:Type Button}">
    <Setter Property="Background"
            Value="Gray" />
    <Setter Property="OverridesDefaultStyle"
            Value="True" />
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type Button}">
          <Border Background="{TemplateBinding Background}">
            <ContentPresenter />
          </Border>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
    <Style.Triggers>
      <Trigger Property="IsMouseOver"
                Value="True">
        <Setter Property="Background"
                Value="Orange" />
      </Trigger>
    </Style.Triggers>
  </Style>
</Button.Style>

最后在你添加问题4之前。记住ListBoxItem有一个Style它自己的。因此，要完全覆盖MouseOver不在“项目”上Button但在“项目”中时的效果，您必须Style为ListBox.ItemContainerStyle

哦，开始使用 Snoop。它可以帮助您调试布局问题。认为您将能够用它解决问题 1，因为它会向您表明您使用ContentPresenter的ListBoxItem是所需的宽度而不是拉伸。

于 2013-04-26T11:59:40.140 回答