`
wjjxf
  • 浏览: 240498 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用ios的autolayout做UI

 
阅读更多

        之前一直用的是老的坐标定位,和自动缩放进行ui定位,现在iphone6出来了,尺寸又变了,为了适应各种屏幕,以前的通过判断设备类型和设备屏幕大小调用不同的xib已经有点过时了,或者说太浪费时间了,也可以说是一种bug。现在必须使用新的autolayout来定义界面。


        使用autolayout必须知道Constraints。就是约束规则,通过定义一系列规则来描述某个控件的位置和大小,和其他控件的关系,同时可以定义优先级,优先考虑优先级高的规则。
Constraints包含以下规则:
1.自身规则。
定义自己的宽度或者高度,定义自己距离父窗口上下左右的距离,或者是居中点。
2.和其他控件规则。
定义2个控件的上下左右对齐方式,定义2个空间的上下距离。
基本上通过这2种规则的定义,我们就可以轻松的描述一个界面的信息,而且可以在iPhone4s,iPhone5,iPhone6,以及ipad上都能保持良好适配。


        ios8还支持SizeClasses,对于某一下在pad上和phone上希望显示不同的控件,或者不同的控件大小,都可以通过这个功能,完成,比如aW,aH表示任意的设备,rW,aH表示一个pad等。不过个人觉得这个功能有点落伍,把在代码中判断设备的功能放到ui编辑器了而已。


        此外ios6和7、8对于autolayout的理解方式不一样,比如ios7和8中如果是个UITabBarController的一个界面,最下面的空间的bottom规则定义是,距离父窗口底部距离是49(49是tabbar的高度),而在ios6中则应该定义为距离父窗口的底部距离是0。而这个只能在代码里硬判断,然后手动添加规则了。估计这也是在xcode6中开始放弃ios6的原因吧。

 

分享到:
评论

相关推荐

    iOS autolayout+scrollview

    在iOS开发中,AutoLayout和UIScrollView的结合使用是构建可扩展、自适应用户界面的关键技术。本文将深入探讨如何在纯代码环境下,利用AutoLayout来布局UIScrollView,使其能适应不同尺寸的屏幕,提供良好的用户体验...

    ios autolayout

    在 iOS 7 及以后的版本中,Apple 引入了 AutoLayout 作为布局管理的主要工具,极大地提高了 UI 设计的灵活性和可维护性。 ### 1. AutoLayout 基础概念 AutoLayout 是一套基于约束(Constraints)的系统,用于定义...

    iOS8开发~UI布局(三)深入理解autolayout

    在iOS应用开发中,UI布局是一项至关重要的任务,特别是在iOS8及更高版本中引入了AutoLayout和Size Classes,使得开发者可以构建适应不同设备和屏幕尺寸的界面。本篇将深入探讨AutoLayout,揭示其核心概念、工作原理...

    IOS6 autolayout例子

    **iOS6 AutoLayout详解** AutoLayout是iOS6中引入的一项重大更新,旨在为开发者提供一套强大的界面布局系统,能够自动管理视图(views)在不同屏幕尺寸和设备方向下的位置和大小。AutoLayout通过定义一系列约束...

    iOS8AutoLayout-Demo3

    在iOS应用开发中,UI设计和布局是至关重要的部分,特别是在iOS8及更新版本中,引入了AutoLayout和Size Classes,极大地增强了界面的适应性和可维护性。本Demo3将详细解析如何在Storyboard中利用这两种技术来构建...

    iOS史上最全的UI笔记

    在iOS开发中,通过使用UIKit框架,开发者可以为UI元素设置合适的字体和颜色,以符合应用的风格和主题。 在用户界面的交互方面,笔记涉及到了手势识别(Gesture Recognizer)的概念。手势识别允许用户通过触摸屏幕来...

    ios-PSUIToolControl工厂建UI.zip

    【标题】:“ios-PSUIToolControl工厂建UI.zip”是一个关于iOS应用用户界面(UI)开发的资源包。这个代码库可能包含了一个名为“PSUIToolControl”的自定义控件工厂类,用于简化和标准化iOS应用中的UI构建过程。 ...

    Modern Auto Layout

    标签“ios au Ios co ios ui”中出现了一些拼写错误,应该是“ios autolayout ios constraints ios ui”,表示该教程将重点讨论Auto Layout、约束和iOS用户界面设计的知识。 教程内容涵盖了从基础到高级的知识点,...

    autolayout三种实现

    在iOS开发中,AutoLayout是苹果提供的一种强大的布局系统,用于在不同屏幕尺寸和设备上创建灵活、响应式的用户界面。本篇文章将深入探讨AutoLayout的三种主要实现方式:XIB(Interface Builder)、代码编程以及...

    iOS UI 快速开发.zip

    9. **性能优化**: 避免在主线程进行耗时操作,使用异步加载图片和数据,合理使用AutoLayout的priority和contentCompressionResistancePriority,都是提升UI性能的关键。 10. **第三方库**: 如"ZTUIStyle-master"所...

    AutoLayOUt

    AutoLayout是一种界面布局系统,由Apple引入,它允许开发者在iOS和macOS应用中定义UI元素之间的关系,以及这些关系如何随屏幕尺寸和设备方向的变化而变化。通过设置约束(Constraints),开发者可以确保用户界面在...

    swift-Caishen实现一个iOS的信用卡UI和校验器

    2. 使用AutoLayout或者SwiftUI进行布局,确保在不同屏幕尺寸上都能适配。 3. 一个信用卡校验器类,包含Luhn算法的实现,用于验证输入的信用卡号是否有效。 4. 视图控制器,将UI元素与业务逻辑连接起来,处理用户交互...

    ios7 UI过渡指南中文翻译版

    同时,需要考虑是否支持iOS 6,以及如何使用AutoLayout来减少适配工作量。 3. 应用图标更新: 每个应用必须更新其图标以适应iOS 7的要求。新的图标尺寸是120像素*120像素,适用于高分辨率显示屏。 4. UI过渡的范围...

    使用AutoLayout动态计算UITableViewCell高度

    在iOS开发中,UITableView是一种常见的UI组件,用于展示列表数据。然而,对于具有复杂内容的单元格,如多行文本、图像或者自定义视图,动态计算单元格的高度显得尤为重要,因为固定高度无法满足所有场景的需求。这...

    awesome-ios-ui.zip

    再如SnapKit,它是一个强大的Swift绑定库,用于简化AutoLayout的使用,使开发者能更容易地创建复杂的界面布局。 在实际开发中,这些开源库可以帮助开发者快速实现功能,减少重复工作,并提升应用的整体质量。同时,...

    ios-填空题适用UI.zip

    本项目"ios-填空题适用UI.zip"提供了一个使用Objective-C(OC)编写的简单实现,它使用了原生的iOS控件来构建这一功能。尽管这个实现可能在视觉效果上还有提升空间,但对于那些对界面要求不高的开发者来说,它是一个...

    MyLinearLayout:MyLayout是由Objective-C实现的功能强大的iOS UI框架。 它与Android Layout,iOS AutoLayout,SizeClass,HTML CSS float和flexbox和bootstrap集成了功能。 因此,您可以使用LinearLayout,RelativeLayout,FrameLayout,TableLayout,FlowLayout,FloatLayout,PathLayout,GridLayout,LayoutSizeClass

    它集成了以下功能:iOS的Autolayout和SizeClass,Android的五个布局类,float和flex-box以及HTML / CSS引导程序。 MyLayout的Swift版本的名称为: 中文(简体): 用法 有一个容器视图S,其宽度为100,高度包装为...

    TangramKit:TangramKit是由Swift实现的功能强大的iOS UI框架。 它将功能与Android布局,iOS AutoLayout,SizeClass,HTML CSS float和flexbox和bootstrap集成在一起。 因此,您可以使用LinearLayout,RelativeLayout,FrameLayout,TableLayout,FlowLayout,FloatLayout,LayoutSizeClass来构建您的App。自动布局UIView UITableView

    它集成了以下功能:iOS的Autolayout和SizeClass,Android的五个布局类,float和flex-box以及HTML / CSS引导程序。 TangramKit的Objective-C版本名为: 中文(简体): 用法 有一个容器视图S,其宽度为100,高度...

    swift autolayout布局及动画

    Swift Autolayout是苹果开发的UI布局框架,用于在iOS、macOS等平台上进行自动布局。这个框架使得开发者能够在不同尺寸的屏幕上创建适应性强、响应式的用户界面。在Xcode 6.3中,Autolayout已经成为开发过程中不可或...

Global site tag (gtag.js) - Google Analytics