WPF旋转的界面实现

最新推荐文章于 2024-08-29 08:03:11 发布
最新推荐文章于 2024-08-29 08:03:11 发布
阅读量5.6k 收藏 2
点赞数 2
分类专栏： WPF 文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lisenyang/article/details/18215349
版权
本文介绍了如何在WPF中创建旋转的界面效果，通过XAML代码实现，既美观又节省资源。
摘要由CSDN通过智能技术生成

在WPF中可以做出旋转的界面，这样不仅效果好看，而且节省界面和代码处理。

xaml代码如下：

<Window x:Class="V3ViewApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        Title="旋转界面" Height="360" Width="450" Background="Black" WindowState="Normal" WindowStartupLocation="CenterScreen">
    <Window.Resources>
        <sys:Double x:Key="grdSize">200</sys:Double>
    </Window.Resources>
    <Grid >
        <Viewport3D ClipToBounds="True" HorizontalAlignment="Center" VerticalAlignment="Center" Height="500" Width="500">
            <Viewport3D.Camera>
                <PerspectiveCamera LookDirection="0,0,-1" Position="0,0,300"/>
            </Viewport3D.Camera>
            <Viewport3D.Children>
                <ModelVisual3D>
                    <ModelVisual3D.Content>
                        <AmbientLight Color="Transparent"/>
                    </ModelVisual3D.Content>
                    <ModelVisual3D.Children>

                        <Viewport2DVisual3D>
                            <Viewport2DVisual3D.Geometry>
                                <MeshGeometry3D Positions="-50,50,-50  -50,-50,-50  -50,-50,50  -50,50,50"
                                                Normals="0,0,1  0,0,1  0,0,1  0,0,1"
                                                TriangleIndices="0,1,2  0,2,3"
                                                TextureCoordinates="0,0  0,1  1,1  1,0"/>
                            </Viewport2DVisual3D.Geometry>
                            <Viewport2DVi
