如何让 ListBox ItemTemplate 在 Windows 10 universal 中水平拉伸 ListBox 的整个宽度?
How to get a ListBox ItemTemplate to stretch horizontally the full width of the ListBox in Windows 10 universal?
我想让 ListItems 的 Stackpanel 扩展到列表框的整个宽度。
目前它们仅与文本块一样宽。
我必须怎么做才能使 ListBoxItems 的 Stackpanel 填满 ListBox 的宽度?
<ListBox Name="feedListBox" VerticalAlignment="Top" ScrollViewer.VerticalScrollBarVisibility="Auto" SelectionMode="Single" SelectionChanged="feedListBox_SelectionChanged">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<TextBlock FontFamily="Segoe UI Symbol" Text="⛽" FontSize="25"/>
<StackPanel Orientation="Vertical">
<TextBlock Name="txtDate" Text="{Binding Date}" FontSize="15" Margin="20,0,0,0"/>
<TextBlock Name="txtDitance" Text="{Binding Distance}" FontSize="15" Margin="20,5,0,0"/>
</StackPanel>
<TextBlock Name="txtPrice" Text="{Binding Price}" FontSize="15" Margin="30,0,0,0"/>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
删除:VerticalAlignment="Top"
并使用:HorizontalContentAlignment="Stretch"
我想让 ListItems 的 Stackpanel 扩展到列表框的整个宽度。
目前它们仅与文本块一样宽。
我必须怎么做才能使 ListBoxItems 的 Stackpanel 填满 ListBox 的宽度?
<ListBox Name="feedListBox" VerticalAlignment="Top" ScrollViewer.VerticalScrollBarVisibility="Auto" SelectionMode="Single" SelectionChanged="feedListBox_SelectionChanged">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<TextBlock FontFamily="Segoe UI Symbol" Text="⛽" FontSize="25"/>
<StackPanel Orientation="Vertical">
<TextBlock Name="txtDate" Text="{Binding Date}" FontSize="15" Margin="20,0,0,0"/>
<TextBlock Name="txtDitance" Text="{Binding Distance}" FontSize="15" Margin="20,5,0,0"/>
</StackPanel>
<TextBlock Name="txtPrice" Text="{Binding Price}" FontSize="15" Margin="30,0,0,0"/>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
删除:VerticalAlignment="Top" 并使用:HorizontalContentAlignment="Stretch"