none
flipview怎么占满全页面啊? RRS feed

全部回复

  • 你可以参考篇博客来使用flipview

    http://blog.csdn.net/tcjiaan/article/details/8063301

    上述FlipView沾满全页而且没有空隙啊;你参考下应该就OK了

    2013年1月11日 9:16
  • 效果图是这样的

    2013年1月14日 6:54
  • 代码如下
    <Page
        x:Class="CloudsCoolPad.HelpPage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="using:CloudsCoolPad"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d">
    
        <FlipView Name="flipView">
            <FlipViewItem   >
                <Grid>
                    <Image Source="/DMdata/NewbieGuideStep2.png" Stretch="UniformToFill"/>
                    <StackPanel Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}" Height="80" VerticalAlignment="Top" HorizontalAlignment="Right" Width="80">
                        <Button  Style="{StaticResource CloseAppBarButtonStyle}" VerticalAlignment="Center" HorizontalAlignment="Center" Click="Button_Click_2"/>
                    </StackPanel>
                </Grid>
            </FlipViewItem>
            <FlipViewItem   >
                <Grid>
                    <Image Source="/DMdata/NewbieGuideStep3.png" Stretch="Fill"/>
                    <StackPanel Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}" Height="80" VerticalAlignment="Top" HorizontalAlignment="Right" Width="80">
                        <Button  Style="{StaticResource CloseAppBarButtonStyle}" VerticalAlignment="Center" HorizontalAlignment="Center" Click="Button_Click_2"/>
                    </StackPanel>
                </Grid>
            </FlipViewItem>
            <FlipViewItem   >
                <Grid>
                    <Image Source="/DMdata/NewbieGuideStep4.png" Stretch="Fill"/>
                    <StackPanel Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}" Height="80" VerticalAlignment="Top" HorizontalAlignment="Right" Width="80">
                        <Button  Style="{StaticResource CloseAppBarButtonStyle}" VerticalAlignment="Center" HorizontalAlignment="Center" Click="Button_Click_2"/>
                    </StackPanel>
                </Grid>
            </FlipViewItem>
            <FlipViewItem>
                <Grid>
                    <Image Source="/DMdata/NewbieGuideStep5.png" Stretch="Fill"/>
                    <StackPanel Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}" Height="80" VerticalAlignment="Top" HorizontalAlignment="Right" Width="80">
                        <Button  Style="{StaticResource CloseAppBarButtonStyle}" VerticalAlignment="Center" HorizontalAlignment="Center" Click="Button_Click_2"/>
                    </StackPanel>
                </Grid>
            </FlipViewItem>
        </FlipView>
    </Page>

    2013年1月14日 6:56
  • 没找到有用的 还是谢谢哈
    2013年1月14日 6:57
  • 不用谢的,我来尝试重现你的问题试试,看看到底是什么情况
    2013年1月14日 7:02
  •         <FlipView Name="flipView">
                <FlipViewItem>
                    <Grid>
                        <Image Source="Image/Simply Style 01.jpg" Stretch="UniformToFill"/>
                    </Grid>
                </FlipViewItem>
                <FlipViewItem>
                    <Grid>
                        <Image Source="Image/Simply Style 02.jpg" Stretch="Fill"/>
                    </Grid>
                </FlipViewItem>
                <FlipViewItem>
                    <Grid>
                        <Image Source="Image/Simply Style 03.jpg" Stretch="Fill"/>
                    </Grid>
                </FlipViewItem>
            </FlipView>

    全屏的啊;

    效果如下

    你的用法有点问题

                    <StackPanel Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}" Height="80" VerticalAlignment="Top" HorizontalAlignment="Right" Width="80">
                        <Button  Style="{StaticResource CloseAppBarButtonStyle}" VerticalAlignment="Center" HorizontalAlignment="Center" Click="Button_Click_2"/>
                    </StackPanel>

    FlipViewItem中不要加这段代码


    2013年1月14日 7:10
  • 你想要的功能按钮你可以添加在AppBar中这样就能达到你效果图要的效果了


    2013年1月14日 7:11
  • 你想要的功能按钮你可以添加在AppBar中这样就能达到你效果图要的效果了



    为什么还是不好使。。。。你把页面主grid设为白色看看
    2013年1月14日 7:30
  • 是有这个情况的,以前没注意;FlipView有这个情况,我试过把BorderThickness设置为0BorderBrush改为Transparent都没用;

    不过如果你设置Grid的背景色为Black很难被发现的,这个貌似投机取巧了,呵呵




    2013年1月14日 7:45
  • Hi,

    你试过使用ViewBox控件吗?


    Aaron
    MSDN Community Support | Feedback to us
    Develop and promote your apps in Windows Store
    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    2013年1月14日 8:35
    版主
  • Hi,

    你试过使用ViewBox控件吗?


    Aaron
    MSDN Community Support | Feedback to us
    Develop and promote your apps in Windows Store
    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    Hi,

    是Stretch和StretchDirection属性吗,没用呢。

    2013年1月14日 9:09