不同ios设备上的布局问题

时间:2017-08-15 14:53:12

标签: ios fonts

我正在使用带有标签和按钮等元素的故事板。问题是字幕对于我的移动显示来说太大了,所以最后的字会被剪切掉 我注意到字体大小似乎比其他应用程序大一点,所以我想问一下默认的字体大小是什么? 然而,如果我减少字体,则在各种设备上可能存在问题,例如, iPhone或iPad上的演示文稿? 是否有必要创建不同的故事板,每个故事板每个设备或通常的程序是什么?

2 个答案:

答案 0 :(得分:0)

有一个名为“最小字体比例”的选项可能很有用,并且有一个内置功能可以使您的UI适应不同的设备:

https://developer.apple.com/library/content/featuredarticles/ViewControllerPGforiPhoneOS/TheAdaptiveModel.html#//apple_ref/doc/uid/TP40007457-CH19-SW1

来自一个网站的教程帮助我了解了很多iOS概念(这是我使用过的,已经针对ios11进行了更新)

https://www.raywenderlich.com/162311/adaptive-layout-tutorial-ios-11-getting-started

答案 1 :(得分:0)

解决方案使用Xcode 9:
Xcode故事板可以选择不同尺寸(iPad和iPhone)和不同方向(横向和纵向)的用户界面元素的配置,它们是任意,紧凑,常规与Size Class集成。

尺寸等级还允许为iPhone和iPhone设置不同的字体大小。 ipad公司

按照以下步骤操作,以便轻松掌握,如何使用Size类来解决您的问题。

  1. 在故事板中添加标签 - 查看控制器布局
  2. 选择标签并打开“属性检查器”
  3. 有一个小' +' '字体'左侧的图标属性。点击' +'图标。它会为您提供一个带有标签字体大小选项的小型popover。
  4. 对于iPhone,它默认设置/选择时会显示紧凑的宽度和常规高度。现在将高度和宽度更改/设置为常规和单击“添加变体”,这将为iPad(具有常规高度和宽度的设备)添加字体大小的新变体。
  5. 将字体大小从17更改为40,以便更改' wR x hR' (如此快照所示)
  6. enter image description here


    以下是iPhone和iPad的变化结果

    enter image description here