如何在WinRT中将文本放置在按钮中的图像上

本文关键字：按钮 图像 文本 WinRT | 更新日期: 2023-09-27 17:51:09

我想创建一个按钮，使用图像作为背景，并在背景的顶部放置我的文本。

我试过这样做:

<Button Style="{StaticResource ImageButtonStyle}">
    <StackPanel>
        <TextBlock Text="test"></TextBlock>
        <Image Source="ms-appx:///Skins/Images/buton.png" Stretch="None" />
    </StackPanel>
</Button>

文本不能正确居中。

<Button Style="{StaticResource ImageButtonStyle}">
    <StackPanel>
        <TextBlock Text="test"></TextBlock>
        <Label Padding="0">My Button Text</Label>
    </StackPanel>
</Button>

控件Label不存在。

如何在第一次尝试中正确地将文本放在图像上?你知道更好的方法吗?

如何在WinRT中将文本放置在按钮中的图像上

你应该使用一个网格来安装stackpanel。试试这样做:

 <Button >
        <Grid>
            <Image Source="..." Stretch="None" />
            <TextBlock Text="test" VerticalAlignment="Center" HorizontalAlignment="Center"/>
        </Grid>
  </Button>
相关文章：