Как удалить интервал между элементами ItemsControl - PullRequest
Новая
       30

Как удалить интервал между элементами ItemsControl

0 голосов
/ 31 октября 2019

У меня есть ItemsControl с Chip MaterialDesign в качестве DataTemplate. Моя цель - размещать предметы один за другим без промежутков между ними.

Есть картинка, которая выглядит сейчас: 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>

1 Ответ

1 голос
/ 02 ноября 2019

Измените ItemsPanelTemplate на StackPanel вместо UniformGrid

<ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
        <StackPanel Orientation="Horizontal"/>
    </ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
...