objective-c - iPad 纵向和横向模式的尺寸调整类

标签 objective-c ios8 size-classes adaptive-ui

我基本上希望使用 xcode 6 中引入的 Sizing Classes,根据 iPad 的方向(纵向或横向)将我的 subview 定位不同。我发现许多教程解释了 Iphone 在纵向和横向中如何使用不同的大小调整类在 IB 上,但似乎没有涵盖 IB 上 iPad 的单个横向或纵向模式。有人可以帮忙吗?

最佳答案

Apple 似乎打算将两种 iPad 方向视为相同 - 但正如我们中的许多人所发现的那样,想要改变 iPad 纵向与 iPad 横向的 UI 布局是非常合理的设计理由。

不幸的是,当前的操作系统似乎不支持这种区别......这意味着我们要回到在代码中操纵自动布局约束或类似的变通方法来实现我们理想情况下应该能够免费获得的东西使用自适应 UI。

不是一个优雅的解决方案。

难道没有办法利用 Apple 已经内置在 IB 和 UIKit 中的魔法来为给定的方向使用我们选择的尺寸等级

~

在更一般地考虑这个问题时,我意识到“大小类”只是解决存储在 IB 中的多个布局的简单方法,因此可以在运行时根据需要调用它们。

事实上,“大小类”实际上只是一对枚举值。来自 UIInterface.h:

typedef NS_ENUM(NSInteger, UIUserInterfaceSizeClass) {
    UIUserInterfaceSizeClassUnspecified = 0,
    UIUserInterfaceSizeClassCompact     = 1,
    UIUserInterfaceSizeClassRegular     = 2,
} NS_ENUM_AVAILABLE_IOS(8_0);

因此,无论 Apple 决定如何命名这些不同的变体,从根本上说,它们只是用作排序的唯一标识符的一对整数,用于区分一个布局与另一个布局,存储在IB。

现在,假设我们在 IB 中创建了一个替代布局(使用未使用的尺寸类)——比如说,对于 iPad Portrait ...有没有办法让设备使用 我们的选择运行时需要的大小类(UI 布局)?​​

在尝试了几种不同的(不太优雅的)解决问题的方法后,我怀疑可能有一种方法可以以编程方式覆盖默认大小类。还有(在 UIViewController.h 中):

// Call to modify the trait collection for child view controllers.
- (void)setOverrideTraitCollection:(UITraitCollection *)collection forChildViewController:(UIViewController *)childViewController NS_AVAILABLE_IOS(8_0);
- (UITraitCollection *)overrideTraitCollectionForChildViewController:(UIViewController *)childViewController NS_AVAILABLE_IOS(8_0);

因此,如果您可以将 View Controller 层次结构打包为“子” View Controller ,并将其添加到顶级父 View Controller ......那么您可以有条件地覆盖 subview ,使其认为它是一个不同的大小类比操作系统的默认值。

这是一个在“父” View Controller 中执行此操作的示例实现:

@interface RDTraitCollectionOverrideViewController : UIViewController {
    BOOL _willTransitionToPortrait;
    UITraitCollection *_traitCollection_CompactRegular;
    UITraitCollection *_traitCollection_AnyAny;
}
@end

@implementation RDTraitCollectionOverrideViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    [self setUpReferenceSizeClasses];
}

- (void)setUpReferenceSizeClasses {
    UITraitCollection *traitCollection_hCompact = [UITraitCollection traitCollectionWithHorizontalSizeClass:UIUserInterfaceSizeClassCompact];
    UITraitCollection *traitCollection_vRegular = [UITraitCollection traitCollectionWithVerticalSizeClass:UIUserInterfaceSizeClassRegular];
    _traitCollection_CompactRegular = [UITraitCollection traitCollectionWithTraitsFromCollections:@[traitCollection_hCompact, traitCollection_vRegular]];

    UITraitCollection *traitCollection_hAny = [UITraitCollection traitCollectionWithHorizontalSizeClass:UIUserInterfaceSizeClassUnspecified];
    UITraitCollection *traitCollection_vAny = [UITraitCollection traitCollectionWithVerticalSizeClass:UIUserInterfaceSizeClassUnspecified];
    _traitCollection_AnyAny = [UITraitCollection traitCollectionWithTraitsFromCollections:@[traitCollection_hAny, traitCollection_vAny]];
}

-(void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    _willTransitionToPortrait = self.view.frame.size.height > self.view.frame.size.width;
}

- (void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator {
    [super viewWillTransitionToSize:size withTransitionCoordinator:coordinator]
    _willTransitionToPortrait = size.height > size.width;
}

-(UITraitCollection *)overrideTraitCollectionForChildViewController:(UIViewController *)childViewController {
    UITraitCollection *traitCollectionForOverride = _willTransitionToPortrait ? _traitCollection_CompactRegular : _traitCollection_AnyAny;
    return traitCollectionForOverride;
}
@end

作为一个快速演示,看看它是否有效,我专门为 IB 中子 Controller 布局的“常规/常规”和“紧凑/常规”版本添加了自定义标签:

enter image description here enter image description here

下面是运行时的样子,当 iPad 处于两个方向时: enter image description here enter image description here

瞧!运行时自定义大小类配置。

希望 Apple 在下一版本的操作系统中不再需要这样做。与此同时,这可能是一种比以编程方式处理自动布局约束或在代码中进行其他操作更优雅和可扩展的方法。

~

编辑(2015 年 6 月 4 日):请记住,上面的示例代码本质上是用于演示该技术的概念证明。随意根据您自己的特定应用的需要进行调整。

~

编辑(2015 年 7 月 24 日):令人欣慰的是,上述解释似乎有助于揭开这个问题的神秘面纱。虽然我还没有对其进行测试,但 mohamede1945 [下] 的代码看起来像是一个实用的有用优化。随意测试一下,让我们知道你的想法。 (为了完整起见,我将保留上面的示例代码。)

关于objective-c - iPad 纵向和横向模式的尺寸调整类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26633172/

相关文章:

iOS 7 : in app purchase receipt validation and verification

ios - 在iOS 8中扫描条形码并显示条形码

ios - "No such module ' LocalAuthentication '"尝试使用 Swift 在 Xcode 6 中导入时

swift - 当从 tableviewcontroller 中的核心数据填充单元格行时,我如何跳过显示某些条目?

ios - iPad Landscape 和 Portrait 具有 Size Class 的不同布局

ios - 适用于任何设备的带有SpriteKit的iOS 8游戏

objective-c - 在这种情况下如何实现 UINavigationController?

objective-c - 如何利用 Objective-C 中的 *C*?

swift - 给 UISegmentedControl 添加 NSLayoutConstraints 导致 UISegmentedControl 消失

swift autoLayout 覆盖 CGRectMake