如何删除 ItemsControl 项之间的间距
How to Remove Spacing between ItemsControl Items
我有一个以 materialDesign 芯片作为数据模板的 ItemsControl。我的目标是将项目一个接一个地放置,中间没有很多 space。
有一张现在的照片:https://imgur.com/hicWnGg.png
这是我的目标:https://imgur.com/0jIEk8k.png
我已经尝试过带边距的 ItemContainerStyle,但这并没有帮助我
我的当前代码
<ScrollViewer VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Auto">
<ItemsControl x:Name="myItemsControl" Height="40" Margin="0 10 0 0">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Rows="1"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate>
<materialDesign:Chip Tag="{Binding Name}" Uid="{Binding SourceName}" Content="{Binding Code}" Width="75" IsDeletable="True" DeleteClick="Chip_DeleteClick"/>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</ScrollViewer>
将 ItemsPanelTemplate
改为 StackPanel
而不是 UniformGrid
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
我有一个以 materialDesign 芯片作为数据模板的 ItemsControl。我的目标是将项目一个接一个地放置,中间没有很多 space。
有一张现在的照片:https://imgur.com/hicWnGg.png
这是我的目标:https://imgur.com/0jIEk8k.png
我已经尝试过带边距的 ItemContainerStyle,但这并没有帮助我
我的当前代码
<ScrollViewer VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Auto">
<ItemsControl x:Name="myItemsControl" Height="40" Margin="0 10 0 0">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Rows="1"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate>
<materialDesign:Chip Tag="{Binding Name}" Uid="{Binding SourceName}" Content="{Binding Code}" Width="75" IsDeletable="True" DeleteClick="Chip_DeleteClick"/>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</ScrollViewer>
将 ItemsPanelTemplate
改为 StackPanel
而不是 UniformGrid
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>