[英]Listbox items not filling the entire width of screen WP7
我正在尝试创建一个包含以下模板的项目的列表框
<ListBox x:Name="moviesactedin" Style="{StaticResource ListBoxStyle2}">
<ListBox.ItemTemplate>
<DataTemplate>
<Border BorderThickness="0,0,0,1" BorderBrush="Black" Margin="0,0,0,5">
<StackPanel Orientation="Horizontal" Margin="0,0,0,5" HorizontalAlignment="Stretch">
<Image Source="{Binding Image}" Stretch="None" Margin="0,0,5,5" />
<StackPanel Orientation="Vertical" Margin="10,0,0,0" VerticalAlignment="Top">
<TextBlock Text="{Binding Title}" Foreground="Black" FontWeight="Bold"/>
<TextBlock Text="{Binding Director}" Foreground="Black"/>
<TextBlock Text="{Binding ReleaseDate}" Foreground="Black"/>
</StackPanel>
<Image Source="/Images/icon_arrow.png" HorizontalAlignment="Right" VerticalAlignment="Center"/>
</StackPanel>
</Border>
</DataTemplate>
</ListBox.ItemTemplate>
和列表框样式
<Style x:Key="ListBoxStyle2" TargetType="ListBox">
<Setter Property="Background" Value="Transparent"/>
<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"/>
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="Padding" Value="0"/>
<Setter Property="HorizontalAlignment" Value="Stretch" />
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListBox">
<ItemsPresenter HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
第一个图像位于左侧,带有三个文本块的stackPanel位于中间,第二个图像位于右侧(末尾)。
问题是列表框项没有填满屏幕的整个宽度,因此我将在屏幕宽度的末尾拥有最后一张图像。
有什么帮助吗?
这工作
<ListBox.ItemContainerStyle>
<Style TargetType="ListBoxItem">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate>
<ContentPresenter
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ListBox.ItemContainerStyle>
这些项目将填满整个屏幕。 感谢Fabrice提供的线索。
你可以尝试一下吗?
<Style x:Key="ListBoxItemStyle" TargetType="ListBoxItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="HorizontalAlignment" Value="Stretch"/></Style>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.