Silverlight4入门之动画(十一)

本文探讨了在XAML中应用四种变形技巧:旋转、缩放、平移和倾斜,通过实例展示了如何使用这些技巧来创建动态UI元素。
<UserControl x:Class="SbSCh7_1.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400"> <Grid x:Name="LayoutRoot" Background="White"> <Rectangle Height="100" HorizontalAlignment="Left" Name="rectangle1" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="200"> <Rectangle.RenderTransform> <RotateTransform Angle="45" CenterY="100" CenterX="200"></RotateTransform> </Rectangle.RenderTransform> </Rectangle> </Grid> </UserControl>

<UserControl x:Class="SbSCh7_1.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400">

<Grid x:Name="LayoutRoot" Background="White">
<Rectangle Height="100" HorizontalAlignment="Left" Name="rectangle1" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="200">
<Rectangle.RenderTransform>
<ScaleTransform ScaleX="1.5" ScaleY=".5"></ScaleTransform>
</Rectangle.RenderTransform>
</Rectangle>
</Grid>
</UserControl>

<UserControl x:Class="SbSCh7_1.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400">

<Grid x:Name="LayoutRoot" Background="White">
<Rectangle Height="100" HorizontalAlignment="Left" Name="rectangle1" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="200">
<Rectangle.RenderTransform>
<TranslateTransform X="100" Y="50"></TranslateTransform>
</Rectangle.RenderTransform>
</Rectangle>
</Grid>
</UserControl>

<!--*******************斜变********************************-->
<UserControl x:Class="SbSCh7_1.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400">

<Grid x:Name="LayoutRoot" Background="White">
<Rectangle Height="100" HorizontalAlignment="Left" Name="rectangle1" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="200">
<Rectangle.RenderTransform>
<SkewTransform AngleX="0" AngleY="45"></SkewTransform>
</Rectangle.RenderTransform>
</Rectangle>
</Grid>
</UserControl>

<!--*******************斜变********************************--> <UserControl x:Class="SbSCh7_1.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400"> <Grid x:Name="LayoutRoot" Background="White"> <Rectangle Height="100" HorizontalAlignment="Left" Name="rectangle1" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="200"> <Rectangle.RenderTransform> <SkewTransform AngleX="0" AngleY="45"></SkewTransform> </Rectangle.RenderTransform> </Rectangle> </Grid> </UserControl>


<!--*******************组合变形********************************--> <UserControl x:Class="SbSCh7_1.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400"> <Grid x:Name="LayoutRoot" Background="White"> <Rectangle Height="100" HorizontalAlignment="Left" Name="rectangle1" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="200"> <Rectangle.RenderTransform> <TransformGroup> <ScaleTransform ScaleX="1.5" ScaleY=".5"></ScaleTransform> <SkewTransform AngleX="30"></SkewTransform> <RotateTransform Angle="45"></RotateTransform> <TranslateTransform X="50"></TranslateTransform> </TransformGroup> </Rectangle.RenderTransform> </Rectangle> </Grid> </UserControl>

<UserControl x:Class="SbSCh7_2.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400">

<Grid x:Name="LayoutRoot" Background="White">
<Image Height="150" HorizontalAlignment="Left" Margin="10,10,0,0" Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="200" Source="/SbSCh7_2;component/quan_zhi_xian.jpg" >
<Image.Projection>
<PlaneProjection RotationY="30"/>
</Image.Projection>
</Image>
</Grid>
</UserControl>

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值