美文网首页
屏幕适配

屏幕适配

作者: Coder007 | 来源:发表于2016-03-29 11:53 被阅读249次

适配

  • 什么是适配?

    • 适应、兼容各种不同的情况
  • iOS开发中的适配?

    • 系统适配
      • 针对不同版本的操作系统进行适配
    • 屏幕适配
      • 针对不同大小的屏幕尺寸进行适配
  • iPhone的尺寸

    • 3.5、4.0、4.7、5.5
  • iPad的尺寸

    • 7.9、9.7
  • 屏幕方向

    • 竖屏
    • 横屏
  • 设备分辨率

    • 当然了,我们开发用到的都是点,设计用的是像素
设备 尺寸 像素
iPhone \ iPhone 3G \ iPhone 3GS 3.5 inch 320 x 480 320 x 480
iPhone 4 \ iPhone 4S 3.5 inch 640 x 960 320 x 480
iPhone 5 \ iPhone 5C \ iPhone 5S 4.0 inch 640 x 1136 320 x 568
iPhone 6 \ iPhone6s 4.7 inch 750 x 1334 375 x 667
iPhone6 plus \ iPhone6s plus 5.5 inch 1242 x 2208 414 x 736
iPad \ iPad2 9.7 inch 768 x 1024 768 x 1024
iPad 3(The new iPad) \ iPad4 \ iPad Air 9.7 inch 1536 x 2048 1536 x 2048
iPad Mini 7.9 inch 768 x 1024 768 x 1024
iPad Mini 2(iPad Mini with retina display) 7.9 inch 1536 x 2048 768 x 1024
  • Autoresizing
/**
    UIViewAutoresizingNone    不自动调整
    UIViewAutoresizingFlexibleLeftMargin   自动调整与superview的左边的距离,保证与superview右边的距离不变

    UIViewAutoresizingFlexibleRightMargin  自动调整与superview的右边距离,保证与superview左边的距离不变

    UIViewAutoresizingFlexibleTopMargin    自动调整与superview的顶部的距离,保证与superview底部的距离不变

    UIViewAutoresizingFlexibleBottomMargin 自动调整与superview底部的距离,保证与superview的顶部的距离不变

    UIViewAutoresizingFlexibleWidth        自动调整自己的宽度,保证与superview左边和右边的距离不变

    UIViewAutoresizingFlexibleHeight       自动调整自己的高度,保证与superview 的顶部和底部的距离不变
*/
   view.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleWidth;

  • Autolayout
    • Autolayout不是一句两句能说清楚的,这里就不做介绍了,如果想学习,可以去找一些公开课之类的教程,看看别人的操作,然后自己多练习。
    • 当然了,很多老的项目是不用Autolayout的,大部分都是手写的代码。
    • 后面会单独写一篇关于Masonry的使用。

相关文章

  • 屏幕适配总结

    屏幕适配总结 为什么要针对屏幕做适配 drawable目录常见问题 : 屏幕适配方案:

  • Android屏幕适配-应用篇

    目录 Android屏幕适配-基础篇Android屏幕适配-应用篇 Android屏幕适配最主要的原因:  是由于...

  • 屏幕适配的那些坑

    屏幕适配的那些坑 屏幕适配的那些坑

  • LayaAir屏幕适配

    LayaAir屏幕适配 官方教程链接:LayaAir实战开发11-屏幕适配 屏幕适配 随着移动端设备(手机、平板、...

  • she

    1.适配的分类 系统适配 屏幕适配 1.1屏幕适配历史 1.1.1autoresizing 去掉auto layo...

  • Android屏幕适配

    一. 为什么要适配屏幕 android屏幕大小、屏幕密度碎片化严重 二. 怎么样适配屏幕 图片适配 应用图标提供不...

  • 屏幕适配AutoResizing

    适配器简介 AutoResizing 屏幕适配的历史 -iPhonestyGS\IPhone4 -没有屏幕适配可言...

  • css media 适配屏幕宽度

    H5 屏幕适配 css media 适配屏幕宽度;js 通过 适配获取屏幕宽度,来执行对应方法; max-widt...

  • 关于iOS适配的一点事

    屏幕适配及文字适配

  • Android屏幕适配(4)常见:第三种

    前言:Android屏幕适配(1)基础知识篇Android屏幕适配(2)常见:第一种Android屏幕适配(3)常...

网友评论

      本文标题:屏幕适配

      本文链接:https://www.haomeiwen.com/subject/znkslttx.html