重新想象 Windows 8 Store Apps (21) - 动画: ThemeTransition（过渡效果）

原文:重新想象 Windows 8 Store Apps (21) - 动画: ThemeTransition（过渡效果）

作者：webabcd

介绍
重新想象 Windows 8 Store Apps 之动画

ThemeTransition 的概述
EntranceThemeTransition - 页面间跳转时的过渡效果
ContentThemeTransition - 内容改变时的过渡效果
RepositionThemeTransition - 位置改变时的过渡效果
PopupThemeTransition - 弹出时的过渡效果
AddDeleteThemeTransition - 添加项或删除项时的过渡效果
ReorderThemeTransition - 对集合中的元素重新排序时的过渡效果
PaneThemeTransition - 基于边缘的较大 UI 滑入和滑出时的过渡效果
EdgeUIThemeTransition - 基于边缘的较小 UI 滑入和滑出时的过渡效果

示例
1、过渡效果的概述
Animation/ThemeTransition/Summary.xaml

<Page

    x:Class="XamlDemo.Animation.ThemeTransition.Summary"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:XamlDemo.Animation.ThemeTransition"

    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">

            <TextBlock Text="请参见本 xaml 中的注释" FontSize="14.667" />

            <!--

                UIElement.Transitions - 指定 UIElement 的过渡动画

                <Rectangle>

                    <Rectangle.Transitions>

                        <TransitionCollection>

                            <EntranceThemeTransition/>

                        </TransitionCollection>

                    </Rectangle.Transitions>

                </Rectangle>

            -->

            <!--

                Panel.ChildrenTransitions - 指定 Panel 的子元素们的过渡动画

                <WrapGrid>

                    <WrapGrid.ChildrenTransitions>

                        <TransitionCollection>

                            <EntranceThemeTransition/>

                        </TransitionCollection>

                    </WrapGrid.ChildrenTransitions>

                </WrapGrid>

            -->

            <!--

                ItemsControl.ItemContainerTransitions - 指定 ItemsControl 的项容器的过渡动画

                <ItemsControl>

                    <ItemsControl.ItemContainerTransitions>

                        <TransitionCollection>

                            <EntranceThemeTransition/>

                        </TransitionCollection>

                    </ItemsControl.ItemContainerTransitions>

                </ItemsControl>

            -->

            <!--

                ContentControl.ContentTransitions - 指定 ContentControl 的过渡动画

                <ContentControl>

                    <ContentControl.ContentTransitions>

                        <TransitionCollection>

                            <EntranceThemeTransition/>

                        </TransitionCollection>

                    </ContentControl.ContentTransitions>

                </ContentControl>

            -->

        </StackPanel>

    </Grid>

</Page>

2、演示 EntranceThemeTransition
Animation/ThemeTransition/Entrance.xaml

<Page

    x:Class="XamlDemo.Animation.ThemeTransition.Entrance"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:XamlDemo.Animation.ThemeTransition"

    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">

            <!--

                EntranceThemeTransition - 页面间跳转时的过渡效果

                    FromHorizontalOffset - 初始位置的水平偏移量

                    FromVerticalOffset - 初始位置的垂直偏移量

                    IsStaggeringEnabled - 当包含多个子元素时，是否需要错开呈现它们

            -->

            <Frame Name="frame" Width="400" Height="100" HorizontalAlignment="Left" VerticalAlignment="Top">

                <Frame.ContentTransitions>

                    <TransitionCollection>

                        <EntranceThemeTransition IsStaggeringEnabled="False" />

                    </TransitionCollection>

                </Frame.ContentTransitions>

            </Frame>

            <Button Name="btnGotoFrame1" Content="导航至 Frame1" Click="btnGotoFrame1_Click_1" Margin="0 10 0 0" />

            <Button Name="btnGotoFrame2" Content="导航至 Frame2" Click="btnGotoFrame2_Click_1" Margin="0 10 0 0" />

            <ItemsControl x:Name="itemsControl" Margin="0 10 0 0">

                <ItemsControl.ItemsPanel>

                    <ItemsPanelTemplate>

                        <WrapGrid>

                            <WrapGrid.ChildrenTransitions>

                                <TransitionCollection>

                                    <EntranceThemeTransition IsStaggeringEnabled="True" />

                                </TransitionCollection>

                            </WrapGrid.ChildrenTransitions>

                        </WrapGrid>

                    </ItemsPanelTemplate>

                </ItemsControl.ItemsPanel>

                <ItemsControl.Items>

                    <Rectangle Width="100" Height="100" Fill="Red" />

                    <Rectangle Width="100" Height="100" Fill="Green" />

                    <Rectangle Width="100" Height="100" Fill="Blue" />

                </ItemsControl.Items>

                <ItemsControl.Template>

                    <ControlTemplate>

                        <Border BorderBrush="Orange" BorderThickness="1">

                            <ItemsPresenter Margin="10" VerticalAlignment="Center" HorizontalAlignment="Center" />

                        </Border>

                    </ControlTemplate>

                </ItemsControl.Template>

            </ItemsControl>

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeTransition/Entrance.xaml.cs

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace XamlDemo.Animation.ThemeTransition