最低0.47元/天 解锁文章
LisenYang
关注
专栏目录
WPF/Silverlight中图形的平移 缩放 旋转 倾斜变换演示
qq_44919342的博客
04-24 329
WPF/Silverlight中图形的平移 缩放 旋转 倾斜变换演示
WPF实现一个带旋转动画的菜单栏
lingshuangcanxue
07-15 1291
WPF带旋转的菜单实现
WPF多点触摸放大缩小旋转
Anticlimax
10-15 5898
如果要方法缩小一个canvas就在
WPF 用户控件翻转与内部的内容控件反翻转
最新发布
dotNET跨平台
08-29 56
WPF 用户控件翻转与内部的内容控件反翻转独立观察员 2024 年 8 月 28 日首先需要有一个左右方向的枚举：/// <summary> /// 左右方向 /// </summary> public enum LeftRightOrientation { Left, Right }然后在用户控件后台创建依赖属性 Orientation：并准备好如下样式：...
wpf xaml 编程第一步 以旋转的立方体为代码展示
anders lu 的专栏
06-12 2260
wpf xaml 变成第一步 以旋转的立方体为代码展示
WPF动画、旋转
weixin_42671141的博客
05-27 1589
将每个button设置一张裁剪好的图片为背景，每一张多十五度的基于零点的旋转。当旋转的大于270°时，后面的元素都会基于顶部，为了让它有一个无限循环效果，先将图片PS处理，将被覆盖的位置设置为透明化。 如果不先处理图片就会出现下面左边的效果，后面放的图片一直覆盖住前面的。 利用触发器，执行故事版。采用线性插值动画，使Grid元素与设定的点，进行旋转。 From值是开始的位置，To值是结束的位置，...
WPF旋转科技感特效动画
04-02
标题"**WPF旋转科技感特效动画**"指的是使用WPF来设计一种具有现代科技感的动态效果，特别是通过3D旋转动画来增强用户体验。这种特效通常用于提升应用的视觉吸引力，使用户界面更生动有趣。 描述"**WPF前端科技感...
WPF炫酷旋转按钮样式
03-24
**WPF炫酷旋转按钮样式**是Windows Presentation Foundation（WPF）中的一种创新设计，用于创建具有视觉吸引力的用户界面元素。WPF是.NET Framework的一部分，提供了丰富的图形和UI功能，使得开发人员能够构建出美观...
WPF 阀门90度旋转动画
01-17
总结来说，通过WPF的动画机制，我们可以轻松地创建出阀门90度旋转的动态效果，提升用户界面的交互性和吸引力。通过结合XAML和C#代码，可以实现复杂的动画逻辑，并与用户输入紧密结合，为应用程序带来生动的视觉体验...
FlipTest_WPF翻页界面示例程序_
09-30
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中实现翻页效果，以创建类似电子书或卡片翻转的用户界面。这个主题基于一个名为“FlipTest_WPF翻页界面示例程序”的项目，它展示了如何利用...
WPFEffects-master_WPF_WPF界面UI设计集合_
10-02
5. **模板和样式**: 为了实现界面的统一和复用，WPF提供了ControlTemplate和Style。ControlTemplate用于定义控件的外观，而Style则可以设置一组控件的共享属性。这使得开发者可以轻松地更改整个应用程序的视觉样式。...
椭圆旋转源码
05-03
单张图片实现加速3D旋转效果，只用GDI+哦 另PS:本人深圳，欲换个工作 联系QQ：120148245
C# WPF 3D正方体旋转
qq_27474555的博客
12-08 959
WPF实现3D正方体、相机调焦、及沿坐标轴旋转
WPF 旋转图片
bang987918的专栏
06-27 6759
旋转图片，要用到RenderTransform这个属性，RenderTransform这里面包含了RotateTransform、ScaleTransform、TranslateTransform这三个属性， 分别对应了旋转、缩放、移动的操作。比如，实现一个旋转图片，XAML代码如下 "183"Name="border1" Width="200"BorderBrush="Blue"
WPF--旋转变换（RotateTransform）
zoushier的博客
04-09 550
在标签上添加name属性，再写doubleAnimation标签时候设置storyboard.TargetName=name属性值。不添加name属性 根据RenderTransform.children[0]找动画标签。CenterX="50" CenterY="20" 可以设置旋转的中心点，这俩个值是宽度一半和高度一半。TransformGroup 变换组 可以多个变换,支持平移 也支持旋转。问题产生：只设置了Angle角度的图像会默认以左上角（即0，0点）旋转。="90" 一开始旋转的效果。
wpf仿QQ之窗体翻转
weixin_30950607的博客
08-06 195
很久以前在网上找过窗体翻转的Demo，但看得不是很明白，大多是内容的翻转，研究了下，现在分享给大家。 利用UIElement.RenderTransform 属性就能实现元素的呈现位置的转换，因此只需改变window的RenderTransform属性就可以达到想要的效果。 //关键代码 <Window.RenderTransform> <Sca...
WPF 作出窗体旋转动画
u014434080的专栏
02-16 3321
这里只是做出和窗体旋转效果一样的效果，并不是真的窗体旋转，原理是，将窗体设置成无边框透明，在窗体中放置一个canvas，然后启动的时候，给canvas设置旋转动画，效果如同窗体旋转一样。 代码：<Window x:Class="QuickAnswer.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/pr
实体3D的自动旋转动画
love_yinzi的专栏
11-21 585
以前觉得三维体的自动旋转是一件很神奇的事后来才知道，只是两句代码。。。 首先要在资源文件里创建一个动画  然后调用就OK了 private void Window_Loaded(object sender, RoutedEventArgs e) {            this.rotation.BeginAnimation(AxisAngleRotation3D
WPF 控件专题 Canvas 控件详解
^@^lemon tea^@^
06-27 2116
WPF 控件专题 Canvas 控件详解
wpf 实现用户在界面画旋转矩形 工程实现
06-01
要实现在界面上画旋转矩形，可以使用 WPF 的 `Canvas` 控件和 `RotateTransform` 类型。 首先，在 XAML 中创建一个 `Canvas` 控件，用于显示画布，以及一个按钮控件，用于触发画矩形的操作。 ```xml <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <StackPanel> <Button Click="DrawRectangle" Content="Draw Rectangle"/> <Canvas x:Name="canvas" Background="White" Width="500" Height="300"/> </StackPanel> </Window> ``` 在代码中，定义一个 `bool` 类型的变量 `isDrawing`，用于标识当前是否正在画矩形。 ```csharp bool isDrawing = false; ``` 在按钮的点击事件 `DrawRectangle` 中，设置 `isDrawing` 为 `true`，并在 `MouseMove` 事件中根据鼠标移动的位置动态调整矩形的大小和位置。 ```csharp private void DrawRectangle(object sender, RoutedEventArgs e) { isDrawing = true; canvas.MouseMove += OnMouseMove; } private void OnMouseMove(object sender, MouseEventArgs e) { if (!isDrawing) return; Point startPoint = e.GetPosition(canvas); // 计算矩形的宽度和高度 double width = Math.Abs(startPoint.X - endPoint.X); double height = Math.Abs(startPoint.Y - endPoint.Y); // 计算旋转角度 double angle = Math.Atan2(endPoint.Y - startPoint.Y, endPoint.X - startPoint.X) * 180 / Math.PI; // 设置矩形的位置和大小 Canvas.SetLeft(rectangle, Math.Min(startPoint.X, endPoint.X)); Canvas.SetTop(rectangle, Math.Min(startPoint.Y, endPoint.Y)); rectangle.Width = width; rectangle.Height = height; // 设置矩形的旋转角度 rectangle.RenderTransformOrigin = new Point(0.5, 0.5); rectangle.RenderTransform = new RotateTransform(angle); } private void OnMouseUp(object sender, MouseButtonEventArgs e) { isDrawing = false; canvas.MouseMove -= OnMouseMove; } ``` 在 `MouseMove` 事件中，首先获取鼠标当前的位置 `startPoint`，然后根据鼠标移动的位置计算出矩形的宽度和高度。接着，使用 `Math.Atan2` 方法计算出矩形的旋转角度 `angle`，并使用 `Canvas.SetLeft`、`Canvas.SetTop`、`Width` 和 `Height` 属性设置矩形的位置和大小。最后，使用 `RotateTransform` 对象设置矩形的旋转角度。 在代码中，还需要定义一个 `Rectangle` 控件，并在 `OnMouseMove` 方法中动态设置其位置、大小和旋转角度。 ```csharp Rectangle rectangle = new Rectangle { Stroke = Brushes.Black, StrokeThickness = 2 }; canvas.Children.Add(rectangle); ``` 最后，在 `OnMouseUp` 事件中，将 `isDrawing` 设置为 `false`，并取消 `MouseMove` 事件的订阅，以结束画矩形的操作。 完整的代码如下： ```xml <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <StackPanel> <Button Click="DrawRectangle" Content="Draw Rectangle"/> <Canvas x:Name="canvas" Background="White" Width="500" Height="300"/> </StackPanel> </Window> ``` ```csharp bool isDrawing = false; Point endPoint; Rectangle rectangle = new Rectangle { Stroke = Brushes.Black, StrokeThickness = 2 }; public MainWindow() { InitializeComponent(); canvas.Children.Add(rectangle); canvas.MouseUp += OnMouseUp; } private void DrawRectangle(object sender, RoutedEventArgs e) { isDrawing = true; canvas.MouseMove += OnMouseMove; } private void OnMouseMove(object sender, MouseEventArgs e) { if (!isDrawing) return; Point startPoint = e.GetPosition(canvas); // 计算矩形的宽度和高度 double width = Math.Abs(startPoint.X - endPoint.X); double height = Math.Abs(startPoint.Y - endPoint.Y); // 计算旋转角度 double angle = Math.Atan2(endPoint.Y - startPoint.Y, endPoint.X - startPoint.X) * 180 / Math.PI; // 设置矩形的位置和大小 Canvas.SetLeft(rectangle, Math.Min(startPoint.X, endPoint.X)); Canvas.SetTop(rectangle, Math.Min(startPoint.Y, endPoint.Y)); rectangle.Width = width; rectangle.Height = height; // 设置矩形的旋转角度 rectangle.RenderTransformOrigin = new Point(0.5, 0.5); rectangle.RenderTransform = new RotateTransform(angle); } private void OnMouseUp(object sender, MouseButtonEventArgs e) { isDrawing = false; canvas.MouseMove -= OnMouseMove; } ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值