autoLayout+sizeClass屏幕适配

一.屏幕适配(autoLayout+sizeClass) 1.目前市面上的主流布局形式: a. frame 布局,通过代码计算(老程序员习惯使用) b. autoLayout(新的出现)与sizeClass的结合使用,完美的解决了不同尺寸屏幕横竖屏的问题 2.autoLayout的核心概念 a.参照 b.约束 autoLayout的警告和错误警告:控件的当前的frame,与约束设置的不匹配,就会导致错误,比如:约束空间的高度为200,但控件当前的高度为300,类似这种就会给出解决方案错误:…

iOS屏幕适配-iOS笔记

学习目标 1.[了解]屏幕适配的发展史 2.[了解]autoResizing基本用法 3.[掌握]autoLayout 的基本用法 4.[掌握]autoLayout代码实现 5.[理解]sizeClass的基本用法一.屏幕适配的发展史随着iOS屏幕尺寸越来越多样化,屏幕适配也就越来越重要了. iphone1 - iphone3gs时代,window的size固定为(320,480).我们只需要简单计算一下相对位置就好了,不需要做屏幕适配. iphone4 - iphone4s时代,苹果推出了…

屏幕适配/autoLayout autoresizingMask

#pragma mark-- 屏幕适配/autoLayout autoresizingMask 1> 发展历程代码计算frame -> autoreszing(父控件和子控件的关系) -> autolayout(任何控件都可以产生关系) -> sizeclass 2> sizeclass * 仅仅是对屏幕进行了分类, 真正排布UI元素还得使用autolayout * 不再有横竖屏的概念, 只有屏幕尺寸的概念 * 不再有具体尺寸的概念, 只有抽象尺寸的概念 * 把宽度和高度各…

屏幕适配-使用autoLayout

当遇见xib中无法删除的控件时. 将这个错误的控件拖离本xib(第一个元素.xib文件是有许多元素组成的集合),确保这个xib是正确的.重新创建一个xib文件,将这个正确的xib元素整个复制过去. 在finder 删除旧文件. 实例一.粉色view 参照橙色view: 等宽等高,左对齐,间距10. 1>按住control,从粉色view拖线到橙色view 松手 2>按住shift键勾选下图四个位置,然后点击Add Constraints 3>如果没有红线,表示没有冲突. 'command…

【转】iOS屏幕适配

一.iOS屏幕适配发展历程设备适配技术 4及以前(iPad未出) 直接用代码计算有了iPad autoResizing 有不同屏幕的iPhone后 autoLayout 有更多不同屏幕的iPhone后 sizeClass 二.各个技术的特性 1. 直接用代码计算由于屏幕的大小都一样,只有横竖屏的情况,可以直接计算 2. autoResizing 适合于控件与其父控件的关系各属性的解释属性解释 UIViewAutoresizingNone 不会随父视图的改变而改变 UIViewAut…

IOS 了解新技术（UIPresentationController，屏幕适配）

1.了解有什么新技术1> 苹果API文档 - General - Guides - iOSx API Diffs2> 观看WWDC会议视频 2.如何使用新技术 1> 自己根据API文档尝试新的类和新的方法2> 百度:iOSx开发3> 苹果API文档 - xxx - SampleCode* 比如Cocoa Touch Layer - UIKit4> github网站:搜索新技术新代码, 比如搜索Presentation 3.推荐学习网站 1> 个人博客:技术大牛唐巧…

iOS ：学习新技术途径和sizeClasses屏幕适配

1.了解有什么新技术 1> 苹果API文档 - General - Guides - iOSx API Diffs 2> 观看WWDC会议视频 2.如何使用新技术 1> 自己根据API文档尝试新的类和新的方法 2> 百度:iOSx开发 3> 苹果API文档 - xxx - SampleCode * 比如Cocoa Touch Layer - UIKit 4> github网站:搜索新技术新代码, 比如搜索Presentation 3.推荐学习网站 1> 个人博客:…

iOS学习笔记24-不断进化的屏幕适配

一.屏幕适配 iOS的屏幕适配可以分为3大块,代表着不同时期的屏幕适配主流: AutoResizing:在iOS6之前,完全能够胜任,因为当时苹果只有3.5寸屏,加上比较少的支持横屏,它有非常大的局限性:只能相对于父控件布局 AutoLayout:在iOS6之后,苹果多了几个尺寸屏幕,AutoResizing已经无能为力了,这时候苹果推出了AutoLayout,功能十分强大,可以再任意两个控件之间建立布局关系,也是现在的主流. SizeClass:随着iOS8系统的发布,一个全新的页面UI布局概…

iOS开发点滴：iPhone屏幕适配

