他们是如何做到的?...避免使用无聊的标准饼干iPhone应用程序

时间:2011-01-16 23:41:27

标签: iphone uiview uiviewcontroller custom-controls uitoolbar

我试图找出自定义浮动“托盘”的最佳设计,用于启动操作(例如,更改列表的排序标准)以及切换视图(例如,帮助,选项)。我希望托盘开始折叠,因此初始视图是全屏的。当用户触摸屏幕的一角时,视图会通过动画滑动到位。另一个触摸将视图滑开。

我想要的UI的最佳示例是我最喜欢的应用程序之一,iThoughts思维导图(见下文)。这是怎么做到的?我真的想了解专业人士如何创建这样漂亮的应用程序。我找到的大部分帮助都指向了标准UITabbar,UIToolbar等方向.Yawn。

谢谢!

alt text alt text

2 个答案:

答案 0 :(得分:4)

您应该从传统方式学习如何做到这一点开始。让应用程序先运行。然后展开它。完全掌握传统方法后,学习核心动画以及如何使用图层。

答案 1 :(得分:1)

假设:

  • 您想为名为toolbar的视图设置动画。
  • 您已在CGRect toolbarFrameWhenHidden属性中将工具栏视图的帧坐标存储为其屏幕外状态。相应地,CGRect toolbarFrameWhenShown包含显示状态的帧坐标。
  • 您有BOOL toolbarHidden属性,指示工具栏的当前状态。
  • 您已将用户应点按的控件连接到显示/隐藏工具栏的toggleToolbar:操作。

代码:

- (IBAction) toggleToolbar:(id)sender
{
    CGRect targetFrame = self.toolbarHidden ? self.toolbarFrameWhenShown : self.toolbarFrameWhenHidden;
    [UIView animateWithDuration:0.25 animations:^{
        self.toolbar.frame = targetFrame;
    }];
    self.toolbarHidden = !self.toolbarHidden;
}