Windows 8实用窍门系列：10.Windows 8的基本变换和矩阵变换以及AppBar应用程序栏

　　在Windows 8中有几种基本变换和矩阵变换和Silverlight中的使用方法都是一样。

　　包括：　RotateTransform:旋转变换

　　　　　　ScaleTransform：缩放变换

　　　　　　SkewTransform：倾斜变换

　　　　　　TranslateTransform：移动变换

　　　　　　TransformGroup：变换组

　　　　　　MatrixTransform：矩阵变换

　　这些变换的意义和使用都可以看我之前写过的两篇文章：

　　Silverlight实用窍门系列：53.Silverlight中的5种基本变换RotateTransform、ScaleTransform、SkewTransform、TranslateTransform、TransformGroup

　　Silverlight实用窍门系列：54.详解Silverlight中的矩阵变换MatrixTransform，实现其余各种变换

　　AppBar应用程序栏是在Windows 8程序在右击程序下方或者手指从下往上滑动弹出的一个消息栏。在这个栏里可以做一些自定义的操作如：卸载程序，添加信息，搜索等操作。

　　基本变换和矩阵变换

       <!--RotateTransform变换--><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="48,49,0,0" Name="image11"Stretch="Fill"  Width="50" Source="iPhone_001.png"  Opacity=".3"/><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="48,49,0,0" Name="image1"Stretch="Fill"  Width="50" Source="iPhone_001.png" ><Image.RenderTransform><RotateTransform CenterX="0" CenterY="0" Angle="45"></RotateTransform></Image.RenderTransform></Image><!--ScaleTransform变换--><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="139,49,0,0" Name="image21"Stretch="Fill" Width="50" Source="iPhone_002.png"  Opacity=".3"/><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="139,49,0,0" Name="image2"Stretch="Fill" Width="50" Source="iPhone_002.png"><Image.RenderTransform><ScaleTransform CenterX="0" CenterY="0" ScaleX="0.6" ScaleY="0.6"></ScaleTransform></Image.RenderTransform></Image><!--SkewTransform变换--><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="226,49,0,0" Name="image31"Stretch="Fill" Width="50" Source="iPhone_003.png" Opacity=".3"/><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="226,49,0,0" Name="image3"Stretch="Fill" Width="50" Source="iPhone_003.png" ><Image.RenderTransform><SkewTransform CenterX="0" CenterY="0" AngleX="45" AngleY="0"></SkewTransform></Image.RenderTransform></Image><!--TranslateTransform变换--><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="331,49,0,0" Name="image41"Stretch="Fill" Width="50" Source="iPhone_004.png" Opacity=".3"/><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="331,49,0,0" Name="image4"Stretch="Fill" Width="50" Source="iPhone_004.png" ><Image.RenderTransform><TranslateTransform X="10" Y="50"></TranslateTransform></Image.RenderTransform></Image><!--TransformGroup变换--><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="426,49,0,0" Name="image51"Stretch="Fill" Width="50" Source="iPhone_005.png" Opacity=".3"/><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="426,49,0,0" Name="image5"Stretch="Fill" Width="50" Source="iPhone_005.png" ><Image.RenderTransform><TransformGroup><ScaleTransform ScaleY="-1"/><TranslateTransform Y="100"/></TransformGroup></Image.RenderTransform></Image><!--RotateTransform变换--><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="48,249,0,0" Name="image1166"Stretch="Fill"  Width="50" Source="iPhone_001.png"  Opacity=".3"/><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="48,249,0,0" Name="image166"Stretch="Fill"  Width="50" Source="iPhone_001.png" ><Image.RenderTransform><MatrixTransform Matrix="0 1 -1 0 0 0"></MatrixTransform></Image.RenderTransform></Image><!--ScaleTransform变换--><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="139,249,0,0" Name="image2166"Stretch="Fill" Width="50" Source="iPhone_002.png"  Opacity=".3"/><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="139,249,0,0" Name="image266"Stretch="Fill" Width="50" Source="iPhone_002.png"><Image.RenderTransform><MatrixTransform Matrix="0.6 0 0 0.6 0 0"></MatrixTransform></Image.RenderTransform></Image><!--SkewTransform变换--><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="226,249,0,0" Name="image3166"Stretch="Fill" Width="50" Source="iPhone_003.png" Opacity=".3"/><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="226,249,0,0" Name="image366"Stretch="Fill" Width="50" Source="iPhone_003.png" ><Image.RenderTransform><MatrixTransform Matrix="1 0 1 1 0 0"></MatrixTransform></Image.RenderTransform></Image><!--TranslateTransform变换--><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="331,249,0,0" Name="image4166"Stretch="Fill" Width="50" Source="iPhone_004.png" Opacity=".3"/><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="331,249,0,0" Name="image466"Stretch="Fill" Width="50" Source="iPhone_004.png" ><Image.RenderTransform><MatrixTransform Matrix="1 0 0 1 10 50"></MatrixTransform></Image.RenderTransform></Image><!--TransformGroup变换--><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"Margin="426,249,0,0" Name="image5166"Stretch="Fill" Width="50" Source="iPhone_005.png" Opacity=".3"/><Image Height="50" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="426,249,0,0" Name="image566"Stretch="Fill" Width="50" Source="iPhone_005.png" ><Image.RenderTransform><MatrixTransform Matrix="1 0 0 -1 0 0"></MatrixTransform></Image.RenderTransform></Image><TextBlock HorizontalAlignment="Left" Margin="10,121,0,0" TextWrapping="Wrap" Text="采用多种方式对图片进行旋转"VerticalAlignment="Top" Height="16" Width="206"/><TextBlock HorizontalAlignment="Left" Margin="10,321,0,0" TextWrapping="Wrap" Text="采用MatrixTransform方式对图片进行旋转"VerticalAlignment="Top" Height="16" Width="206"/><TextBlock HorizontalAlignment="Left" Margin="550,271,0,0"TextWrapping="Wrap" Text="" Name="tbText"VerticalAlignment="Top" Width="232"/>

