材料设计 wpf 图标按钮不停靠在右侧

Posted 2023-04-12

【中文标题】材料设计 wpf 图标按钮不停靠在右侧

【英文标题】：Material design wpf icon button doesn't dock to right

【发布时间】：2020-12-25 13:16:14

【问题描述】：

所以，我正在尝试在右侧创建一个带有“删除”按钮的列表 我有这个代码：

<ListBox.ItemTemplate>
    <DataTemplate>
        <DockPanel LastChildFill="False">
            <TextBlock DockPanel.Dock="Left" Text="Binding Name" FontSize="14"/>
            <Button DockPanel.Dock="Right" Style="StaticResource MaterialDesignIconForegroundButton">
                <md:PackIcon Kind="Close" Height="16" Width="16"/>
            </Button>
        </DockPanel>
     </DataTemplate>
</ListBox.ItemTemplate>

Result

那么，如何将按钮停靠在右侧？

【参考方案1】：

这是因为您的数据模板位于ListBoxItem 内，其模板的对齐属性设置为绑定到ListBox 的ContentAlignment。

所以你需要在列表框本身上设置HorizontalContentAlignment="Stretch"。或者，作为更通用的解决方案，覆盖 ListBoxItem 的整个模板。

【讨论】：

谢谢，HorizontalContentAlignment="Stretch" 为我工作