Warum gibt es dünne Haarlinien (1 Pixel?) Zwischen Items Artikel?

Question

Wenn ich die Hintergrundfarben auf die Elemente in eine Items , und die Ränder auf 0, WPF verlässt Haarlinien zwischen den Elementen, als ob die Itemscontrol-Wrapper Sanitär ist eine winzige Menge Platz wegnimmt. Ich überprüfte die visuelle Struktur mit Snoop und alle Ränder sind auf 0,0,0,0.

Was diese Zeilen verursacht, und wie kann ich verhindern, dass sie?

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; }
    }

}

Antwort:

Hier ist die Lösung, dank Kent:

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

Answer 1

Es kann sein, WPF ein gewisses Maß an Transparenz Folgern, weil die Elemente auf exakte Pixelgrenzen fallen nicht. Versuchen Sie, mit der SnapsToDevicePixels Eigenschaft auf den Elementcontainern und sehen, ob das hilft.

Answer 2

Ich habe festgestellt, dass SnapToDevicePixes nicht immer funktioniert und außerdem ist es nicht verfügbar unter WinRT. Für mich ist die beste Lösung ist einfach die Lücke zwischen den Elementen zu füllen, indem eine Marge leicht negativ werden.

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