　　AppBar代码如下：

    <Page.BottomAppBar><AppBar><Grid Background="Green" HorizontalAlignment="Left" Width="1355"><Grid.ColumnDefinitions><ColumnDefinition Width="425*"></ColumnDefinition><ColumnDefinition Width="248*"/></Grid.ColumnDefinitions><StackPanel Orientation="Horizontal" Grid.Column="0" HorizontalAlignment="Left"><Button x:Name="appBarAdd"  Content="添加" Click="appBarAdd_Click"/><Button x:Name="appBarDelete"  Content="删除" Click="appBarDelete_Click"/></StackPanel><StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right"><Button x:Name="AppBarMore" Content="更多" Click="AppBarMore_Click"/></StackPanel></Grid></AppBar></Page.BottomAppBar>

        private void appBarAdd_Click(object sender, RoutedEventArgs e){this.tbText.Text = "点击了添加按钮！";}private void appBarDelete_Click(object sender, RoutedEventArgs e){this.tbText.Text = "点击了删除按钮！";}private void AppBarMore_Click(object sender, RoutedEventArgs e){this.tbText.Text = "点击了更多按钮！";}

　　最后效果如下两图，并且如需源码请点击 Win8Control.rar 下载。

Windows 8实用窍门系列：10.Windows 8的基本变换和矩阵变换以及AppBar应用程序栏相关推荐

Windows 8实用窍门系列：16.Windows 8的右键菜单
在Windows 8中的控件中有TextBox等输入控件的ContextMenuOpening事件和Button等非输入控件的RightTapped事件. 本文中将讲述者两个事件的用法.这两个事件的 ...
Windows 8实用窍门系列：6.Windows 8中的Popup使用方式
在上一篇文章中我们将了替代Silverlight中MessageBox的MessageDialog控件,本篇文章将讲诉另外一种弹出提示窗口的控件Popup. 一.我们认识Popup控件的IsLight ...
Windows 8实用窍门系列：9.Windows 8中使用FlipView
FlipView控件类似于翻页控件,并且是现成的翻页按钮,你只需要为其增加数据项即可.本文讲述两种方式的FlipView项目和展示. 一:直接前台FlipViewItem <FlipView&g ...
Windows 8实用窍门系列：20.Windows 8中的GridView使用(二)和DataTemplateSelector
在本文中所讲述内容的实例仍然沿用于上篇文章,有什么疑惑可以参考上篇文章. 一 GroupStyle 在GridView控件中我们可以对数据进行分组显示,通过对GridView的GroupStyle进行 ...
Silverlight实用窍门系列：71.Silverlight的Style
此文章实例基于Silverlight实用窍门系列:68.Silverlight的资源字典ResourceDictionary,如有数据源疑问请参考该文章. 在Silverlight中的Style相当于 ...
Silverlight实用窍门系列：59.多个中心点联动多线的可拖动控件扩展为拓扑图
在本系列的第17篇文章中"Silverlight实用窍门系列:17.中心点联动多线的可拖动控件(绘制工程图.拓扑图基础) ",制作了基本的中心联动图标.有园友对此图的扩展不是很清晰 ...
Silverlight实用窍门系列：61.Silverlight中的Trigger触发器,自定义翻页触发器
在Silverlight应用程序和客户进行交互工作的时候可以不用写后台代码而通过Xaml代码来实现,在本文我们将学习了解Trigger触发器. Trigger触发器:引发动作的因素,比如鼠标点击.键盘 ...
Silverlight实用窍门系列：27.Silverlight二维旋转+平面渐变+动画，模拟雷达扫描图之基本框架【附带源码实例】...
在现实生活中的雷达运行扫描到物体的某一些属性(比如:速度,频率)超过安全范围值将会报警.在实际的某一些项目中(比如监控系统),我们也想制作一个雷达扫描图来模拟扫描各种设备那么应该如何做呢? 我们将各种 ...
Silverlight实用窍门系列：52.Silverlight中的MVVM框架极速入门(以MVVM Light Toolkit为例)...
在本文将以MVVM Light Toolkit为例讲解MVVM框架在现实中的使用入门,首先我们在http://mvvmlight.codeplex.com/下载它的MVVM框架下来.也可以通过 htt ...

Windows 8实用窍门系列：10.Windows 8的基本变换和矩阵变换以及AppBar应用程序栏

Windows 8实用窍门系列：10.Windows 8的基本变换和矩阵变换以及AppBar应用程序栏相关推荐

最新文章

热门文章