为什么我不能把这个网格放在我的按钮上

将 ItemsControl 绑定到属于 ViewModel 的列表：

<ItemsControl x:Name="btnList"  ItemsSource="{Binding Items}">
   <ItemsControl.ItemTemplate>
      <DataTemplate>
        <Button>
           <Button.Content>
                  <!-- Place your Grid Xaml here -->
           </Button.Content>
       </Button>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

将ObservableCollection添加到 ViewModel，该集合将是DataStore.Instance.THINGsFoundOnTap类型的列表。

因此，在视图模型中，添加新的实例属性：

private ObservableCollection<YourType> _items = new ObservableCollection<YourType>();
public ObservableCollection<YourType> Items
{
    get{ return _items; }
}

然后修改视图以添加视图模型，请注意，您必须将视图 DataContext 设置为视图模型：

var viewModel = new YourViewModel();  //create your view model
DataContext = viewModel;   // set the views DataContext
foreach (XTHING_IndexItem indexItem in DataStore.Instance.THINGsFoundOnTap)
{
   viewModel.Items.Add( indexItem);
}

最后，修改视图以绑定到 ViewModels Items集合中的单个项：

 <TextBlock Grid.Row="1"
    Grid.Column="0"
    HorizontalAlignment="Center"
    Text="{Bind cName}" />

您可以根据需要以任何方式处理单击事件或命令。

难道它不就是这样认为，在摸索了几个小时之后，当我在这里寻求帮助的那一刻，我就会在下一次在线搜索中偶然找到答案吗？

网格最好在 .xaml.cs 文件中制作，而不是在 .xaml 文件中制作。也许你可以让 .xaml 与 ViewModel 一起工作，但是当它同样有效时，我不会制作另一个新的视图模型。

新的 .xaml 代码：

<!-- ...other code up above... -->
    <ItemsControl x:Name="btnList" ItemsSource="{Binding Items}"/>

新的 .xaml.cs 代码：

    public THINGSelectFlyout()
    {
        this.InitializeComponent();
        foreach (XTHING_IndexItem indexItem in DataStore.Instance.THINGsFoundOnTap)
        {
            Button button = new Button()
            {
                Name = indexItem.cGuid.ToString("N"),
                Style = Application.Current.Resources["BigButtons"] as Style
            };
            Grid textGrid = new Grid();
            // Define Grid rows
            RowDefinition rowDef1 = new RowDefinition();
            RowDefinition rowDef2 = new RowDefinition();
            RowDefinition rowDef3 = new RowDefinition();
            rowDef1.Height = new GridLength(20);
            rowDef2.Height = new GridLength(22);
            rowDef3.Height = new GridLength(25);
            textGrid.RowDefinitions.Add(rowDef1);
            textGrid.RowDefinitions.Add(rowDef2);
            textGrid.RowDefinitions.Add(rowDef3);
            // Define Grid columns
            ColumnDefinition colDef1 = new ColumnDefinition();
            ColumnDefinition colDef2 = new ColumnDefinition();
            colDef1.Width = new GridLength(150);
            colDef2.Width = new GridLength(105);
            textGrid.ColumnDefinitions.Add(colDef1);
            textGrid.ColumnDefinitions.Add(colDef2);
            // Set indexItem text
            TextBlock indexText = new TextBlock();
            indexText.Text = indexItem.cName;
            indexText.TextAlignment = 0;
            textGrid.Children.Add(indexText);
            Grid.SetColumnSpan(indexText, 2);
            Grid.SetRow(indexText, 1);
            // Set assignment text
            TextBlock assgnText = new TextBlock();
            assgnText.Text = "  Assgn: " + indexItem.cAssignedTo;
            indexText.TextAlignment = 0;
            textGrid.Children.Add(assgnText);
            Grid.SetRow(assgnText, 2);
            // Set owner text
            TextBlock ownerText = new TextBlock();
            ownerText.Text = "Owner: " + indexItem.cOwnedBy;
            indexText.TextAlignment = 0;
            textGrid.Children.Add(ownerText);
            Grid.SetRow(ownerText, 2);
            Grid.SetColumn(ownerText, 1);
            button.Content = textGrid;
            button.Click += THINGButton_Click;
            btnList.Items.Add(button);
        }
    }

唯一的缺点是我不确定如何放一个 * 运算符来像 .xaml 允许的那样自动调整行和列尺寸的大小，但它可以满足我的需要。