最近开始做iOS开发,遇到一些小问题和解决方法,记录下. 今天是iPhone屏幕适配 iPhone5出来之后屏幕就有iPhone就有了2种尺寸:3.5寸和4寸,xcode 5 的IB设计器里面界面是4寸的,把按钮放到底部,模拟器选成3.5寸的按钮就看不到了,找到了解决方法: http://stackoverflow.com/questions/18248789/xcode-autosizing-preview-window-missing 注意,文字内容说的是uncheck "Use Aut…

iOS屏幕适配

## iOS屏幕适配 ### iOS屏幕适配发展史 1> iPhone4以前(没有iPad) * 不需要屏幕适配 2> iPad.iPhone5等设备出现 * 需要做横竖屏适配 * autoresizing a) 解决子控件和父控件的适配问题 b) 子控件跟随父控件的一些行为进行自动调整 3> iOS 6.0开始 * autolayout a) 解决任何控件的适配问题 b) 一个控件可以跟随其它任意控件的一些行为进行自动调整 ### autoresizing 1.autoresizing…

【收藏】Android AutoLayout全新的适配方式，堪称适配终结者

来源:http://blog.csdn.net/lmj623565791/article/details/49990941 更多:Android屏幕适配全攻略(最权威的Google官方适配指导) 一.概述相信Android的开发者对于设配问题都比较苦恼,Google官方虽然给出了一系列的建议,但是想要单纯使用这些建议将设备很轻松的做好,还是相当困难的.个人也比较关注适配的问题,之前也发了几篇关于适配的文章,大致有: Android 屏幕适配方案 Android 百分比布局库(percent-s…

【收藏】Android屏幕适配全攻略(最权威的Google官方适配指导)

来源:http://blog.csdn.net/zhaokaiqiang1992 更多:Android AutoLayout全新的适配方式, 堪称适配终结者 Android的屏幕适配一直以来都在折磨着我们这些开发者,本篇文章以Google的官方文档为基础,全面而深入的讲解了Android屏幕适配的原因.重要概念.解决方案及最佳实践,我相信如果你能认真的学习本文,对于Android的屏幕适配,你将有所收获! Android屏幕适配出现的原因重要概念屏幕尺寸屏幕分辨率屏幕像素密度 dpdip…

iOS开发——UI基础-屏幕适配

一.适配 1.什么是适配?适应.兼容各种不同的情况 2.移动开发中,适配的常见种类 2.1系统适配针对不同版本的操作系统进行适配 2.2屏幕适配针对不同大小的屏幕尺寸进行适配二.点和像素 1.在用户眼中屏幕是由无数个像素组成的像素越多,屏幕越清晰 2.在开发者眼中屏幕是由无数个点组成的,点又是由像素组成的像素越多,屏幕越清晰三.Autoresizing简介 1.在Autolayout之前,有Autoresizing可以作屏幕适配,但局限性较大,有些任务根本无法完成相比之下,Autolay…

Android AutoLayout全新的适配方式堪称适配终结者（转）

一.概述相信Android的开发者对于设配问题都比较苦恼,Google官方虽然给出了一系列的建议,但是想要单纯使用这些建议将设备很轻松的做好,还是相当困难的.个人也比较关注适配的问题,之前也发了几篇关于适配的文章,大致有: Android 屏幕适配方案 Android 百分比布局库(percent-support-lib) 解析与扩展 Android 增强版百分比布局库为了适配而扩展 ok,我大致说一下,没看过的先看完这篇,再考虑看不看以上几篇,本篇的灵感是来自以上几篇,但是适配的方便程度.…

iOS:界面适配(三)--iPhone不同机型或设备不同尺寸适配（屏幕适配）和系统适配

对于不同苹果设备,各个参数查看<iOS:机型参数.sdk.xcode各版本>. 机型变化坐标:表示屏幕物理尺寸大小,坐标变大了,表示机器屏幕尺寸变大了: 像素:表示屏幕图片的大小,跟坐标之间有个对应关系,比如1:1或1:2等: ppi:代表屏幕物理大小到图片大小的比例值,如果ppi不变,则坐标和像素的比例不会变: iPhone 4以前 iPhone.iPhone3/3G机型未采用retina,坐标是320 x 480,屏幕像素320 x 480 ,他们一一…

iOS开发——屏幕适配篇&Masonry详解

