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

【问题标题】：Material design wpf icon button doesn't dock to right材料设计 wpf 图标按钮不停靠在右侧
【发布时间】：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

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

【问题讨论】：

标签： wpf dockpanel material-design-in-xaml

【解决方案1】：

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

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

【讨论】：

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