{

    public sealed partial class Entrance : Page

    {

        public Entrance()

        {

            this.InitializeComponent();

        }

        private void btnGotoFrame1_Click_1(object sender, RoutedEventArgs e)

        {

            frame.Navigate(typeof(XamlDemo.Controls.Frame.Frame1));

        }

        private void btnGotoFrame2_Click_1(object sender, RoutedEventArgs e)

        {

            frame.Navigate(typeof(XamlDemo.Controls.Frame.Frame2));

        }

    }

}

3、演示 ContentThemeTransition
Animation/ThemeTransition/Content.xaml

<Page

    x:Class="XamlDemo.Animation.ThemeTransition.Content"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:XamlDemo.Animation.ThemeTransition"

    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">

            <!--

                ContentThemeTransition - 内容改变时的过渡效果

                    FromHorizontalOffset - 初始位置的水平偏移量

                    FromVerticalOffset - 初始位置的垂直偏移量

            -->

            <ContentControl Name="contentControl" PointerPressed="contentControl_PointerPressed_1">

                <ContentControl.ContentTransitions>

                    <TransitionCollection>

                        <ContentThemeTransition />

                    </TransitionCollection>

                </ContentControl.ContentTransitions>

                <ContentControl.Content>

                    <Rectangle Height="200" Width="200" Fill="Orange" />

                </ContentControl.Content>

            </ContentControl>

            <!--

                如果要在 ScrollViewer 或其他继承了 ContentControl 的控件中应用 ContentThemeTransition 的话，应该用如下方式

            -->

            <ScrollViewer Name="scrollViewer" Margin="0 10 0 0" PointerPressed="scrollViewer_PointerPressed_1">

                <ContentControl Content="{Binding}">

                    <ContentControl.ContentTemplate>

                        <DataTemplate>

                            <StackPanel Orientation="Vertical">

                                <Rectangle Height="200" Width="200" Fill="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Content}" />

                            </StackPanel>

                        </DataTemplate>

                    </ContentControl.ContentTemplate>

                    <ContentControl.ContentTransitions>

                        <TransitionCollection>

                            <ContentThemeTransition/>

                        </TransitionCollection>

                    </ContentControl.ContentTransitions>

                </ContentControl>

            </ScrollViewer>

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeTransition/Content.xaml.cs

using System;

using Windows.UI;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Shapes;

namespace XamlDemo.Animation.ThemeTransition

{

    public sealed partial class Content : Page

    {

        public Content()

        {

            this.InitializeComponent();

        }

        // 改变 ContentControl 的内容

        private void contentControl_PointerPressed_1(object sender, PointerRoutedEventArgs e)

        {

            Rectangle rectangle = new Rectangle();

            Random random = new Random();

            rectangle.Height = ;

            rectangle.Width = ;

            rectangle.Fill = new SolidColorBrush(Color.FromArgb(, (byte)random.Next(, ), (byte)random.Next(, ), (byte)random.Next(, )));

            contentControl.Content = rectangle;

        }

        // 绑定最新的数据到 ScrollViewer

        private void scrollViewer_PointerPressed_1(object sender, PointerRoutedEventArgs e)

        {

            Random random = new Random();

            scrollViewer.DataContext = new SolidColorBrush(Color.FromArgb(, (byte)random.Next(, ), (byte)random.Next(, ), (byte)random.Next(, )));

        }

    }

}