Masonry详解前言 MagicNumber -> autoresizingMask -> autolayout 以上是纯手写代码所经历的关于页面布局的三个时期在iphone1-iphone3gs时代 window的size固定为(320,480) 我们只需要简单计算一下相对位置就好了在iphone4-iphone4s时代苹果推出了retina屏但是给了码农们非常大的福利:window的size不变在iphone5-iphone5s时代 window的size变了(320,568…

iOS屏幕适配方案－Auto Layout

市场上的android手机五花八门.各种尺寸的屏幕让android程序员们比較头疼. 也有一些大神写了一些博客提出了自己的观点.iOS貌似也迎来了大屏6+,因此屏幕适配的问题也是有滴,因此苹果也有自己的方法-auto Layout . 本人初学iOS.今天学了自己主动布局.在学习的过程中,毕竟还是有些知识点没有接触到的,因此写这篇博客来深入的了解一下Auto Layout. 官方解释: Auto Layout 是一个系统,能够让你通过创建元素之间关系的数学描写叙述来布局应用程序的用户界面.--<…

iPhone屏幕适配，历史及现状(http://hjcapple.github.io/2014/10/10/iphone-screen.html)

iPhone屏幕适配,历史及现状初代iPhone 2007年,初代iPhone发布,屏幕的宽高是320×480像素.下文也是按照宽度,高度的顺序排列.这个分辨率一直到iPhone 3GS的也保持不变. 那时编写的iOS应用程序的(应用程序),只支持绝对定位.比如一个按钮(X,Y,宽度,高度)=(20,30,40,50),就表示它的宽度是40像素,高度是50像素,放在(20,30)像素的位置. iPhone 4 2010年,iPhone 640×960像素. 这样就出现一个问题,怎么让原有的Ap…

Android屏幕适配笔记

1.限定符为了适配不同屏幕大小的android手机或android平板,有时候就需要利用限定符来为不同的屏幕设定不同的布局文件,在一般情况下我们都是在layout文件夹下为某个活动准备一个默认的布局文件,而在大屏幕设备上,这个布局文件可能就不怎么适用了.因此,我们可以利用限定符large,在res目录下新建一个layout_large文件夹,再新建一个同名的布局文件. 这样,当程序运行在了大屏幕设备上时,android就会自动地加载layout_large文件夹下的布局文件,其他情况下还是会加…

IOS开发之绝对布局和相对布局(屏幕适配)

之前如果做过Web前端页面的小伙伴们,看到绝对定位和相对定位并不陌生,并且使用起来也挺方便.在IOS的UI设计中也有绝对定位和相对定位,和我们的web前端的绝对定位和相对定位有所不同但又有相似之处.下面会结合两个小demo来学习一下我们IOS开发中UI的绝对定位和相对定位.在前面的博客中所用到的UI事例用的全是绝对定位,用我们Storyboard拖拽出来的控件全是绝对定位的,就是我们可以同改变组件的frame来改变组件的位置和大小.而相对定位则不同,相对定位是参考组件周围的元素来确定组件的大小或…

JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案

1. 设置屏幕适配策略(Resolution Policy) 如果你还没有用过Resolution Policy,只需要在游戏载入过程完成之后(cc.game.onStart函数回调中),调用下面的代码: cc.view.setDesignResolutionSize(320, 480, cc.ResolutionPolicy.SHOW_ALL); setDesignResolutionSize函数的前两个参数是你想要在你的代码中使用的游戏分辨率,第三个参数就是你选择的适配方案.引擎中内置了5种…

【iOS】屏幕适配之NSLayoutConstraint

前言如何实现一张图片在iPhone和iPad上显示不同的尺寸,我了解到一般有三种办法:直接手写代码动态添加约束:把NSLayoutConstraint关联到ViewController里再viewDidLoad里面加判断赋值:用size classes(这个目前还不太会).这里分享一个直接在Storyboard里面就适配的办法. 声明欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com…

Android 屏幕适配

前言手机的屏幕适配一直是非常麻烦的,现在我就以做笔记的方式来简单梳理下单位理解首先让我们先来看看关于手机所用到的单位真实物理尺寸单位: mm:表示毫米,是屏幕的物理尺寸. in:表示英寸,是屏幕的物理尺寸.每英寸等于2.54厘米.例如,形容手机屏幕大小,经常说,3.2(英)寸.3.5(英)寸.4(英)寸就是指这个单位.这些尺寸是屏幕的对角线长度.如果手机的屏幕是3.2英寸,表示手机的屏幕(可视区域)对角线长度是3.2*2.54 = 8.128厘米. pt:表示一个点,是屏幕的真实物理尺寸…

了解真实的『REM』手机屏幕适配

rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用.使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果. rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进行长度计算.一般认为网页中的根节点是 html 元素,所以采用的方式也是通过设置 html 元素的 font-size 来做屏幕适配,但实际情况真有这么简单吗? 首先我们来看看使用 rem 实现手机屏幕适…

Android屏幕适配全攻略 (转载)

http://blog.csdn.net/jdsjlzx/article/details/45891551 https://github.com/hongyangAndroid/AndroidAutoLayout#注意事项 Android屏幕适配全攻略 http://www.cocoachina.com/android/20151030/13971.htmlandroid多分辨率适配 http://blog.csdn.net/z343929897/article/details/27337537…