如何在 C# 代码后面的 Button 中添加 StackPanel

Question

如何使用后面的 C# 代码在按钮中添加 StackPanel （即将以下 XAML 转换为 C# ）？没有 Button.Children.Add...

<Button>
   <StackPanel Orientation="Horizontal" Margin="10">
      <Image Source="foo.png"/>
   </StackPanel>
</Button>

Answer 1

  Image img = new Image();
  img.Source = new BitmapImage(new Uri("foo.png"));

  StackPanel stackPnl = new StackPanel();
  stackPnl.Orientation = Orientation.Horizontal;
  stackPnl.Margin = new Thickness(10);
  stackPnl.Children.Add(img);

  Button btn = new Button();
  btn.Content = stackPnl;

Answer 2

设置 Button.Content 而不是使用 Button.Children.Add

作为更长的解释：

• Button 是一个“只有 1 个子级”的控件 - 它的 Content.
• 只有极少数控件（通常是“面板”）可以包含零个或多个 Children 列表 - 例如 StackPanel、Grid、WrapPanel、Canvas 等。

---

正如您的代码所示，您可以设置 Content 按钮成为面板 - 这将允许您添加多个子控件。但是，实际上在您的示例中，不需要 StackPanel 和 Image。看起来您的 StackPanel 只添加了 Padding - 如果您愿意，您可以将 Padding 添加到 Image 而不是 StackPanel 中。

Answer 3

使用

<Window.Resources>   
    <ImageSource x:Key="LeftMenuBackgroundImage">index.jpg</ImageSource>
    <ImageBrush x:Key="LeftMenuBackgroundImageBrush" 
     ImageSource="{DynamicResource LeftMenuBackgroundImage}"/> 
</Window.Resources>

像这样在代码隐藏中

Button btn = new Button();
        btn.HorizontalContentAlignment = HorizontalAlignment.Stretch;
        btn.VerticalContentAlignment = VerticalAlignment.Stretch;
        StackPanel stk = new StackPanel();
        stk.Orientation = Orientation.Horizontal;
        stk.Margin = new Thickness(10, 10, 10, 10);
        stk.SetResourceReference(StackPanel.BackgroundProperty, "LeftMenuBackgroundImageBrush");
        btn.Content = stk;

Answer 4

在 Xaml 中：

<Button x:Name="Btn" Click="Btn_Click" Orientation="Horizontal" Margin="10">
  <StackPanel>
     <Image Source="foo.png" Height="16" Width="16"/>
  </StackPanel>
</Button>

在 C# 中：

Button btn = new Button();
StackPanel panel = new StackPanel();
Image img = new Image
{
   Source = "../foo.png"
}
panel.Children.Add(img);
btn.Content = panel;

我建议您将图像放在 xaml 资源中：

<Window.Resources>
    <BitmapImage x:Key="Img" UriSource="/Img/foo.png"/>
</Window.Resources>

并像这样调用它：

Image img = new Image
{
   Source = (BitmapImage)FindResource("Img")
};