Почему между элементами ItemsControl есть тонкие линии (1 пиксель?)? - PullRequest
Новая
       20

Почему между элементами ItemsControl есть тонкие линии (1 пиксель?)?

2 голосов
/ 05 августа 2009

Когда у меня есть фоновые цвета для элементов в ItemsControl и я устанавливаю поля равными 0, WPF оставляет переносы между элементами, как если бы сантехническая обертка ItemsControl занимала незначительное количество места. Я проверил визуальное дерево с помощью Snoop , и все поля были установлены на 0,0,0,0.

Что вызывает эти строки и как их избежать?

alt text

XAML: 

<DockPanel>

    <StackPanel DockPanel.Dock="Top" Orientation="Horizontal" Background="Yellow" >
        <ItemsControl ItemsSource="{Binding CustomerList}">

            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel Background="DarkGreen">
                        <TextBlock Text="{Binding LastName}"/>
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>

            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <DockPanel Margin="10"/>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>

        </ItemsControl>
    </StackPanel>

</DockPanel>

Code-Behind: 

using System.Windows;
using System.ComponentModel;
using System.Collections.ObjectModel;
namespace TestItemsControl2938
{
    public partial class Window1 : Window, INotifyPropertyChanged
    {
        private ObservableCollection<Customer> _customerList = new ObservableCollection<Customer>();
        public ObservableCollection<Customer> CustomerList
        {
            get
            {
                return _customerList;
            }

            set
            {
                _customerList = value;
                OnPropertyChanged("CustomerList");
            }
        }

        public Window1()
        {
            InitializeComponent();
            DataContext = this;

            CustomerList.Add(new Customer { FirstName = "Jim", LastName = "Jones" });
            CustomerList.Add(new Customer { FirstName = "Joe", LastName = "Adams" });
            CustomerList.Add(new Customer { FirstName = "Jake", LastName = "Johnson" });
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;

            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }

    public class Customer
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string Street { get; set; }
        public string Location { get; set; }
        public string ZipCode { get; set; }
    }

}

Ответ:

Вот исправление, спасибо Кент: 

<ItemsControl.ItemTemplate>
    <DataTemplate>
        <StackPanel Background="#ccc" SnapsToDevicePixels="True">
            <TextBlock Text="{Binding LastName}"/>
        </StackPanel>
    </DataTemplate>
</ItemsControl.ItemTemplate>

Ответы [ 2 ]

9 голосов
/ 05 августа 2009

Это может быть WPF, выводящий определенную степень прозрачности, потому что элементы не попадают на точные границы пикселей. Попробуйте поиграть со свойством SnapsToDevicePixels в контейнерах предметов и посмотрите, поможет ли это.

0 голосов
/ 30 декабря 2014

Я обнаружил, что SnapToDevicePixes не всегда работает и, более того, он недоступен под WINRT. Для меня лучшее решение - просто заполнить пробел между пунктами, используя поле с небольшим отрицательным значением. 

                 <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Background="DarkGreen" Margin="0,0,-0.5,-0.5">
                            <TextBlock Text="{Binding LastName}"/>
                        </StackPanel>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
...