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>

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索windows
， scrollviewer
， scrollview
， windows store app
， store
， 特性
， scrollview 
， apps
， scrollview反弹
Chaining
，以便于您获取更多的相关知识。