iOS应用设计元素全解析

### iOS应用设计元素全解析 #### 1. 手势识别器 在iOS应用设计中，手势识别器是实现用户交互的重要组成部分。以下为你介绍几种常见的手势识别器： - **UILongPressGestureRecognizer**：与之前的一些手势识别器类似，你可以使用`numberOfTapsRequired`和`numberOfTouchesRequired`属性指定所需的点击次数和手指触摸次数。该识别器有额外的属性来配置“长按”的特性。`minimumPressDuration`指定在识别器状态变为`UIGestureRecognizerStateBegan`之前，触摸必须持续的时间。`allowableMovement`属性（接受一个浮点值）指定用户在长按手势失败之前可以有多大的“晃动空间”。这个值应该设置得足够大，让普通人能轻松保持触摸，但又不能太大，以免允许跨越多个元素的显著移动。需要注意的是，`UILongPressGestureRecognizer`在开始和结束时都会触发其动作，这可能会导致不必要的行为。通常，你只需要响应`UIGestureRecognizerStateBegan`状态，这样用户就能轻松得知手势已被识别。 - **UIPinchGestureRecognizer**：这个`UIGestureRecognizer`的子类用于识别捏合手势，即用户将两个触摸点相互靠近或远离的动作。该类是连续的，意味着只要捏合动作持续，它就会保持活跃，但值会不断变化。每次捏合手势有两个属性可供访问： 1. **scale**：捏合产生的缩放因子。 2. **velocity**：给定捏合手势的速度。 根据你的使用场景，你可能需要关注不同的状态值。 - **UIRotationGestureRecognizer**：该类用于识别一种不太常见的手势——旋转。这种手势是用户用两个手指做圆周运动。与`UIPinchGestureRecognizer`类似，通过`rotation`和`velocity`属性可以获取有关执行手势的信息。 #### 2. 视图控制器 在设计iOS应用时，你通常会根据应用中的数据流以相当一致的方式组织视图控制器。Cocoa Touch中内置了多个`UIViewController`类的特殊子类，这些子类能让你根据应用类型轻松组织、定制和展示数据。通过组合这些控制器，你可以为应用创建复杂的组织方案，以最优化的方式向用户展示信息。以下是几种常见视图控制器的介绍： - **UINavigationController**：在工作流设计和视图展示方面，`UINavigationController`是最常用的类之一。它不仅有助于组织从一个视图到另一个视图的过渡，还在每个视图的顶部提供了一个高度可定制的工具栏，以帮助展示和管理应用的不同部分。这些类可以放置在其他组织控制器中，从而创建从应用的一个层次到另一个层次的嵌套信息流。一个`UINavigationController`从一个“根视图控制器”开始，如果没有添加其他视图控制器，这个根视图控制器将可见。然后，其他视图控制器可以通过各种方法“推”到控制器栈上，或从栈上“弹出”。`UINavigationController`栈中的视图是从上到下显示的，因此推送一个新的视图控制器会指示`UINavigationController`显示它。同样，当你弹出当前视图控制器时，它会从视图中移除，显示栈中的下一个控制器。创建`UINavigationController`就像创建其他类一样简单。你可以使用方便的指定初始化器`-initWithRootViewController:`来设置根视图，或者在分配后简单调用`-init`方法，然后使用`-pushViewController:animated:`方法推送根视图。 - **导航栏**：视图的顶部边缘是导航栏，它通过三个功能引导用户在应用中导航： - **标题**：导航栏的中心显示当前视图控制器的标题。你可以在每个`-viewDidLoad`方法中通过更改从`UIViewController`类继承的`title`属性轻松设置标题（例如，`self.title = @"More Info"`），也可以创建自定义标题视图。 - **返回按钮**：如果当前未显示根视图控制器，导航栏的左侧会自动包含一个带箭头的按钮，默认情况下还会包含上一个显示的视图控制器的标题，以帮助用户返回。 - **右侧栏项目**：导航栏的右侧默认是空的，但可以使用`rightBarButtonItem`或`rightBarButtonItems`属性进行配置（后者用于添加多个项目）。在iPhone上，这里最多可能只有一两个小按钮，但iPad有空间放置更多按钮。通常，这个位置的按钮提供操作或处理当前视图控制器中显示信息的选项，例如`UITableView`的编辑按钮或打开打印界面的按钮。这些属性通过`navigationItem`访问，即`self.navigationItem.rightBarButtonItem`。 - **导航工具栏**：视图的底部边缘是导航工具栏，它是`UINavigationController`内置的。这个工具栏默认是隐藏的，但可以通过将`UINavigationController`的`toolbarHidden`属性设置为`NO`，或使用`-setToolbarHidden:animated:`方法（以动画方式更改）轻松显示。需要注意的是，工具栏的显示或隐藏状态在视图控制器的推送和弹出过程中保持不变，直到再次设置该属性。这意味着你可能需要在每个视图控制器的`-viewWillAppear:animated:`和`-viewWillDisappear:animated:`方法中根据需要显示或隐藏工具栏。`UIToolbar`的内容不是由`UINavigationController`设置的，而是由当前位于栈顶的`UIViewController`设置。通过在每个视图控制器的`-viewDidLoad`方法中调用`-setToolbarItems:`，你可以轻松为每个视图控制器实现不同配置的工具栏。以下是一个示例，展示了如何在视图控制器的`-viewDidLoad`方法中轻松构建单个控制器的工具栏： ```objc [self setToolbarItems:[NSArray arrayWithObject:[[UIBarButtonItem alloc] initWithTitle:@"Toolbar Button "style:UIBarButtonItemStyleBordered target:nil action:NULL]] animated:NO]; ``` 通过将`target`和`action`更改为实际值和选择器，你可以轻松为工具栏按钮实现功能。此外，`UINavigationController`还有一个`delegate`属性，它遵循`UINavigationControllerDelegate`协议。利用这个属性可以在视图控制器从栈中推送或弹出之前和之后对操作进行额外控制。 - **UITabBarController**：这是另一个特殊的视图控制器，几乎和`UINavigationController`一样常用。这个类专门用于处理包含多个部分或“标签”的应用，每个标签都有自己的信息流。Twitter应用就是一个很好的实现示例。每个标签可以包含其他控制器，包括`UINavigationController`对象，从而允许更复杂的视图控制器网络。不过，`UITabBarController`不应放置在任何其他控制器内部，因为iOS API不支持这样做。`UITabBarController`中的每个视图控制器都有一个标签，默认情况下，标签会填充视图控制器的标题，没有图像。创建一个新的`UITabBarItem`实例并将其设置为视图控制器的`tabBarItem`，可以覆盖默认设置，让你添加图像并稍微自定义标签。需要注意的是，每个视图控制器的`-viewDidLoad`方法直到包含该视图控制器的特定标签被选中时才会实际调用，这意味着在这个方法中进行的任何配置（如设置标题）不会立即生效，在标签被选中之前，标签会没有标签。在声明视图控制器时设置其标题可以简单地解决这个问题，不过将标题配置添加到视图控制器的指定初始化器中也可以。以下是创建一个简单`UITabBarController`的示例代码： ```objc self.viewController = [[MainViewController alloc] initWithNibName:@"MainViewController" bundle:nil]; self.viewController.title = @"First"; self.viewController.tabBarItem = [[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemFeatured tag:0]; __strong SecondViewController *second = [[SecondViewController alloc] init]; second.title = @"Second"; second.tabBarItem = [ ```