当前位置：文江博客话题详情

iPad 开发：圆形和线性仪表

发布于 2024-12-09 08:12:15 字数 410 浏览 1 评论 0原文

我创建了一个桌面（winforms）和基于网络（asp.net）的仪表板应用程序，该应用程序使用 Dundas 圆形和线性仪表。

例如在此处输入图像描述

我需要使用 xcode ui 和 Objective c （或可以导入到的东西）重新创建这些仪表基于视图的项目）

是否有任何框架可以创建这些类型的仪表？我查看了核心图，但它没有这种类型的功能。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

绝不服输 2024-12-16 08:12:15

它们并不像看起来那么困难。您只需要图形资源，然后区分静态图形资源和可动画图形资源。

使用 Core 动画可以相当轻松地完成动画。假设您拥有第一个小工具（尽管 Quartz2D 的性能会更高 - 但使用简单的 UIView 来制作它将是一个良好的开始）。

第一个小工具只有可以动画的针（或根据给定值旋转）。图像的其余部分可以是一个简单的 UIImageView。

执行以下操作：

needleView.layer.anchorPoint = BOTTOM_RIGHT_POINT;//to not rotate at center but bottom right or whatever

...
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:1.0];
CGAffineTransform transform = CGAffineTransformMakeRotation(angle_in_radians);
needleView.transform = transform;
[UIView commitAnimations];

这将使针旋转。

对于第二号规格的两根针也是如此。对于水平条，执行相同的操作，但使用 FRAME 设置相对于 min_value 和 max_value 的条的大小。

They are not as difficult as they seem. You simply need the graphic assets then distinguish the static vs animatable graphics assets.

The animation can be done fairly easily using Core animation. So let's say you have the first gadget (though Quartz2D will be much more performant - but it will be a good start to make it using simple UIViews).

The first gadget has just the needle that animates (or rotates based on a given value). rest of the image can be a simple UIImageView.

Do something like:

needleView.layer.anchorPoint = BOTTOM_RIGHT_POINT;//to not rotate at center but bottom right or whatever

...
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:1.0];
CGAffineTransform transform = CGAffineTransformMakeRotation(angle_in_radians);
needleView.transform = transform;
[UIView commitAnimations];

This will rotate the needle.

Similarly for the two needles in second gauge. For the horizontal bars, do the same but using FRAME to set the size of bars relative to min_value and max_value.

回复收藏 0 原文