4、演示 RepositionThemeTransition
Animation/ThemeTransition/Reposition.xaml

<Page

    x:Class="XamlDemo.Animation.ThemeTransition.Reposition"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:XamlDemo.Animation.ThemeTransition"

    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">

            <Button Name="btnMove" Content="移动 rectangle" Click="btnMove_Click_1" Margin="0 0 0 10" />

            <!--

                RepositionThemeTransition - 位置改变时的过渡效果

            -->

            <Rectangle Name="rectangle" Width="400" Height="100" Fill="Orange" HorizontalAlignment="Left">

                <Rectangle.Transitions>

                    <TransitionCollection>

                        <RepositionThemeTransition />

                    </TransitionCollection>

                </Rectangle.Transitions>

            </Rectangle>

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeTransition/Reposition.xaml.cs

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace XamlDemo.Animation.ThemeTransition

{

    public sealed partial class Reposition : Page

    {

        public Reposition()

        {

            this.InitializeComponent();

        }

        // 改变矩形的位置

        private void btnMove_Click_1(object sender, RoutedEventArgs e)

        {

            if (rectangle.Margin == new Thickness())

                rectangle.Margin = new Thickness();

            else

                rectangle.Margin = new Thickness();

        }

    }

}

5、演示 PopupThemeTransition
Animation/ThemeTransition/Popup.xaml

<Page

    x:Class="XamlDemo.Animation.ThemeTransition.Popup"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:XamlDemo.Animation.ThemeTransition"

    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">

            <!--

                PopupThemeTransition - 弹出时的过渡效果

                    FromHorizontalOffset - 初始位置的水平偏移量

                    FromVerticalOffset - 初始位置的垂直偏移量

            -->

            <Popup Name="popup" HorizontalOffset="200" VerticalOffset="10" IsLightDismissEnabled="True">

                <Popup.Child>

                    <Border BorderBrush="Red" BorderThickness="1" Background="Blue" Width="200" Height="200">

                        <TextBlock Text="我是 Popup" FontSize="24.667" HorizontalAlignment="Center" />

                    </Border>

                </Popup.Child>

                <Popup.ChildTransitions>

                    <TransitionCollection>

                        <PopupThemeTransition />

                    </TransitionCollection>

                </Popup.ChildTransitions>

            </Popup>

            <Button Name="btnPopup" Content="弹出 Popup" Click="btnPopup_Click_1" Margin="0 10 0 0" />

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeTransition/Popup.xaml.cs

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace XamlDemo.Animation.ThemeTransition

{

    public sealed partial class Popup : Page

    {

        public Popup()

        {

            this.InitializeComponent();

        }

        // 显示 Popup

        private void btnPopup_Click_1(object sender, RoutedEventArgs e)

        {

            if (!popup.IsOpen)

                popup.IsOpen = true;

        }

    }

}

6、演示 AddDeleteThemeTransition
Animation/ThemeTransition/AddDelete.xaml

<Page

    x:Class="XamlDemo.Animation.ThemeTransition.AddDelete"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:XamlDemo.Animation.ThemeTransition"

    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">

            <Button x:Name="btnAddItem" Content="Add Item" Click="btnAddItem_Click_1"/>

            <Button x:Name="btnDeleteItem" Content="Delete Item" Click="btnDeleteItem_Click_1" Margin="0 10 0 0" />

            <!--

                AddDeleteThemeTransition - 添加项或删除项时的过渡效果

            -->

            <ItemsControl x:Name="itemsControl" Margin="0 10 0 0">

                <ItemsControl.ItemsPanel>

                    <ItemsPanelTemplate>

                        <WrapGrid>

                            <WrapGrid.ChildrenTransitions>

                                <TransitionCollection>

                                    <AddDeleteThemeTransition />

                                </TransitionCollection>

                            </WrapGrid.ChildrenTransitions>

                        </WrapGrid>

                    </ItemsPanelTemplate>

                </ItemsControl.ItemsPanel>

                <ItemsControl.Items>

                    <Rectangle Width="100" Height="100" Fill="Red" />

                    <Rectangle Width="100" Height="100" Fill="Green" />

                    <Rectangle Width="100" Height="100" Fill="Blue" />

                </ItemsControl.Items>

                <ItemsControl.Template>

                    <ControlTemplate>

                        <Border BorderBrush="Orange" BorderThickness="1">

                            <ItemsPresenter Margin="10" VerticalAlignment="Center" HorizontalAlignment="Center" />

                        </Border>

                    </ControlTemplate>

                </ItemsControl.Template>

            </ItemsControl>

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeTransition/AddDelete.xaml.cs

