WPF按钮定义内容标记中的形状和文本

Question

我正在阅读WPF书籍，并通过示例进行阅读。

现在，我正在处理一些按钮。

在<Button.Content> </Button.Content>标签内，我可以定义按钮的文字，或我可以定义按钮面上显示的形状，但我不会＆＃39 ; t似乎能够在同一个按钮内完成。

这是一个脸部呈椭圆形状的按钮示例：

<Button Background="Blue">
    <Button.Content>
        <Ellipse Height="40" Width="40" Fill="Green" />
    </Button.Content>
</Button>

以下是定义了文字的按钮示例：

<Button Background="Red">
    <Button.Content>
        OK
    </Button.Content>
</Button>

以下是这两个按钮定义的结果（在WrapPanel中）：

当我尝试创建一个定义两个属性的按钮时，使用以下代码：

<Button Background="Orange">
    <Button.Content>
        OK
        <Ellipse Height="40" Width="40" Fill="Wheat" />
    </Button.Content>
</Button>

我收到的错误解释为：The property 'Content' is set more than once.

所以我的问题是：是否可以将这两个按钮内容定义结合起来？目标是定义一个显示椭圆形状和文本的按钮。

Answer 1

您只能将let a = (100).toFixed(18).toString().split('.'); document.body.innerHTML = a[0]+' | ' + a[1];设置为一个元素，但您可以将元素放在一个容器中，例如：

Content

Answer 2

实际上，您正在设置内容两次，因为您尝试放置两个控件。

尝试使用Stackpanel来保存您的控件。同时将“确定”放在Label或Textbox

中

示例：

<Button Background="Orange">
    <Button.Content>

        <StackPanel Orientation="Horizontal">
            <Label Content="OK" Background="Red"/>
            <Ellipse Height="40" Width="40" Fill="Wheat" />
        </StackPanel>

    </Button.Content>
</Button>