我正在做一个数据绑定的用户控件。查询结果包括对象(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:为什么默认鼠标悬停效果仍然执行。
谢谢
最佳答案
好的,去吧:
1.您需要在HorizontalContentAlignment="Stretch"
上设置ListBox
,并在StackPanel
内的DataTemplate
上设置Orientation="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
使用必需的Width而不是Stretch。关于c# - 有人可以给我一些有关WPF的建议吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16234043/