一起谈.NET技术,Silverlight 游戏开发小技巧:动感小菜单2

简介:   动感小菜单其实是想模仿Apple的菜单按钮设计制作,但是画虎不成反类犬,看起来有点别扭,昨天各位园友提了这方面的建议,感觉太硬如果加入动画可能更好,非常感谢各位,而今天这篇的动感小菜单2,让按钮更加动感“柔”顺:)期望能做的更好吧。

  动感小菜单其实是想模仿Apple的菜单按钮设计制作,但是画虎不成反类犬,看起来有点别扭,昨天各位园友提了这方面的建议,感觉太硬如果加入动画可能更好,非常感谢各位,而今天这篇的动感小菜单2,让按钮更加动感“柔”顺:)期望能做的更好吧。

0  我们可以直接借助昨天的工程,在上面的基础上修改,打开昨天的工程(Silverlight 游戏开发小技巧:动感小菜单):

1  直接选定一个StackPanel的Group,然后按住Alt键复制一个,为了方便编程,这次我们将它制作成一个控件:

2  在结构里面直接选择刚才Copy的组,点击右键选择Make Into UserControl,中文版是制作成为自定义用户控件选项。

3  输入一个名字,OK,就会自动进入到这个控件的编辑界面,关于自定义控件,我想其他的Blend教程有详细介绍,这里只介绍技巧相关的内容。

11  现在我们进入到VS中编程,当然了,如果您喜欢在Blend里直接写也可以,我个人比较习惯在VS里编辑:)

  你可以在工程中找到刚才制作的控件,选择对应的cs文件开始写代码吧。

4  首先,要设定IconCard的图像(请一定参看前一篇,本篇是在前一篇中进行的扩展)

  在Group3Control的构造函数中写成这样:

Code Snippet
  1. public Group3Control()
  2. {            
  3.     InitializeComponent();
  4.     for (int i = 0; i < Group3.Children.Count; i++)
  5.     {
  6.         var item = Group3.Children[i] as IconCard;
  7.         item.RenderTransformOrigin = new Point(0.5, 0.5);
  8.         item.RenderTransform = new ScaleTransform() { ScaleX = 1, ScaleY = 1 };
  9.         item.IconIndex = i;
  10.     }
  11. }

  前面看过的朋友应该不难理解,这时一个指定操作。

  下面重写控件的MouseEnter和MouseLeave的函数。

Code Snippet
  1. protected override void OnMouseMove(MouseEventArgs e)
  2. {
  3.             
  4.     foreach (var item in Group3.Children)
  5.     {
  6.         var t = item as IconCard;
  7.         if (t == null)
  8.             continue;
  9.         double x = e.GetPosition(t).X - t.ActualWidth / 2;
  10.         double y = e.GetPosition(t).Y - t.ActualHeight / 2;
  11.         double mine = Math.Sqrt(x * x + y * y);
  12.         double mineZoom = Zoom(1.2, mine, 72);
  13.         (t.RenderTransform as ScaleTransform).ScaleX = mineZoom;
  14.         (t.RenderTransform as ScaleTransform).ScaleY = mineZoom;
  15.     }
  16.     base.OnMouseLeave(e);
  17. }
  18. protected override void OnMouseLeave(MouseEventArgs e)
  19. {
  20.     foreach (var item in Group3.Children)
  21.     {
  22.         var t = item as IconCard;
  23.         if (t == null)
  24.             continue;
  25.         (t.RenderTransform as ScaleTransform).ScaleX = 1;
  26.         (t.RenderTransform as ScaleTransform).ScaleY = 1;
  27.     }
  28.  
  29.     base.OnMouseLeave(e);
  30. }
  31. double Zoom(double m, double d, double s)
  32. {
  33.     if (d < s)
  34.     {
  35.         return (m * (d - s) * (d - s) / (s * s) + 1);
  36.     }
  37.     else
  38.     {
  39.         return 1.0;
  40.     }
  41. }

  具体意思是,当鼠标移入的时候,就会计算鼠标和控件的位置,并将所有的子元素遍历修改放缩,由于通过算法得出,可以很好的让小按钮达到“柔”顺的感觉:)

  非常感谢路毅提供的算法,使得我能够更专注做关键的工作,特此感谢。本工程中有一段是注释掉的内容,就是他之前的实现效果,有兴趣的朋友可以把注释去掉,看看是什么样子。

  本篇工程源代码下载地址如下:点击直接下载

目录
相关文章
|
6月前
|
SQL 小程序 API
如何运用C#.NET技术快速开发一套掌上医院系统?
本方案基于C#.NET技术快速构建掌上医院系统,结合模块化开发理念与医院信息化需求。核心功能涵盖用户端的预约挂号、在线问诊、报告查询等,以及管理端的排班管理和数据统计。采用.NET Core Web API与uni-app实现前后端分离,支持跨平台小程序开发。数据库选用SQL Server 2012,并通过读写分离与索引优化提升性能。部署方案包括Windows Server与负载均衡设计,确保高可用性。同时针对API差异、数据库老化及高并发等问题制定应对措施,保障系统稳定运行。推荐使用Postman、Redgate等工具辅助开发,提升效率与质量。
199 0
|
10月前
|
开发框架 算法 .NET
C#/.NET/.NET Core技术前沿周刊 | 第 15 期(2024年11.25-11.30)
C#/.NET/.NET Core技术前沿周刊 | 第 15 期(2024年11.25-11.30)
137 6
|
10月前
|
开发框架 Cloud Native .NET
C#/.NET/.NET Core技术前沿周刊 | 第 16 期(2024年12.01-12.08)
C#/.NET/.NET Core技术前沿周刊 | 第 16 期(2024年12.01-12.08)
131 6
|
11月前
|
机器学习/深度学习 人工智能 Cloud Native
在数字化时代,.NET 技术凭借其跨平台兼容性、丰富的类库和工具集以及卓越的性能与效率,成为软件开发的重要平台
在数字化时代,.NET 技术凭借其跨平台兼容性、丰富的类库和工具集以及卓越的性能与效率,成为软件开发的重要平台。本文深入解析 .NET 的核心优势,探讨其在企业级应用、Web 开发及移动应用等领域的应用案例,并展望未来在人工智能、云原生等方面的发展趋势。
214 3
|
11月前
|
敏捷开发 缓存 中间件
.NET技术的高效开发模式,涵盖面向对象编程、良好架构设计及高效代码编写与管理三大关键要素
本文深入探讨了.NET技术的高效开发模式,涵盖面向对象编程、良好架构设计及高效代码编写与管理三大关键要素,并通过企业级应用和Web应用开发的实践案例,展示了如何在实际项目中应用这些模式,旨在为开发者提供有益的参考和指导。
110 3

热门文章

最新文章