win10 UWP FlipView

FlipView

可以让用户逐个浏览的项目集合

        <FlipView Grid.Row="0" Height="100" Margin="10,10,10,10">
            <Image Source="Assets/QQ.png"/>
            <Image Source="Assets/搜狐.png"/>
            <Image Source="Assets/暴风影音.png"/>
            <Image Source="Assets/芒果.png"/>
            <Image Source="Assets/迅雷看看.png"/>
        </FlipView>

上下滚动

        <FlipView Grid.Row="0" Height="100" Margin="10,10,10,10">
            <Image Source="Assets/QQ.png"/>
            <Image Source="Assets/搜狐.png"/>
            <Image Source="Assets/暴风影音.png"/>
            <Image Source="Assets/芒果.png"/>
            <Image Source="Assets/迅雷看看.png"/>
            <FlipView.ItemsPanel>
                <ItemsPanelTemplate>
                    <VirtualizingStackPanel Orientation="Vertical"/>
                </ItemsPanelTemplate>
            </FlipView.ItemsPanel>
        </FlipView>

自动

FlipView x:Name=”xf”

在MainPage.xaml.cs

             DispatcherTimer time = new DispatcherTimer();
            time.Interval = new TimeSpan(0,0,1);           
            time.Tick += Time_Tick;
            time.Start();

        private void Time_Tick(object sender , object e)
        {
            int i = xf.SelectedIndex;
            i++;
            if (i >= xf.Items.Count)
            {
                i = 0;
            }
            xf.SelectedIndex = i;
        }

<script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('<li/>').text(i)); }; $numbering.fadeIn(1700); }); }); </script>