[英]Grid and Listbox have some Border i cannot get rid of
I'm quite new to WPF. 我对WPF很新。 I just try some layouting with Grid and Listbox, but I have some padding / spacing / margin / border (just call it border for shortness) that I can not get away. 我只是尝试使用Grid和Listbox进行一些布局,但是我有一些填充/间距/边距/边框(简称为边框),我无法逃脱。
The border is around the four elements, the elements themselves have no problems and there is no space between them. 边界围绕四个元素,元素本身没有问题,它们之间没有空间。
Also tried the WPF Inspector, but I can't find out where this comes from. 还尝试了WPF Inspector,但我无法找到它的来源。 Nothing to see in it. 没有什么可看的。
Here is my XAML: 这是我的XAML:
<Window x:Class="WpfElements.FourElements"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="FourElements" Height="701" Width="351">
<Grid Background="Red" Margin="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<ListBox Margin="0" BorderThickness="0" Padding="0" Grid.Row="0" Grid.Column="0" Background="Lime" SelectionMode="Single" ItemsSource="{Binding Path=Texts}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
</Grid>
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate>
<DataTemplate>
<TextBox Text="{Binding ItemText}" Grid.Row="{Binding Path=Row}" Grid.Column="{Binding Path=Col}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0"></TextBox>
</DataTemplate>
</ListBox.ItemTemplate>
<ListBox.ItemContainerStyle>
<Style>
<Setter Property="Grid.Column" Value="{Binding Path=Col}"/>
<Setter Property="Grid.Row" Value="{Binding Path=Row}"/>
<Setter Property="ContentControl.HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="ContentControl.VerticalContentAlignment" Value="Stretch"/>
<Setter Property="ContentControl.Margin" Value="0"/>
<Setter Property="ContentControl.Padding" Value="0"/>
<Setter Property="Control.BorderThickness" Value="0"/>
</Style>
</ListBox.ItemContainerStyle>
</ListBox>
</Grid>
Hope someone can help me get rid of this border. 希望有人可以帮助我摆脱这个边界。 Thank you so much! 非常感谢!
The problem is the first Border
inside the ListBox
Template
, it has Padding
set to 1,1,1,1
. 问题是ListBox
Template
的第一个Border
,它的Padding
设置为1,1,1,1
。
It looks like this 看起来像这样
<Style TargetType="{x:Type ListBox}" ...>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ListBox}">
<Border x:Name="Bd"
Padding="1">
<!-- ... -->
As you can see in the Template
, the Border
name is Bd. 正如您在Template
看到的, Border
名称是Bd。
Either change the Template
for the ListBox
or set it to 0 in the Loaded
event 更改ListBox
的Template
或在Loaded
事件中将其设置为0
Xaml XAML
<ListBox ...
Loaded="ListBox_Loaded">
Code behind 代码背后
private void ListBox_Loaded(object sender, RoutedEventArgs e)
{
ListBox listBox = sender as ListBox;
Border Bd = listBox.Template.FindName("Bd", listBox) as Border;
Bd.Padding = new Thickness(0);
}
Have you tried setting ControlTemplate for the ListBox or your Grid. 您是否尝试过为ListBox或Grid设置ControlTemplate。 You should be able to get rid of borders by writing your own template. 您应该能够通过编写自己的模板来摆脱边界。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.