none
FlipView控件中的布局在Win8预览版中显示正常,但到了正式版中后布局显示发生混乱? RRS feed

  • 问题

  •  

    布局中使用Viewbox作自适应控制,应用在预览版上运行时可以很好的自适应,但是到了正式版的系统上后,所有的有FlipView控件的页面布局都出现了混乱,这个要如何解决?

    这个是预览版上的效果

     这个是应用放到正式版上后的效果。

    代码是Xaml中FlipView模块的代码。

     <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
            <Viewbox Stretch="Uniform">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <Image Stretch="Fill" Source="Images/bg.png"></Image>
                    <Image Stretch="Fill" Source="Images/card_title.png" Margin="292,0,291,2208" ></Image>
                    <Image Stretch="Fill" Name="TitleImage" Margin="292,0,291,2208"></Image>
                    <FlipView x:Name="FlipViewItems"   BorderBrush="Transparent"  Margin="0,300,0,299" SelectionChanged="FlipViewItems_SelectionChanged">
                        <FlipView.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Vertical">
                                    <Grid>
                                        <Image Stretch="Fill" Width="1300" Height="1000" Source="Images/list_image_frame1.png" ></Image>
                                        <Image Stretch="Fill" Width="1000" Height="700" Source="{Binding ItemsImage}" ></Image>
                                        <TextBlock Text="{Binding Id}" FontSize="100"  TextAlignment="Center"  VerticalAlignment="Top" HorizontalAlignment="Right" Foreground="Black"  Height="120" Margin="0,50,80,0"/>
                                    </Grid>
    
                                    <Grid>
                                        <Image Stretch="Uniform" Source="Images/card_speaker.png" Width="200" Height="200" HorizontalAlignment="Right" Margin="0,0,100,0" />
                                        <TextBlock Text="{Binding ItemCnName}" FontSize="120" FontWeight="Bold" TextAlignment="Center" VerticalAlignment="Center"  Foreground="Black"  />
                                    </Grid>
                                    <Grid>
                                         <Image Stretch="Uniform" Source="Images/card_speaker.png" Width="200" Height="200" HorizontalAlignment="Right" Margin="0,0,100,0"  />
                                        <TextBlock Text="{Binding ItemEnName}" FontSize="120" FontWeight="Bold" TextAlignment="Center" VerticalAlignment="Center" Foreground="Black" />
                                    </Grid>
                                </StackPanel>
                            </DataTemplate>
                        </FlipView.ItemTemplate>
                    </FlipView>
               </Grid>
            </Viewbox>
        </Grid>
    </Page>

    2012年9月11日 8:59

答案