将 WPF 按钮背景设置为文本

Question

我想要一个底部有文本的按钮，但背景中有更多文本，特别是 UI 字体。这样可以在背景上看到底部的内容文本。

StackPanel 和 DockPanel 似乎没有帮助，因为它们总是为每个控件分配空间，因此它们不会重叠。

类似于：

<Button HorizontalContentAlignment="Stretch" VerticalContentAlignment="Bottom" FontFamily="Segoe UI Symbol">
  <Button.Background>
    <TextBox Text="" Foreground="White" Background="#FF5B9BD5" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" BorderThickness="0"/>
  </Button.Background>
  <TextBox Text="Text" HorizontalAlignment="Stretch" HorizontalContentAlignment="Center" BorderThickness="0"/>
</Button>

此代码不起作用，因为背景不支持控件，仅支持画笔。

Answer 1

使用网格实现此目的：

<Button VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" Foreground="White" FontFamily="Segoe UI Symbol" FontStretch="Expanded" BorderThickness="0">
  <Grid>
    <TextBox Text="" Foreground="White" Background="#FF5B9BD5" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" FontSize="36" BorderThickness="0"/>
    <TextBox Text="Text" Foreground="White" Background="#FF5B9BD5" HorizontalContentAlignment="Center" VerticalAlignment="Bottom" BorderThickness="0"/>
  </Grid>
</Button>

将 WPF 按钮背景设置为文本

Setting WPF Button background to text

wpf

button

wpf-controls