Windows 8 Store Apps學習(10) ScrollViewer控制項特性

介紹

重新想象 Windows 8 Store Apps 之 ScrollViewer

Chaining - 鎖鏈

Rail - 軌道

Inertia - 慣性

Snap - 對齊

Zoom - 縮放

樣本

1、示範 ScrollViewer 的 Chaining 特性

ScrollViewer/Chaining.xaml

<Page    x:Class="XamlDemo.Controls.ScrollViewer.Chaining"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:local="using:XamlDemo.Controls.ScrollViewer"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    mc:Ignorable="d">        <Grid Background="Transparent">        <StackPanel Margin="120 0 0 0">                <ScrollViewer>                <StackPanel>                        <TextBlock Text="我是參照物" FontSize="14.667" />                        <!--                        Chaining: 鎖鏈，在觸摸模式下，滾動本 ScrollViewer 如果超出了邊界，則滾動其父 ScrollViewer                            本例的測試方法：在觸摸模式下，滾動 ScrollViewer 內的內容直至超出邊界，超出邊界後不要停下來繼續滾動，通過“我是參照物”觀察父 ScrollViewer 是否也被滾動                                                IsHorizontalScrollChainingEnabled - 是否啟用水平方向上的 Chaining，預設值為 true                        IsVerticalScrollChainingEnabled - 是否啟用垂直方向上的 Chaining，預設值為 true                    -->                                            <ScrollViewer Name="scrollViewer" Width="400" Height="400" Margin="0 10 0 0" HorizontalAlignment="Left"                          HorizontalScrollMode="Enabled" VerticalScrollMode="Enabled"                          HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Visible"                          IsHorizontalScrollChainingEnabled="{Binding IsChecked, ElementName=chkIsHorizontalScrollChainingEnabled}"                          IsVerticalScrollChainingEnabled="{Binding IsChecked, ElementName=chkIsVerticalScrollChainingEnabled}">                        <Image Source="/Assets/Logo.png" Width="1000" />                    </ScrollViewer>                        <StackPanel Orientation="Horizontal">                        <CheckBox Name="chkIsHorizontalScrollChainingEnabled" Content="IsHorizontalScrollChainingEnabled" IsChecked="True" Margin="10 0 0 0" />                        <CheckBox Name="chkIsVerticalScrollChainingEnabled" Content="IsVerticalScrollChainingEnabled" IsChecked="True" Margin="10 0 0 0" />                    </StackPanel>                    </StackPanel>            </ScrollViewer>            </StackPanel>    </Grid></Page>