c# - 带有 2 个文本的按钮，通过 controltemplate 绑定

Question

我想做多个这样的按钮

<Button>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"></ColumnDefinition>
            <ColumnDefinition Width="3*"></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <Label Grid.Column="0" name="lblShortcut">F1</Label>
        <Label Grid.Column="1" name="lblText">search</Label>
    </Grid>
</Button>

所以我知道我必须使用模板之类的东西，并且我想将这些按钮绑定到这样的类：

class SearchButtonContent
{
    public string Shortcut { get ; set; }
    public string Text { get ; set; }
}

以这样的方式 aShortcut绑定到lblShortcut和Textto lblText。使用优雅的模板实现这一目标的最佳方法是什么，并且可以在运行时在代码中制作这些按钮？

Answer 1

如果您以编程方式设置按钮的数据，那么您应该使用DataTemplate 类型的ContentTemplate属性

您唯一需要做的就是为 Button.Content 分配 SearchButtonContent 类的实例。

<Button>
    <Button.ContentTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="1*"></ColumnDefinition>
                    <ColumnDefinition Width="3*"></ColumnDefinition>
                </Grid.ColumnDefinitions>

                <Label Grid.Column="0" name="lblShortcut" Content="{Binding Shortcut }"/>
                <Label Grid.Column="1" name="lblText" Content="{Binding Text}"/>
            </Grid>

        </DataTemplate>
    </Button.ContentTemplate>
</Button>