using System;

using Windows.UI;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Shapes;

namespace XamlDemo.Animation.ThemeTransition

{

    public sealed partial class AddDelete : Page

    {

        public AddDelete()

        {

            this.InitializeComponent();

        }

        // 添加项

        private void btnAddItem_Click_1(object sender, RoutedEventArgs e)

        {

            Rectangle rectangle = new Rectangle();

            Random random = new Random();

            rectangle.Height = ;

            rectangle.Width = ;

            rectangle.Fill = new SolidColorBrush(Color.FromArgb(, (byte)random.Next(, ), (byte)random.Next(, ), (byte)random.Next(, )));

            itemsControl.Items.Add(rectangle);

        }

        // 删除项

        private void btnDeleteItem_Click_1(object sender, RoutedEventArgs e)

        {

            if (itemsControl.Items.Count > )

                itemsControl.Items.RemoveAt(itemsControl.Items.Count - );

        }

    }

}

7、演示 ReorderThemeTransition
Animation/ThemeTransition/Reorder.xaml

<Page

    x:Class="XamlDemo.Animation.ThemeTransition.Reorder"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:XamlDemo.Animation.ThemeTransition"

    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">

            <Button x:Name="btnAddItem" Content="Add Item" Click="btnAddItem_Click_1" />

            <!--

                ReorderThemeTransition - 对集合中的元素重新排序时的过渡效果

            -->

            <ItemsControl x:Name="itemsControl" Margin="0 10 0 0">

                <ItemsControl.ItemsPanel>

                    <ItemsPanelTemplate>

                        <WrapGrid>

                            <WrapGrid.ChildrenTransitions>

                                <TransitionCollection>

                                    <ReorderThemeTransition />

                                </TransitionCollection>

                            </WrapGrid.ChildrenTransitions>

                        </WrapGrid>

                    </ItemsPanelTemplate>

                </ItemsControl.ItemsPanel>

                <ItemsControl.Items>

                    <Rectangle Width="100" Height="100" Fill="Red" />

                    <Rectangle Width="100" Height="100" Fill="Green" />

                    <Rectangle Width="100" Height="100" Fill="Blue" />

                </ItemsControl.Items>

                <ItemsControl.Template>

                    <ControlTemplate>

                        <Border BorderBrush="Orange" BorderThickness="1">

                            <ItemsPresenter Margin="10" VerticalAlignment="Center" HorizontalAlignment="Center" />

                        </Border>

                    </ControlTemplate>

                </ItemsControl.Template>

            </ItemsControl>

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeTransition/Reorder.xaml.cs

using System;

using Windows.UI;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Shapes;

namespace XamlDemo.Animation.ThemeTransition

{

    public sealed partial class Reorder : Page

    {

        public Reorder()

        {

            this.InitializeComponent();

        }

        // 在集合的位置 2 处添加新的元素，以达到重新排序的效果

        private void btnAddItem_Click_1(object sender, RoutedEventArgs e)

        {

            Rectangle rectangle = new Rectangle();

            Random random = new Random();

            rectangle.Height = ;

            rectangle.Width = ;

            rectangle.Fill = new SolidColorBrush(Color.FromArgb(, (byte)random.Next(, ), (byte)random.Next(, ), (byte)random.Next(, )));

            itemsControl.Items.Insert(, rectangle);

        }

    }

}

8、演示 PaneThemeTransition
Animation/ThemeTransition/Pane.xaml

