WPF TranslateTransform的使用

最新推荐文章于 2024-08-30 14:23:32 发布

weixin_34319111

最新推荐文章于 2024-08-30 14:23:32 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/361478

本文通过一个具体的示例展示了如何使用 WPF 中的 TranslateTransform 实现元素的移动效果。示例中，当用户单击一个矩形时，该矩形会沿 X 和 Y 轴方向各移动 15 个单位。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

WPF TranslateTransform的使用

1、水平移动

2、单击后向X，Y移动15

<Canvas x:Class="ControlTest2.TranslateTransformDemon.TranslateTransformInCanvas"

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

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

    Height="300" Width="300">

    <Rectangle MouseLeftButtonDown="Rectangle_MouseLeftButtonDown"

    Width="50" Height="50"

    Fill="RoyalBlue">

            <Rectangle.RenderTransform>

                <TranslateTransform x:Name="myTranslateTransform" />

            </Rectangle.RenderTransform>

        </Rectangle> 
</Canvas>

　　Code：

private void Rectangle_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{

    // Increase the X and Y properties.

    myTranslateTransform.X = myTranslateTransform.X + 15;

    myTranslateTransform.Y = myTranslateTransform.Y + 15;
}