【问题标题】:How to apply design guide for iPhone 6?如何申请 iPhone 6 的设计指南?
【发布时间】:2016-06-15 11:38:44
【问题描述】:

虽然我是 iOS 新手,但我向设计师询问了一个应用程序。 他给了我 iPhone 6 的设计指南。

如何将设计指南应用于其他设备,如 iPhone 4S,分辨率较低,比例不同。

我将如何应用设计指南? 我目前正在使用自动布局,但我完全不了解自动布局。

有没有关于这个问题的参考资料?

【问题讨论】:

    标签: ios autolayout


    【解决方案1】:

    如果您是新手,那么您必须知道如何以编程方式检测您正在使用的设备。 这些是macros 用这些来检测

    #define IS_IPAD         (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad)
    
    #define IS_IPHONE       (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)
    #define IS_IPHONE_4     (IS_IPHONE && [[UIScreen mainScreen] bounds].size.height == 480.0)
    #define IS_IPHONE_5     (IS_IPHONE && [[UIScreen mainScreen] bounds].size.height == 568.0)
    #define IS_IPHONE_6     (IS_IPHONE && [[UIScreen mainScreen] bounds].size.height == 667.0)
    

    现在您可以使用这些来制作任何视图,例如,如果您想创建屏幕尺寸宽度和高度为 100 的按钮。

    那么这是为任何设备以编程方式创建按钮的方法

    float screenWidth=[UIScreen mainScreen].bounds.size.width;
    float screenHeight=[UIScreen mainScreen].bounds.size.height;
    
    UIButton *btnLock=[UIButton buttonWithType:UIButtonTypeCustom];
    btnLock.frame= CGRectMake(0, 50, screenWidth, 100);
    btnLock.backgroundColor=[UIColor redColor];
    [self.view addSubview:btnLock];
    

    如果您想以编程方式编码,这是一种方式。谢谢

    【讨论】:

    • 我必须以编程方式应用该指南吗?有时我将视图放在 xib 中。
    • 如果你推送 xib 没问题,在 xib 中你也可以以编程方式制作任何视图。这是一种方法,先生。
    • 抱歉,我是 iOS 新手。不同设备的填充如何?例如,iPhone 6 中具有 10 个左填充和 10 个右填充的按钮。它们应该在 iPhone 4 中更小,在 iPhone 6 Plus 中更大吗?字体大小呢?
    【解决方案2】:
    float screenWidth=[UIScreen mainScreen].bounds.size.width;
    float screenHeight=[UIScreen mainScreen].bounds.size.height;
    
    int padding = 10;
    UIButton *btnLock=[UIButton buttonWithType:UIButtonTypeCustom];
    btnLock.frame= CGRectMake(padding, 50, screenWidth-padding*2, 100);
    btnLock.backgroundColor=[UIColor redColor];
    [self.view addSubview:btnLock];
    

    这将为每个 iPhone 提供 10 填充。试试看谢谢

    【讨论】:

    • 我问不同设备的填充大小是否应该不同。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-18
    • 2010-09-15
    • 2015-11-19
    • 1970-01-01
    • 2010-10-24
    相关资源
    最近更新 更多