【问题标题】:iPhone/iPad circular intensity gauge control (image included)iPhone/iPad 圆形强度计控制(包括图片)
【发布时间】:2012-03-08 16:27:55
【问题描述】:

我发现了这个有趣的界面(从 33 秒开始 http://vimeo.com/22946428 ),并想为我自己的应用程序设计类似的东西。我对附图中的圆形强度计/旋钮控件特别感兴趣。 它有一种非常未来主义的感觉,并且使用 touchesMoved: 手势识别器回调来实现应该相当简单。

但为了不重复造轮子,是否有任何提供高级 UI 功能的开源库,例如图片/视频中的那些?

更新:Hubert 的回答演示了如何使用单指运动来旋转表盘。谜题的第二部分是:如何给控件填充颜色?

我正在考虑旋转背景颜色图像,但它的一部分必须被切断或用其他东西覆盖以从空白背景变为完整背景。也许切割元素(大约 1 弧度)可能会隐藏一组跟随手指的扇形段,并产生仪表盘填充量不断增加或减少的错觉。 6 个片段 x,y 将连续设置动画,将它们定位为仅覆盖所需的控制部分。

【问题讨论】:

    标签: iphone objective-c ipad user-interface gauge


    【解决方案1】:
    【解决方案2】:

    这是一个循环进度视图的示例。结合单指旋转控件,它可以创建一个与请求的仪表相似的仪表(只需将 2 个控件叠加在一起)

    然后用旋转回调链接两个控件:

      - (void) rotation: (CGFloat) angle
    {
        // calculate rotation angle
        imageAngle += angle;
        if (imageAngle > 360)
            imageAngle -= 360;
        else if (imageAngle < -360)
            imageAngle += 360;
    
     progress = imageAngle/360.0;
    }
    

    DACircularProgress view + OneFingerRotationGestrureRecognizer

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-03-05
      • 1970-01-01
      • 2012-05-02
      • 2022-01-17
      • 1970-01-01
      • 2021-08-22
      • 1970-01-01
      相关资源
      最近更新 更多