<Page

    x:Class="XamlDemo.Animation.ThemeTransition.Pane"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:XamlDemo.Animation.ThemeTransition"

    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">

            <!--

                PaneThemeTransition - 基于边缘的较大 UI 滑入和滑出时的过渡效果

                    Edge - 边缘（Left, Top, Right, Bottom）

            -->

            <Popup Name="popup" HorizontalOffset="-120" VerticalOffset="-140" IsLightDismissEnabled="True">

                <Popup.Child>

                    <Border BorderBrush="Red" BorderThickness="1" Background="Blue" Width="800" Height="200">

                        <TextBlock Text="我是 Popup" FontSize="24.667" HorizontalAlignment="Center" />

                    </Border>

                </Popup.Child>

                <Popup.ChildTransitions>

                    <TransitionCollection>

                        <PaneThemeTransition Edge="Top" />

                    </TransitionCollection>

                </Popup.ChildTransitions>

            </Popup>

            <Button Name="btnShowPane" Content="显示 Pane" Click="btnShowPane_Click_1" Margin="0 10 0 0" />

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeTransition/Pane.xaml.cs

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace XamlDemo.Animation.ThemeTransition

{

    public sealed partial class Pane : Page

    {

        public Pane()

        {

            this.InitializeComponent();

        }

        // 显示 Pane

        private void btnShowPane_Click_1(object sender, RoutedEventArgs e)

        {

            if (!popup.IsOpen)

                popup.IsOpen = true;

        }

    }

}

9、演示 EdgeUIThemeTransition
Animation/ThemeTransition/EdgeUI.xaml

<Page

    x:Class="XamlDemo.Animation.ThemeTransition.EdgeUI"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:XamlDemo.Animation.ThemeTransition"

    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">

            <!--

                EdgeUIThemeTransition - 基于边缘的较小 UI 滑入和滑出时的过渡效果

                    Edge - 边缘（Left, Top, Right, Bottom）

            -->

            <Popup Name="popup" HorizontalOffset="-120" VerticalOffset="-140" IsLightDismissEnabled="True">

                <Popup.Child>

                    <Border BorderBrush="Red" BorderThickness="1" Background="Blue" Width="200" Height="50">

                        <TextBlock Text="我是 Popup" FontSize="24.667" HorizontalAlignment="Center" />

                    </Border>

                </Popup.Child>

                <Popup.ChildTransitions>

                    <TransitionCollection>

                        <EdgeUIThemeTransition Edge="Top" />

                    </TransitionCollection>

                </Popup.ChildTransitions>

            </Popup>

            <Button Name="btnShowEdgeUI" Content="显示 EdgeUI" Click="btnShowEdgeUI_Click_1" Margin="0 10 0 0" />

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeTransition/EdgeUI.xaml.cs

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace XamlDemo.Animation.ThemeTransition

{

    public sealed partial class EdgeUI : Page

    {

        public EdgeUI()

        {

            this.InitializeComponent();

        }

        // 显示 EdgeUI

        private void btnShowEdgeUI_Click_1(object sender, RoutedEventArgs e)

        {

            if (!popup.IsOpen)

                popup.IsOpen = true;

        }

    }

}

OK
[源码下载]

重新想象 Windows 8 Store Apps (21) - 动画: ThemeTransition（过渡效果）的更多相关文章

