將標籤的內容綁定到代碼隱藏文件中的屬性

Question

我正在使賓果卡生成器嘗試瞭解更多有關WPF的信息，並且無法確定如何設置標籤內容屬性以便從屬性中設置我的代碼隱藏文件。

我以爲我可以使用

<Setter Property="Content" Value="{Binding BNumber}">

的內容屬性標籤的內容設置爲我List<String>的隨機元素？

我在MainWindow.xaml

<Window x:Class="Bingo.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="MainWindow" Height="600" Width="800" 
     WindowStartupLocation="CenterScreen"> 
    <Grid> 
    <Grid Width="350" Height="420" ShowGridLines="True"> 
     <Grid.RowDefinitions> 
     <RowDefinition Height="70"/> 
     <RowDefinition Height="70"/> 
     <RowDefinition Height="70"/> 
     <RowDefinition Height="70"/> 
     <RowDefinition Height="70"/> 
     <RowDefinition Height="70"/> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="70" /> 
     <ColumnDefinition Width="70" /> 
     <ColumnDefinition Width="70" /> 
     <ColumnDefinition Width="70" /> 
     <ColumnDefinition Width="70" /> 
     </Grid.ColumnDefinitions> 
     <!-- The Label I'm trying to set in this example --> 
     <Label Grid.Column="0" Grid.Row="1" Style="{StaticResource BNumber}" 
      FontSize="50" Width="70"/> 
    </Grid> 
    </Grid> 
</Window> 

我的App.xaml代碼

<Application x:Class="Bingo.App" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      StartupUri="MainWindow.xaml"> 
    <Application.Resources> 
    <Style TargetType="Label" x:Key="BNumber"> 
     <Setter Property="Content" Value="{Binding}"></Setter> 
     <Setter Property="Background"> 
     <Setter.Value> 
      <SolidColorBrush Color="Beige"/> 
     </Setter.Value> 
     </Setter> 
    </Style> 
    </Application.Resources> 
</Application> 

在我MainWindow.xaml.cs我有這個List<String> BNumbers對象和返回BNumbers列表中的隨機元素的屬性

public MainWindow() { 
    InitializeComponent(); 
    BNumbers.Add("1"); 
    BNumbers.Add("2"); 
    BNumbers.Add("3"); 
    BNumbers.Add("4"); 
    BNumbers.Add("5"); 
    BNumbers.Add("6"); 
    BNumbers.Add("7"); 
    BNumbers.Add("8"); 
    BNumbers.Add("9"); 
    BNumbers.Add("10"); 
    BNumbers.Add("11"); 
    BNumbers.Add("12"); 
    BNumbers.Add("13"); 
    BNumbers.Add("14"); 
    BNumbers.Add("15"); 
} 
public string RandomBNumber { 
    get { return randomB(); } 
} 
public string randomB() { 
    Random rand = new Random(); 
    int randomBNumber = rand.Next(0, 15); 
    return BNumbers[randomBNumber]; 
} 
public List<String> BNumbers = new List<string>(); 

Answer 1

在構造函數中，你需要設置的DataContext：

this.DataContext = this; 

你還需要改變你的二傳手相匹配的屬性名稱RandomBNumber：

<Setter Property="Content" Value="{Binding RandomBNumber }"> 

Answer 2

它也許更容易隨機化列表本身，然後每個數字，因爲這將停止重複。

Aslo使用統一網格可能會更容易添加一堆標籤。

例子：

的XAML：

<Window x:Class="WpfApplication4.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="MainWindow" Height="346" Width="300" Name="UI"> 

    <Grid DataContext="{Binding ElementName=UI}"> 
     <ItemsControl ItemsSource="{Binding BNumbers}" Margin="0,29,0,0"> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <Border Margin="1" BorderBrush="Black" BorderThickness="1" CornerRadius="2"> 
         <Label Content="{Binding}" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" /> 
        </Border> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
      <ItemsControl.ItemsPanel> 
       <ItemsPanelTemplate> 
        <UniformGrid Columns="5" Rows="5"/> 
       </ItemsPanelTemplate> 
      </ItemsControl.ItemsPanel> 
     </ItemsControl> 
     <Button Content="New" Height="23" HorizontalAlignment="Left" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" /> 
    </Grid> 
</Window> 

代碼：

public partial class MainWindow : Window, INotifyPropertyChanged 
{ 
    public List<string> AllNumbers { get; set; } 
    private List<string> _bnumbers = new List<string>(); 

    public MainWindow() 
    { 
     InitializeComponent(); 
     AllNumbers = new List<string>(); 
     // Bingo game 75 numbers, 5x5 grid 
     for (int i = 0; i < 75; i++) 
     { 
      AllNumbers.Add(i.ToString()); 
     } 
    } 

    public List<string> BNumbers 
    { 
     get { return _bnumbers; } 
     set { _bnumbers = value; NotifyPropertyChanged("BNumbers"); } 
    } 

    private void button1_Click(object sender, RoutedEventArgs e) 
    { 
     RandomizeList(AllNumbers); 
     BNumbers = AllNumbers.Take(25).ToList(); 
    } 

    private void RandomizeList<T>(IList<T> list) 
    { 
     Random rng = new Random(); 
     int n = list.Count; 
     while (n > 1) 
     { 
      n--; 
      int k = rng.Next(n + 1); 
      T value = list[k]; 
      list[k] = list[n]; 
      list[n] = value; 
     } 
    } 

    public event PropertyChangedEventHandler PropertyChanged; 
    private void NotifyPropertyChanged(string property) 
    { 
     if (PropertyChanged != null) 
     { 
      PropertyChanged(this, new PropertyChangedEventArgs(property)); 
     } 
    } 
} 

結果（ 「新」 將產生一個新的遊戲）