c# - 如何删除 ItemsControl 项之间的间距
问题描述
我有一个带有 MaterialDesign 芯片的 ItemsControl 作为 DataTemplate。我的目标是一个接一个地放置物品,中间没有太多空间。
有一张照片现在看起来像:https ://imgur.com/hicWnGg.png
这是我的目标:https ://imgur.com/0jIEk8k.png
我已经尝试了带有 Margin 的 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>
推荐阅读
- javascript - 如何自动分页到for循环?
- react-native - Passing Local Image To a Class Component - React Native
- c++ - In gtkmm, How to imply function which can create a new window when detach a notebook tab?
- .net-core - One to many with optional parent
- dbt - yml 文件的 DBT 问题:profiles.yml 中的配置文件 my-bigquery-db 为空
- python - Synchronising writes into AmazonDB using Python
- java - 加入 JPA 查询——spring boot
- rust - 指定 Rust 闭包的生命周期
- node.js - 为什么 Node.js 不能导入模块?错误 [ERR_MODULE_NOT_FOUND]
- java - 有没有任何方法可以使用 selenium 处理身份验证警报,而无需任何操作系统工具,如 autoIT 和机器人