Xaml Windows Phone 8.1 ListView,仅包含2列和未对齐的行
我正在尝试创建一个包含两列的Listview,与下图完全相同: (大多数项目是垂直的,与图片完全相同) 我知道WrapGrid,我可以用这个Xaml Windows Phone 8.1 ListView,仅包含2列和未对齐的行,xaml,windows-phone-8.1,win-universal-app,Xaml,Windows Phone 8.1,Win Universal App,我正在尝试创建一个包含两列的Listview,与下图完全相同: (大多数项目是垂直的,与图片完全相同) 我知道WrapGrid,我可以用这个 <ListView.ItemsPanel> <ItemsPanelTemplate> <WrapGrid Orientation="Horizontal" MaximumRowsOrColumns="2" Horizontal
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<WrapGrid Orientation="Horizontal"
MaximumRowsOrColumns="2"
HorizontalAlignment="Center"
VerticalChildrenAlignment="Stretch"
HorizontalChildrenAlignment="Stretch" />
</ItemsPanelTemplate>
</ListView.ItemsPanel>
但这对我来说太糟糕了!当项目超过屏幕高度时(将100个项目添加到listview时),这会产生无限列
但我只需要2列中的未限制行
我的问题是:
这可能吗?
如果是,我怎么做
对不起,我的英语很差我在WP 7.8中使用列表框做了同样的事情/这是我以前项目的一部分。抱歉,有大量无用的标记和参数:)
我在WP 7.8中使用列表框做了同样的事情/这是我以前项目的一部分。抱歉,有大量无用的标记和参数:)
您是否尝试将WrapGrid的方向设置为垂直?是的,但情况更糟!只有2个可以添加到行中。我在一个示例项目中尝试了您的代码,它完全按照您的预期呈现,每行两个项目,垂直展开。你能为你的页面发布完整的xaml吗?也许这里发生了其他事情……您是否尝试将WrapGrid的方向设置为垂直?是的,但更糟!只有2个可以添加到行中。我在一个示例项目中尝试了您的代码,它完全按照您的预期呈现,每行两个项目,垂直展开。你能为你的页面发布完整的xaml吗?也许这里发生了别的事情…谢谢你,这比我想要的要好!它反应灵敏!谢谢。这段代码对我来说非常有用:谢谢,这比我想要的要好!它反应灵敏!谢谢。这段代码很有用,这让我很惊讶:D
<ListBox
Height="573"
HorizontalAlignment="Left"
Name="MyWallslistBox"
VerticalAlignment="Top"
DataContext="{Binding}"
ItemsSource="{Binding}"
Tap="wallslistBox_Tap"
Width="480"
Margin="0,-10,0,0">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel
Orientation="Horizontal"
Margin="10,10,0,0">
<Image
Source="{Binding Image}"
Height="225"
Width="225"
HorizontalAlignment="Left"
/>
<StackPanel
Orientation="Vertical"
HorizontalAlignment="Stretch"
Margin="-227,-3,-10,0">
<StackPanel
Background="#56000000"
HorizontalAlignment="Left"
VerticalAlignment="Top"
MaxHeight="225"
Margin="2,3,0,0"
Width="225"
Height="225">
<TextBlock
TextWrapping="Wrap"
MaxWidth="235"
HorizontalAlignment="Left"
Text="{Binding Title}"
Foreground="White"
FontSize="24"
Margin="10,4,0,0"
/>
</StackPanel>
</StackPanel>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<toolkit:WrapPanel Width="480" />
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
</ListBox>