将文本放在按钮+ WPF中的图像上

时间:2017-01-23 16:39:46

标签: wpf xaml

每个人,我想创建按钮作为附加图像Button Image。我想在图像上放置文字。有没有人遇到过这种情况?请帮帮我。

1 个答案:

答案 0 :(得分:3)

您可以通过将TextBlock添加到与Image相同的Grid中来将文本放在Image的顶部,例如:

<Button>
    <Button.Template>
        <ControlTemplate TargetType="Button">
            <Grid>
                <Image Source="pic.png" Stretch="None" />
                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">Operation</TextBlock>
            </Grid>
        </ControlTemplate>
    </Button.Template>
</Button>

如果要旋转文本,可以对其应用RotateTransform:

<Button>
    <Button.Template>
        <ControlTemplate TargetType="Button">
            <Grid>
                <Image Source="pic.png" Stretch="None" />
                <TextBlock Text="Operation" VerticalAlignment="Center" HorizontalAlignment="Center">
                    <TextBlock.LayoutTransform>
                        <RotateTransform Angle="-90" />
                    </TextBlock.LayoutTransform>
                </TextBlock>
            </Grid>
        </ControlTemplate>
    </Button.Template>
</Button>