重新想象 Windows 8 Store Apps (19) - 动画: 线性动画, 关键帧动画, 缓动动画
原文:重新想象 Windows 8 Store Apps (19) - 动画: 线性动画, 关键帧动画, 缓动动画 [源码下载] 重新想象 Windows 8 Store Apps (19) - 动画 ...
重新想象 Windows 8 Store Apps (20) - 动画: ThemeAnimation（主题动画）
原文:重新想象 Windows 8 Store Apps (20) - 动画: ThemeAnimation(主题动画) [源码下载] 重新想象 Windows 8 Store Apps (20) - ...
重新想象 Windows 8 Store Apps 系列文章索引
[源码下载][重新想象 Windows 8.1 Store Apps 系列文章] 重新想象 Windows 8 Store Apps 系列文章索引作者:webabcd 1.重新想象 Windows ...
重新想象 Windows 8 Store Apps (41) - 打印
[源码下载] 重新想象 Windows 8 Store Apps (41) - 打印作者:webabcd 介绍重新想象 Windows 8 Store Apps 之打印示例1.需要打印的文档Pr ...
重新想象 Windows 8 Store Apps (56) - 系统 UI: Scale, Snap, Orientation, High Contrast 等
[源码下载] 重新想象 Windows 8 Store Apps (56) - 系统 UI: Scale, Snap, Orientation, High Contrast 等作者:webabcd ...
重新想象 Windows 8 Store Apps (16) - 控件基础: 依赖属性, 附加属性, 控件的继承关系, 路由事件和命中测试
原文:重新想象 Windows 8 Store Apps (16) - 控件基础: 依赖属性, 附加属性, 控件的继承关系, 路由事件和命中测试 [源码下载] 重新想象 Windows 8 Store ...
重新想象 Windows 8 Store Apps (8) - 控件之 WebView
原文:重新想象 Windows 8 Store Apps (8) - 控件之 WebView [源码下载] 重新想象 Windows 8 Store Apps (8) - 控件之 WebView 作者 ...
重新想象 Windows 8 Store Apps (34) - 通知: Toast Demo, Tile Demo, Badge Demo
[源码下载] 重新想象 Windows 8 Store Apps (34) - 通知: Toast Demo, Tile Demo, Badge Demo 作者:webabcd 介绍重新想象 Wind ...
重新想象 Windows 8 Store Apps (35) - 通知: Toast 详解
[源码下载] 重新想象 Windows 8 Store Apps (35) - 通知: Toast 详解作者:webabcd 介绍重新想象 Windows 8 Store Apps 之通知 Toa ...

随机推荐

Delphi过程函数传递参数的八种方式
今天一同事问我为什么有些过程函数里面有Var而有些没有,不解,遂到网上百度,得解.快哉,快哉. 在Delphi过程.函数中传递参数几个修饰符为Const.Var.Out.另一种不加修饰符的为默认按值传 ...
java Process在windows的使用汇总(转)
最常用的是ant(java工程中流行),maven,及通用的exec(只要有shell脚本如.sh,.bat,.exe,.cmd等).而其实前两者不容易出错,后者却遇到了以下问题:Caused by: ...
基于S5pv210流媒体server的实现之网络摄像头（by liukun321 咕唧咕唧）
这里仅介绍流媒体server端的实现思路.及编码注意问题,不会贴代码的详细实现. 直接入正题先介绍一下系统硬件框架: server端连接PC机用VLC播放例如以下图: server端应用程序能够分为图 ...
Oracle GoldenGate for Oracle 11g to PostgreSQL 9.2.4 Configuration
Installing and setting up Oracle GoldenGate connecting to an Oracle database Also please make sure t ...
JavaFX 简单3D演示样例
从Java8開始,在JavaFX中便添加了3D部分的内容,包含Camera,Material,Light,Shape3D等基础内容. 当然,JavaFX 3D应该是OpenJFX里眼下正在补充和完好的 ...
JavaScript 基础优化（读书笔记）
1.带有 src 属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的 JavaScript 代码.如果包含了嵌入的代码,则 ...
hdu3622（二分+two-sat）
传送门:Bomb Game 题意:给n对炸弹可以放置的位置(每个位置为一个二维平面上的点),每次放置炸弹是时只能选择这一对中的其中一个点,每个炸弹爆炸的范围半径都一样,控制爆炸的半径使得所有的爆炸范围 ...
atitit.团队建设--要不要招技术储备人才的问题
atitit.团队建设--要不要招技术储备人才的问题 1. 人才的储备和招聘. 1 1.1. 模式1. 养兵千日,用兵一时 1 1.2. 模式2,暂时抱佛脚,也不多招一个人 1 ...
hosts文件导致无法访问网站
前段时间有人反映无论怎么样都无法在自己的电脑上访问法兰克官网,那台电脑的DNS也无法解析,通过查看hosts文件后发现,原来该电脑的hosts文件木马修改过了,屏蔽了相关的域名,删除新增的或者用其他机 ...
hibernate得知——Set设置配置
Set设置配置创建数据表:表关系的员工有多重身份 create table EMPLOYEE ( id INT NOT NULL auto_increment, first_name VARCHAR ...

重新想象 Windows 8 Store Apps (21) - 动画: ThemeTransition（过渡效果）

重新想象 Windows 8 Store Apps (21) - 动画: ThemeTransition（过渡效果）的更多相关文章

随机推荐

热门专题