8

我有具有颜色列表的列表框控件。这是代码和图像：

<ListBox Name="FillSelections" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Center" SelectedItem="{Binding SelectedColor}" SelectionMode="Single" Style="{StaticResource HorizontalListBoxStyle}" ItemsSource="{Binding FillColors}" ItemTemplate="{StaticResource ColorsItemTemplate}"></ListBox>

 <DataTemplate x:Key="ColorsItemTemplate">
    <Border BorderBrush="Transparent">
        <Rectangle Width="20" StrokeThickness="1" Stroke="Black">
            <Rectangle.Fill>
                <SolidColorBrush Color="{Binding}" />
            </Rectangle.Fill>
        </Rectangle>
    </Border>

图片：

图片

我将如何仅像这样更改最后一项的样式：

图片

4

3 回答 3

21

这可以通过转换器来实现，该转换器负责查找列表框中的最后一项 -

转换器

public class IsLastItemInContainerConverter : IValueConverter
{
   public object Convert(object value, Type targetType,
                         object parameter, CultureInfo culture)
   {
       DependencyObject item = (DependencyObject)value;
       ItemsControl ic = ItemsControl.ItemsControlFromItemContainer(item);

       return ic.ItemContainerGenerator.IndexFromContainer(item)
               == ic.Items.Count - 1;
   }

   public object ConvertBack(object value, Type targetType,
                             object parameter, CultureInfo culture)
   {
      throw new NotImplementedException();
   }
}

并使用它，您可以像这样在您的 xaml 类中设置 DataTemplate -

<ListBox ItemContainerStyle="{StaticResource ColorsItemStyle}"/>

<Style x:Key="ColorsItemStyle">
  <Style.Triggers>
     <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self},
       Converter={StaticResource IsLastItemInContainerConverter}}" Value="False">
          <Setter Property="ContentTemplate">
             <Setter.Value>
                 <DataTemplate></DataTemplate> // Your template goes here
             </Setter.Value>
          </Setter>
      </DataTrigger>

     <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self},
       Converter={StaticResource IsLastItemInContainerConverter}}" Value="True">
          <Setter Property="ContentTemplate">
             <Setter.Value>
                 <DataTemplate></DataTemplate> // Your lastItem template goes here
             </Setter.Value>
          </Setter>
      </DataTrigger>
  </Style.Triggers>
</Style>
于 2012-08-26T15:09:22.050 回答
8

为了使它与随时间变化的 ListBox 一起工作，我最终使用了 MultiBinding：

<DataTemplate x:Key="myItemTemplate">
    <StackPanel Orientation="Horizontal">
        <TextBlock Text="{Binding}"/>
        <TextBlock x:Name="dots" Text="..."/>
    </StackPanel>
    <DataTemplate.Triggers>
        <DataTrigger Value="False">
            <DataTrigger.Binding>
                <MultiBinding Converter="{StaticResource isLastItemInContainerConverter}">
                    <Binding RelativeSource="{RelativeSource FindAncestor, AncestorType=ListBoxItem}" />
                    <Binding Path="Items.Count" RelativeSource="{RelativeSource FindAncestor, AncestorType=ListBox}" />
                </MultiBinding>
            </DataTrigger.Binding>
            <Setter TargetName="dots" Property="Visibility" Value="Collapsed"/>
        </DataTrigger>
    </DataTemplate.Triggers>
</DataTemplate>

注意：第二个绑定仅用于在列表更改时获得通知

这里是对应的MultivalueConverter

public class IsLastItemInContainerConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        DependencyObject item = (DependencyObject)values[0];
        ItemsControl ic = ItemsControl.ItemsControlFromItemContainer(item);

        return ic.ItemContainerGenerator.IndexFromContainer(item) == ic.Items.Count - 1;
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}
于 2014-06-11T13:15:36.337 回答
2

停止与 UI 混淆......这只是数据！

就个人而言，我认为最简单的方法是使用CompositeCollection（或自定义枚举器）。这种思维方式的优点是它可以将其正确地分离为数据，这就是它的本质，而不是与自定义 UI 废话/绑定/相对源等混淆。

我会解释的。

考虑一下您正在尝试显示存储在myColors集合中的“x”个动态生成的颜色，然后是表示“没有颜色”的内容（您的盒子里面有线条。）

首先，在您的应用程序中的某处定义一个“无颜色”标记，就像这样......

class NoColorToken{}

然后定义一个DataTemplate定位那个类，像这样......

<DataTemplate DataType="{x:Type ns:NoColorToken}">
    <TextBlock Text="Replace with template representing 'no color'" />
</DataTemplate>

您甚至可以使其更通用，将其称为 aNoSelectionToken以与任何类型的列表一起使用。只需确保将 DataTemplate 范围限定为该特定位置的使用情况（即本示例中没有颜色。）

然后在您的代码中，只需将您的颜色填充到一个类CompositeCollection的实例中NoColorToken，如下所示：

var colorsAndToken = new CompositeCollection();
colorsAndToken.Add(new CollectionContainer(myColors));
colorsAndToken.Add(new NoColorToken());

itemsControl.ItemsSource = colorsAndToken;

对 MyColors 的更改（如果可观察到）将自动更新 UI。

如果它们不需要是可观察的（即没有单独的添加或删除），只需编写一个枚举器函数（本质上是CompositeCollection内部操作的简化基础），事情就可以变得更加容易。

IEnumerable ColorsWithToken(IEnumerable colors){

    foreach (var color in colors)
        yield return color;

    yield return new NoColorToken();
}

itemsControl.ItemsSource = ColorsWithToken(myColors);

同样，自定义枚举器方法不会跟踪对myColors. 如果myColors更改，您必须重新分配ItemsSource. 但是，如果你走 的路线CompositeCollection，它会自动处理更新，只是以新对象 为代价CompositeCollection，但这就是它的用途。

顺便说一句，您还可以将上述内容包装在一个转换器中，该转换器为您处理任一方法，返回枚举数或CompositeCollection用于纯 XAML 方法的 a，无论ItemsControl.ItemsSource您将其应用于哪个方法。我实际上已经用AddNoSelectionPlaceholder转换器做到了这一点。）

同样，我更喜欢它的原因是它将项目（包括“无颜色”项目）视为数据，这就是它的本质。更好的是，因为它是数据，它可以让你轻松地改变周围的事物。想要“无色”商品排在第一位吗？只需切换您添加它们的顺序。

colorsAndToken.Add(new NoColorToken());
colorsAndToken.Add(new CollectionContainer(myColors));

或者

yield return new NoColorToken();

foreach (var color in colors)
    yield return color;

同样，现在只是数据。在数据模板或控件、绑定或其他任何地方都不需要做任何“聪明”的事情。更好的是，它现在也是完全可单元测试的。不需要用户界面。

于 2019-02-18T23:31:35.150 回答