1

我正在尝试创建一个可以一次播放多个视频的视频播放器。我已经让播放器工作了，现在我正试图让用户在运行时添加额外的视频。我在一个统一的网格中显示视频，它使用转换器来决定它应该根据视频的数量生成多少行和列。当您在运行之前定义有多少玩家时，它可以正常工作，但是当我在运行统一网格时添加玩家时，统一网格不会更新行或列。它只是将另一个视频添加到之前的任何结构中。无论如何我可以强制它重新评估行/列吗？

TL;DR：我可以在查看统一网格时重新评估它的行和列吗？如何 ？

控件的 xaml 如下。可能有用的附加信息：
1. Players 是 ObservableCollection
2. 控件显示为 TabControl 

<UserControl x:Class="Views.AllVideos"
             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" 
             xmlns:local="clr-Views"
             mc:Ignorable="d">
  <ItemsControl ItemsSource="{Binding Players}"
                x:Name="AllVideosControl">
    <ItemsControl.ItemsPanel>
      <ItemsPanelTemplate>
        <UniformGrid Columns="{Binding Players, Converter={StaticResource CountToColumns}, Mode=OneWay}"
                     Rows="{Binding Players, Converter={StaticResource CountToRows}, Mode=OneWay}"
                     VerticalAlignment="Stretch"
                     HorizontalAlignment="Stretch"
                     IsItemsHost="True"/>
      </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
      <DataTemplate>
        <Border BorderBrush="{DynamicResource AccentBrush}"
                BorderThickness="1"
                Margin="5">
          <ls:PanelPreview DataContext="{Binding}"/>
        </Border>
      </DataTemplate>
    </ItemsControl.ItemTemplate>
  </ItemsControl>
</UserControl>
4

2 回答 2

1

设置Rows并且Columns根本不需要。没有它们，一切都将正常工作。UniformGrid将所有东西均匀地放在任何容器中。

如果您仍然想使用Binding，那么下面的作品对我来说Cols是固定的。Converters不需要。

    void Players_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
    {
        Rows = (int)Math.Ceiling(Players.Count / Cols);
    }
于 2016-04-24T07:14:53.213 回答
0

问题似乎是没有任何东西通知绑定中的项目数量Players已更改：绑定坐在那里等待您的视图模型告诉它有一个新Players集合。

但既然Players是ObservableCollection，它会PropertyChanged在它Count发生变化时引发。所以，最简单的情况：

<UniformGrid
    Rows="{Binding Players.Count}"
    ...
    />

当项目添加到Players. 转换器中的算法可能需要一些工作，但关键是绑定会更新UniformGrid.Rows并且UniformGrid.Columns每次都会Players更改。这是有效的，因为每次添加或删除项目时ObservableCollection都会引发。PropertyChanged("Count")因为我绑定到 的属性ObservableCollection，绑定订阅了ObservableCollection的PropertyChanged事件，所以它知道在更改时更新Count。

C＃

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }

    private void AddButton_Click(object sender, RoutedEventArgs e)
    {
        (DataContext as ViewModel).Players.Add($"Player {(DataContext as ViewModel).Players.Count + 1}");
    }

    private void RemoveButton_Click(object sender, RoutedEventArgs e)
    {
        if ((DataContext as ViewModel).Players.Count > 0)
            (DataContext as ViewModel).Players.RemoveAt(0);
    }
}

public class ViewModel
{
    private ObservableCollection<String> _players = new ObservableCollection<string>();
    public ObservableCollection<String> Players
    {
        get { return _players; }
    }
}

public class RowsColumnsConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return Math.Ceiling(Math.Sqrt((int)value));
    }

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

XAML

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <ItemsControl
        Grid.Row="1"
        ItemsSource="{Binding Players}"
        >
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <UniformGrid
                    Rows="{Binding Players.Count, Converter={StaticResource RowsColumns}}"
                    Columns="{Binding Players.Count, Converter={StaticResource RowsColumns}}"
                    />
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
    </ItemsControl>

    <StackPanel Grid.Row="0" Orientation="Horizontal">
        <Button 
            Content="Add Player" 
            Click="AddButton_Click" 
            Margin="2" 
            Width="100" 
            />
        <Button 
            Content="Remove Player" 
            Click="RemoveButton_Click"
            Margin="2" 
            Width="100" 
            />
    </StackPanel>
</Grid>
于 2016-04-23T22:54:46.083 回答