在 DataGrid 中设置 属性 的 UserControl?

Set Property of UserControl in DataGrid?

我正在开发一个播放音频文件的程序,运行 我的一个 DataGrid 遇到了一些问题。基本上它是为了允许用户更改它的设置 (例如收听、重复和音量).

为此,我制作了自己的 UserControl,它是通过 XAML 中的 DataTemplates 动态添加的。所以首先这里有一些背景;

SoundFile.cs (public class)
Class 具有与文件相关的属性,例如名称、路径、类别和卷。

SoundLibrary.cs(public静态)
这是一个静态 class,它跟踪 ObservableCollection 中的所有声音文件,这是用于填充我的 DataGrid 的集合。

SoundControl.cs (UserControl)
这是我的 UserControl,它由几个按钮组成,它有一个 属性 for SoundFile 这就是我对如何设置 and/or 正确访问感到困惑的地方.

我的 DataGrid 是这样定义的;

<DataGrid
    x:Name="MyDataGrid"
    Margin="0,0,0,36"
    AlternationCount="2"
    AutoGenerateColumns="False"
    IsReadOnly="True"
    ItemsSource="{Binding}">
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding Name}" Header="Name" />
        <DataGridTemplateColumn Header="Listen Volume">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Slider
                        Margin="5"
                        Maximum="100"
                        Minimum="0"
                        Value="{Binding DataContext.ListenVolume, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=DataGridRow}}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Header="Settings">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <local:SoundControl x:Name="SoundController" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Header="Progress">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <ProgressBar
                        Maximum="100"
                        Minimum="0"
                        Visibility="Visible"
                        Value="50" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

下面是我如何在代码隐藏中绑定它;

MyDataGrid.ItemsSource = SoundLibrary.Library;

for (int i = 0; i < MyDataGrid.Items.Count; i++)
{
    SoundFile sf = (SoundFile)MyDataGrid.Items.GetItemAt(i);
    Debug.WriteLine(sf.FilePath);
}

这样做我可以按预期访问 SoundFile,但是我不确定如何通过 SoundControl.

访问 SoundFile

SoundControlclass非常简单;

public partial class SoundControl : UserControl
{
    public SoundFile Sound { get; set; } = new SoundFile();

    public SoundControl()
    {
        InitializeComponent();

        ListenButton.IsToggled = Sound.Listen;
        RepeatButton.IsToggled = Sound.Repeat;
    }

    private void GridButton_MouseUp(object sender, MouseButtonEventArgs e)
    {
        if (sender == ListenButton)
        {
            Sound.Listen = ListenButton.IsToggled;
            MainWindow mainWindow = (MainWindow)Window.GetWindow(this);
            mainWindow.UnsavedChanges = true;
        }

        if (sender == RepeatButton)
        {
            Sound.Repeat = RepeatButton.IsToggled;
            MainWindow mainWindow = (MainWindow)Window.GetWindow(this);
            mainWindow.UnsavedChanges = true;
        }

        if (sender == FolderButton)
        {
            Debug.WriteLine(Sound.FilePath);
            //Sound.OpenDirectory();
        }
    }
}

任何正确方向的指示将不胜感激,数据绑定和使用 DataGrids 仍然相对较新...提前致谢!

SoundControl 的 Sound 属性 应该是可绑定的 属性,即依赖 属性:

public static readonly DependencyProperty SoundProperty =
    DependencyProperty.Register(
        nameof(Sound), typeof(SoundFile), typeof(SoundControl));

public SoundFile Sound
{
    get { return (SoundFile)GetValue(SoundProperty); }
    set { SetValue(SoundProperty, value); }
}

您可以像这样将它绑定到 DataGrid 行的当前 SoundFile 项目:

<DataGridTemplateColumn Header="Settings">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <local:SoundControl Sound="{Binding}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>