如何制作具有多个内容值的按钮？

Question

我的目标是制作一个具有两个内容值的按钮。

将拼字游戏图块想象成一个按钮：它的中间有一个大字母，右下角有一个小数字。 这就是我想要的效果。

我制作了一个按钮，其中有两个 ContentPresenter 对象，并且为每个 ContentPresenter 指定了不同的样式。 但是，我还没有找到一种方法来为每个演示者提供单独的值（即，如果我将按钮的内容设置为“X”，则两个 ContentPresenter 都显示“X”，尽管样式不同）。

我怎样才能实现我的目标？ 我猜我的方法是完全错误的......

Answer 1

呸……我想我现在知道该怎么做了。 我应该制作自己的控件而不是修改按钮。 如果我在 WinForms 中工作，这对我来说是显而易见的，但出于某种原因，所有这些 Xaml 让我变得愚蠢。

Answer 2

查看 Expander 示例 ControlTemplate，网址为 http://msdn.microsoft.com /en-us/library/ms753296.aspx

Expander 是 HeaderedContentControl 的子类，它有两个“内容”： Header 和 Content

控件模板有两个 ContentPresenter 元素，ContentPresenter 没有绑​​定到默认的 content 属性定义为：

如果您需要使用 Button 并且不想为第二个内容添加另一个属性，您可以使用附加属性并将第二个 ContentPresnter Content 属性数据绑定到它。

Answer 3

我用多个“内容槽”创建 UserControl 此处 - 它比从 HeaderedControl 派生更好，因为插槽数量不受限制。

使用示例：

<Window x:Class="TkMVVMContainersSample.Services.TaskEditDialog.ItemEditView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:Common="clr-namespace:TkMVVMContainersSample.Views.Common"
    Title="ItemEditView"
    >
    <Common:DialogControl>
        <Common:DialogControl.Heading>
            <!-- Heading string goes here -->
        </Common:DialogControl.Heading>
        <Common:DialogControl.Control>
            <!-- Concrete dialog's content goes here -->
        </Common:DialogControl.Control>
        <Common:DialogControl.Buttons>
            <!-- Concrete dialog's buttons go here -->
        </Common:DialogControl.Buttons>
    </Common:DialogControl>

</Window>