C# Windows Phone 8.1 Pivot中的两列Gridview
在Windows Phone 8.1应用程序中显示两列gridview时遇到问题 这是我的预期结果:C# Windows Phone 8.1 Pivot中的两列Gridview,c#,gridview,windows-phone-8.1,windows-phone,C#,Gridview,Windows Phone 8.1,Windows Phone,在Windows Phone 8.1应用程序中显示两列gridview时遇到问题 这是我的预期结果: 在回顾处理之后,我生成了以下代码: <Canvas> <Grid Tapped="Grid_Tapped"> <Grid.RowDefinitions> <RowDefinition Height="93*"/> <RowDefinition Height="35*
在回顾处理之后,我生成了以下代码:
<Canvas>
<Grid Tapped="Grid_Tapped">
<Grid.RowDefinitions>
<RowDefinition Height="93*"/>
<RowDefinition Height="35*"/>
</Grid.RowDefinitions>
<Pivot Name="centerPivot" Margin="0,109,0,0" Grid.Row="0" Grid.RowSpan="2" Canvas.ZIndex="2" Tapped="centerPivot_Tapped">
<PivotItem Name="FindPivotItem" Margin="11,10,13,0.333">
<PivotItem.Header>
<Grid>
<TextBlock Name="FindTitle" FontSize="31" Text="Store Finds" Foreground="#FF878787" FontFamily="Global User Interface" />
</Grid>
</PivotItem.Header>
<!--<GridView
ScrollViewer.VerticalScrollBarVisibility="Visible"
ItemTemplate="{Binding ManyListingStyle}"
Grid.Row="1"
VerticalAlignment="Top"
VerticalContentAlignment="Top" Height="450" Margin="0,0,-0.167,0"
/>-->
<GridView
Name="GridGridView"
ItemsSource="{Binding}"
Grid.Row="4"
IsSwipeEnabled="True"
SelectionMode="Single"
ScrollViewer.VerticalScrollBarVisibility="Visible"
ScrollViewer.VerticalScrollMode="Enabled" Margin="0,0,0,0.333" HorizontalAlignment="Left"
>
<GridView.ItemsPanel>
<ItemsPanelTemplate>
<WrapGrid Orientation="Vertical"
MaximumRowsOrColumns="3"
>
</WrapGrid>
</ItemsPanelTemplate>
</GridView.ItemsPanel>
<GridView.ItemTemplate>
<DataTemplate>
<Grid HorizontalAlignment="Left" Width="190" Height="240">
<Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="193" Stroke="Black" VerticalAlignment="Top" Width="176" Margin="0,0,0,-8"/>
<Image HorizontalAlignment="Left" Height="128" Margin="13,8,0,0" VerticalAlignment="Top" Width="150" Source="Assets/example.jpg"/>
<TextBlock HorizontalAlignment="Left" Margin="13,141,0,0" TextWrapping="Wrap" Text="{Binding title}" VerticalAlignment="Top" Foreground="Black" FontSize="16" Width="150" FontFamily="Global User Interface"/>
<TextBlock HorizontalAlignment="Left" Margin="118,165,0,0" TextWrapping="Wrap" Text="{Binding price}" VerticalAlignment="Top" Foreground="#FFFF9700" FontSize="16" Width="48"/>
</Grid>
</DataTemplate>
</GridView.ItemTemplate>
<GridView.ItemContainerStyle>
<Style TargetType="FrameworkElement">
</Style>
</GridView.ItemContainerStyle>
<!--<Grid Margin="214,10,10,421">
<Rectangle Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="209" Stroke="Black" VerticalAlignment="Top" Width="176"/>
<Image HorizontalAlignment="Left" Height="150" Margin="13,8,0,0" VerticalAlignment="Top" Width="150" Source="{Binding}"/>
<TextBlock HorizontalAlignment="Left" Margin="13,163,0,0" TextWrapping="Wrap" Text="{Binding GetListTitle}" VerticalAlignment="Top" Foreground="Black" FontSize="16" Width="150"/>
<TextBlock HorizontalAlignment="Left" Margin="115,187,0,0" TextWrapping="Wrap" Text="{Binding GetPrice}" VerticalAlignment="Top" Foreground="#FFFF9700" FontSize="16" Width="48"/>
</Grid>-->
<!--</GridView.ItemTemplate>-->
</GridView>
</PivotItem>
</Pivot>
<Rectangle x:Name="ScreenDimRectangle" Fill="#FF555453" HorizontalAlignment="Left" Height="640" Stroke="Black" VerticalAlignment="Top" Width="400" Opacity="0.5"
Grid.Row="0" Grid.RowSpan="2" Visibility="Collapsed" Canvas.ZIndex="9"/>
</Grid>
</Canvas>
为什么我看不到结果?我所做的:
- 当您想将项目放入时,请使用
Orientation=Horizontal
- 我将项目的网格宽度更改为180,当它为190时,项目垂直放置,因为在我的屏幕上宽度太小
- 我已将MaximumRowsOrColumns更改为2,因为您需要两个水平项
- 我已经删除了ScrollViewer信息-它由GridView自动应用
- 我已经移除了画布,所以GridView知道它有多少位置李>
结果是:
delete width=“378”会起作用,但似乎变化不大。UI看起来完全一样,但仍然没有滚动。好的,我会尝试一些方法,如果有任何方法可行,请告诉您您只需要网格中的两列?是的,两列中都设置了自定义矩形数据模板。与您在第一张图像中看到的相同。此答案不会水平呈现项目。相反,它会先垂直渲染它们(这样当渲染6个元素时,只显示1,2,4,5。您必须滚动才能看到3,6)。查看上述问题中我的视觉效果,了解有关我要查找的内容的更多信息。@JcKelley我已重新生成答案litte-现在使用GridView的ScrollViewer,项目水平排列。您必须稍微调整项目的网格宽度和边距,才能正确定位元素。
//Create new Fake Listings
var listings = new List<Listing>();
var fakelisting1 = new Listing();
fakelisting1.title = "Brand new Product!";
fakelisting1.price = "9.99";
listings.Add(fakelisting1);
var fakelisting2 = new Listing();
fakelisting2.title = "Here is the new Product!";
fakelisting2.price = "19.99";
listings.Add(fakelisting2);
var fakelisting3 = new Listing();
fakelisting3.title = "Here is the new 2Product!";
fakelisting3.price = "29.99";
listings.Add(fakelisting3);
var fakelisting4 = new Listing();
fakelisting4.title = "Here is the new 3Product!";
fakelisting4.price = "39.99";
listings.Add(fakelisting4);
var fakelisting5 = new Listing();
fakelisting5.title = "Here is the new 4Product!";
fakelisting5.price = "49.99";
listings.Add(fakelisting5);
var fakelisting6 = new Listing();
fakelisting6.title = "Here is the new 5Product!";
fakelisting6.price = "59.99";
listings.Add(fakelisting6);
var fakelisting7 = new Listing();
fakelisting7.title = "Here is the new 6Product!";
fakelisting7.price = "49.99";
listings.Add(fakelisting7);
var fakelisting8 = new Listing();
fakelisting8.title = "Here is the new 7Product!";
fakelisting8.price = "49.99";
listings.Add(fakelisting8);
GridGridView.DataContext = listings;