以編程方式將按鈕添加到UWP應用程序

Question

假設我的應用程序有一個按鈕添加了另一個按鈕。 如果我按下它，另一個按鈕應該出現在第一個按鈕的旁邊。 此外，新按鈕應該成爲「添加一個新按鈕」按鈕。

我該怎麼做？

我的方法是創建一個RelativePanel，因爲在編輯器中，你可以說「把這個放在左邊」。 但是，它找不到在C＃代碼中執行此操作的方法。

Answer 1

您可以按照ctron's comment並通過在代碼中設置附加的屬性值來完成。樣品可以是這樣的 - XAML：

<RelativePanel x:Name="myPanel" Margin="100"> 
    <Button Content="StartBtn" Click="Button_Click"/> 
</RelativePanel> 

，並在後面的代碼：

private void Button_Click(object sender, RoutedEventArgs e) 
{ 
    Button newButton = new Button { Content = "CreatedBtn" }; 
    newButton.Click += Button_Click; 
    RelativePanel.SetLeftOf(newButton,sender); 
    myPanel.Children.Add(newButton); 
} 

這將正常工作，但是如果您單擊雙次一個按鈕，第二個新創建一個將重疊從第一次點擊創建的那個。如果這不是一種理想的行爲，那麼您必須以其他方式來做，在這種情況下，您需要一個按鈕列表。我用水平的ListView爲：

<ListView x:Name="myList"> 
    <ListView.ItemsPanel> 
     <ItemsPanelTemplate> 
      <ItemsStackPanel Orientation="Horizontal" ScrollViewer.HorizontalScrollMode="Enabled" ScrollViewer.VerticalScrollMode="Disabled"/> 
     </ItemsPanelTemplate> 
    </ListView.ItemsPanel> 
    <ListView.ItemTemplate> 
     <DataTemplate> 
      <Button Content="{Binding}" Click="ListButton_Click"/> 
     </DataTemplate> 
    </ListView.ItemTemplate> 
    <x:String>StartBtn</x:String> 
</ListView> 

private void ListButton_Click(object sender, RoutedEventArgs e) 
{ 
    int index = myList.Items.IndexOf((e.OriginalSource as FrameworkElement).DataContext); 
    myList.Items.Insert(index, $"Btn {myList.Items.Count}"); 
} 

這需要一些更多的樣式，而應該表現出的基本思想。