betway必威手机版 > betway必威手机版登录 > 屏幕适配

原标题:屏幕适配

浏览次数:54 时间:2020-03-18

  • 1.魅族4和Nokia5宽度一样,5只是比4高176像素,所以5和4一套标准就可以;
  • 2.金立6的推广情势分辨率是640 x 1136,和小米5正好相仿;
  • 3.黑莓6的正规情势分辨率为750 x 1334,全体放大1.5倍适逢其会是摩托罗拉6 Plus的推广形式1125*二零零一。总计:大家得以看到OPPO4、5、6共用一套字体大小标准。摩托罗拉6 plus在拓展情势下的书体赶巧是在那幼功上扩充了1.5倍:

显示屏适配

本章节最主要依然印证怎么着让应用程序能够适配在苹果差异的荧屏和什么让使用中的内容在分化的显示器下可以健康的放置。
现实表达了:

  1. 荧屏适配的前行
  2. autoresizing的使用
  3. autolayout的使用
  4. 代码达成autolayout
  5. sizeClass的使用。

在前几天的源委之上现在采取大批量的实例来证实不相同情状下的适配情势。在那之中首若是autolayout的选取

  • 荧屏适配的上进
  • autoresizing的使用
  • autolayout的使用
  • sizeClass的使用

SizeClasses 详解


iOS 8在行使分界面的可视化设计上增加了二个新的性格-Size Classes。对于别的设施来讲,分界面包车型客车肥瘦和冲天都只分为两种描述:紧密,大肆和从宽。那样开拓者便能够无视设备具体的尺码,而是对这两类和它们的重新组合打开适配。

betway必威登陆平台 1各版本酷派的尺码规格.png

打听荧屏适配的发展史

前言:现在已经不像以前那样唯有叁个尺寸,今后最少的魅族开采需求起码须要适配八个尺码。因而在此之前小编们得以接纳硬坐标去设定各种控件的职位,可是今后的话已经不可以了,大家供给去做适配,可能你说能够动用两套UI或两套以上的UI,但那样不敏捷也不切合设计。iOS有两大活动结构利器:autoresizing 和 autolayout(autolayout是IOS6之后新扩大)。autoresizing是UIView的品质,一贯存在,使用也比较轻松,不过还没autolayout那样强盛。倘若您的分界面比较简单,供给的底细还未那么高,那么你完全可以行使autoresizing去开展机动布局

iphone3/iphone 3GS:未有屏幕适配,直接利用frame固定子控件的高低
iphone4 /4s/ipad:iphone屏幕大小同等,但是一旦张开ipad开荒,就必要考虑显示屏适配
iphone 5/5c/5s:显示器大小不同,供给思考荧屏适配(使用autoresizing/autolayout完结)

为啥苹果推出SizeClasses

  • BlackBerry3gs-4s : frame直接写死。
  • surface : autoresizing —> 依据父控件frame产生退换,子控件跟着一齐改换。
  • 酷派5-三星5s : autolayout —>自动构造。
  • 三星6和HUAWEI6p : size Classes—>发掘荧屏变的太二种化,分界面一定要统一。

手动

可以依据UIDevice 或直接动用显示屏宽度 判定设配的手提式有线电话机型号,并作适配,平时用于接口适配;UI适配不引入应用!

autoresizing的使用

sizeclass

  • 一味是对显示屏举行了分类, 真正排布UI元素还得利用autolayout
  • 不再有横竖屏的定义, 唯有显示器尺寸的定义
  • 不再有切实可行尺寸的概念, 只有抽象尺寸的定义

Frame

粗略的中段设置能够因此frame的装置方法,Autolayout出来未来仍然引入应用Autolayout,一句话:舍弃Frame,拥抱Autolayout!

使用autoresizing的前提
  1. 内需去除autolayout选项,因为这八个属性冲突。view的autoresizesSubviews属性为yes时(默以为yes),autoresizing才会收效

  2. 从XCODE6初步,Storyboard&Xib私下认可是电动构造,因而大家须求手动调解,技能运用autoresizing

![](https://upload-images.jianshu.io/upload_images/2229471-f44eebab11414dc3.png)

sizeclass把宽度和惊人各分为3种状态

  • Compact : 紧凑(小)
  • Any : 任意
  • Regular : 宽松(大)

Autoresizing

Autolayout早先的本子,使用一定有益,但一定要调整当前子控件对于其父控件的排版。

  • sb,xib中一向设置

    betway必威登陆平台 2Autoresizing.jpg

    星型外 上下左右线:选中对应线代表子控件和父控件有个别边缘的间距是长久的星型内 上下左右线: 选中对应线代表:对应的子控件的的长或宽自动跟随父控件改换

  • betway必威登陆平台,代码设置:通过质量:autoresizingMask直白设置。注意:地方设置方式与连线办法相反,是设置某边可伸缩,反之正是对应边角固定,伸缩格局同样。举例要求设置底部边牢固,则要求安装top。

- UIViewAutoresizingFlexible`Left`Margin = 1 << 0, - 距离父控件`左边`的间距是伸缩的- UIViewAutoresizingFlexible`Right`Margin = 1 << 2, - 距离父控件`右边`的间距是伸缩的- UIViewAutoresizingFlexible`Top`Margin = 1 << 3, - 距离父控件`上边`的间距是伸缩的- UIViewAutoresizingFlexible`Bottom`Margin = 1 << 5 - 距离父控件`下边`的间距是伸缩的- UIViewAutoresizingFlexible`Width` = 1 << 1, - `宽度`跟随父控件`宽度`进行伸缩- UIViewAutoresizingFlexible`Height` = 1 << 4, - `高度`跟随父控件`高度`进行伸缩
安装面板表明

betway必威登陆平台 3

sizeclass中的符号代表

  • Compact: -
  • Any: *
  • Regular:

本文由betway必威手机版发布于betway必威手机版登录,转载请注明出处:屏幕适配

关键词: iOS开发 iOS 适配 03-UI 手机开发

上一篇:Android关于沉浸式状态栏的一些总结,看这一篇就

下一篇:没有了