Frage
In einem Listenfeld, wenn ich einen Artikel auswählen Ich bekomme immer noch eine Art von Grenze oder Raum um meinen ListBoxItem Erstellen die Linie, die Sie im Bild sehen. Ich möchte, dass Linie, die ich um einen Kreis setzen entfernen.
Es ist bereits durch die Art und Weise HorizontalContentAlignment = "Stretch"
.
Was mache ich falsch?
Das Problem:
Lösung
Matt hat Recht, dass es ist eine Art von Fehlern. Die Polsterung ist hart in der List-Box-Vorlage codiert, anstatt auf eine Eigenschaft gebunden werden Sie ändern können.
Die beste Weg, dies zu beheben, ist die Vorlage neu zu definieren, etwa so:
<ListBox>
<ListBox.Template>
<ControlTemplate TargetType="{x:Type ListBox}">
<Border
SnapsToDevicePixels="true"
x:Name="Bd"
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
Padding="0"> <!-- This was originally 1 -->
<ScrollViewer
Focusable="false"
Padding="{TemplateBinding Padding}">
<ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
</ScrollViewer>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsEnabled" Value="false">
<Setter
Property="Background"
TargetName="Bd"
Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
</Trigger>
<Trigger Property="IsGrouping" Value="true">
<Setter
Property="ScrollViewer.CanContentScroll"
Value="false"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</ListBox.Template>
<ListBoxItem>Item1</ListBoxItem>
<ListBoxItem>Item2</ListBoxItem>
<ListBoxItem>Item3</ListBoxItem>
</ListBox>
Andere Tipps
Ich denke, es ist ein Fehler in der List-Box. Hier ist, wie ich mein Artikel Vorlage, um die Breite der List-Box zu füllen ausstrecken gemacht. Machen Sie den Behälter jedes Listenelement ein Ein-Zellengitter, und verwenden Sie das Raster geladen Ereignis eine Methode aufrufen, die das Gitter auf die Breite des ListBox ausstrecken wird.
<ListBox x:Name="lvHolePatterns" ItemsSource="{Binding HolePatterns}"
SelectedItem="{Binding ActivePattern, Mode=TwoWay}"
HorizontalContentAlignment="Stretch"
ScrollViewer.VerticalScrollBarVisibility="Visible"
Background="Gray">
<ListBox.ItemTemplate>
<DataTemplate>
<Grid Loaded="StretchFrameworkElement">
<Grid.ColumnDefinitions>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition />
</Grid.RowDefinitions>
<Border Margin="0,3,5,3" BorderThickness="1" BorderBrush="SlateGray" CornerRadius="4"
RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Stretch" >
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF000000" Offset=" 1"/>
<GradientStop Color="#FF396DBE" Offset="0"/>
</LinearGradientBrush>
</Border.Background>
<StackPanel Orientation="Vertical" >
<TextBlock FontWeight="Bold" Text="{Binding Path=PatternName}" Foreground="WHITE" VerticalAlignment="Center" Margin="5,5,0,5"/>
<StackPanel Orientation="Horizontal" Margin="5,0,0,5">
<TextBlock Text="{Binding Path=HoleCount}" Margin="10,0,0,0" Foreground="WHITE" VerticalAlignment="Center"/>
<TextBlock Text=" Holes" Margin="3,0,0,0" Foreground="WHITE" VerticalAlignment="Center"/>
<CheckBox Content="Visible" IsChecked="{Binding Visible, Mode=TwoWay}" Foreground="WHITE" Margin="10,0,0,0" />
</StackPanel>
</StackPanel>
</Border>
</Grid>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
Dann fügen Sie diese Methode das Raster geladen Ereignis zu behandeln:
private void StretchFrameworkElement(object sender, RoutedEventArgs e)
{
// found this method at: http://silverlight.net/forums/p/18918/70469.aspx#70469
FrameworkElement t = sender as FrameworkElement;
ContentPresenter p = VisualTreeHelper.GetParent(t) as ContentPresenter;
p.HorizontalAlignment = HorizontalAlignment.Stretch;
}
Hier ist mein Listview aus der WPF-Version meiner App. Das Listview Datatemplate verwendet eine Grenze, die automatisch von dem Listview die Breite erstreckt. Keine zusätzlichen Verfahren erforderlich, wie in der Silverlight Antwort oben.
<ListView x:Name="lvHolePatterns" ItemsSource="{Binding Path=HolePatterns}"
SelectedItem="{Binding Path=ActivePattern}"
IsSynchronizedWithCurrentItem="True"
HorizontalContentAlignment="Stretch"
ScrollViewer.VerticalScrollBarVisibility="Visible"
Background="Gray">
<ListView.ItemContainerStyle>
<Style BasedOn="{StaticResource lvRowHighlighter}" TargetType="{x:Type ListViewItem}">
<!--<Setter Property="Height" Value="50" />-->
</Style>
</ListView.ItemContainerStyle>
<ListView.ItemTemplate>
<DataTemplate>
<Border Margin="0,3,5,3" BorderThickness="1" BorderBrush="SlateGray" CornerRadius="4" RenderTransformOrigin="0.5,0.5">
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF000000" Offset=" 1"/>
<GradientStop Color="#FF396DBE" Offset="0"/>
</LinearGradientBrush>
</Border.Background>
<StackPanel Orientation="Vertical">
<TextBlock FontWeight="Bold" Text="{Binding Path=PatternName}" Foreground="WHITE" VerticalAlignment="Center" Margin="5,5,0,5"/>
<StackPanel Orientation="Horizontal" Margin="5,0,0,5">
<TextBlock Text="{Binding Path=HoleCount}" Margin="15,0,0,0" Foreground="WHITE" VerticalAlignment="Center"/>
<TextBlock Text=" Holes" Margin="3,0,0,0" Foreground="WHITE" VerticalAlignment="Center"/>
<CheckBox Content="Visible" IsChecked="{Binding Path=Visible}" Foreground="WHITE" Margin="10,0,0,0" />
</StackPanel>
</StackPanel>
</Border>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
fand ich eine sehr einfache Abhilfe zu dem hart codierten padding Problem in listbox Elementen: den Rand des äußersten Elements in der Datatemplate auf -1 gesetzt
- henon
Ganz einfach fügen Sie das Textfeld Instanzattribut:
HorizontalContentAlignment="Stretch"
Sie würde den Job erledigen, ohne Code hinter mit.
Gili