材质设计WPF图标按钮未停靠在右侧

时间:2020-09-07 06:00:41

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

因此,我正在尝试使用右侧的“删除”按钮创建一个列表。
我有以下代码:

<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 个答案:

答案 0 :(得分:0)

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

因此,您需要在列表框本身上设置HorizontalContentAlignment="Stretch"。或者,作为更通用的解决方案,请覆盖ListBoxItem的整个模板。