首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

深入详解iOS适配技术

(其实也不是不可取,很多iOS开发者做屏幕适配的时候不是用的autoresizing或autolayout,而是以代码的方式动态获取屏幕的尺寸,然后根据屏幕的尺寸来写死子控件的frame。...周围的四条虚线分别代表子控件距离父控件上、下、左、右之间的距离关系/或者叫约束关系,周围的四条虚线所包围的小方块代表子视图,小方块内部的两条带双向箭头的线分别代表子控件的宽度和高度。...UIView有一个autoresizingMask属性,可以通过该属性来约束父子视图之前的位置关系,并且UIView还有一个BOOL类型的autoresizesSubviews属性,默认为YES,代表父控件会跟随子控件尺寸的变化而变化...storyBoard上的autoresizing.gif 注意:Autoresizing只能设置父子视图之间的关系,也就是说,Autoresizing只能控制子视图和父视图之间的位置/大小关系。...Autoresizing不能设置兄弟视图之间的关系,当然也不能设置完全不相关的两个视图之间的关系。

8.5K70

iOS的MyLayout布局系列-流式布局MyFlowLayout

arrangedCount参数则是指定布局方向排列的子视图的数量约束值,当设置为0时则表示建立的不是数量约束布局而是内容填充约束布局。...另外在一些布局场景中我们还可以做如下的设置: 1.在垂直内容填充约束布局中,我们可以设置某个子视图的宽度和布局视图的宽度建立约束关系,以及让某个子视图的高度同子视图的宽度建立约束关系,也就是说可以设置子视图...(子视图.heightSize) 3.在垂直数量约束布局中,我们可以设置某个子视图的高度同子视图的宽度建立约束关系,也就是说可以设置子视图.heightSize.equalTo(子视图.widthSize...) 4.在水平数量约束布局中,我们可以设置某个子视图的宽度同子视图的高度建立约束关系,也就是说可以设置子视图.widthSize.equalTo(子视图.heightSize) 四、流式布局内子视图的停靠设置...这里需要注意的是arrangedGravity描述的所有的行内或者列内的停靠对齐方式,而不是只针对于某个一行或者一列,而gravity则用来描述所有子视图整体的停靠位置。

2.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    iOS界面布局的核心以及TangramKit介绍

    这套机制通过设置视图之间的位置和尺寸的约束以及对屏幕尺寸进行分类的方式来完成界面的布局和屏幕的适配工作。...但是这种递归和传递关系不能形成一个闭环依赖,也就是说在依赖关系的最终节点视图的尺寸的值必须是一个绝对值类型或者特定的相对值类型(wrap包裹值),否则的话我们将形成约束冲突而进入死循环的场景。...刚才我们说过如何排列容器视图中的子视图是要根据具体的应用场景而定, 比如有可能是所有子视图从上往下按照添加的顺序依次排列,或者子视图按照某种约束依赖关系来进行布局排列,或者子视图需要多行多列的排列等等。...框架布局里面的子视图只跟框架布局视图的边界建立约束关系。框架布局和Android中的框架布局FrameLayout提供一样的功能。...因此相对布局里面的所有子视图都要设置位置和尺寸的约束和依赖关系。相对布局和iOS的AutoLayout以及Android中的相对布局RelativeLayout提供一样的功能。

    2.2K30

    setNeedsLayout和layoutIfNeeded看我就懂!

    强制刷新布局,调用 setNeedsLayout,如果想马上刷新界面,调用layoutIfNeeded 二、setNeedsLayout跟layoutIfNeded setNeedsLayout调整视图的子视图的布局时...您可能会想知道为什么在我们进行约束更改之前呢。苹果认为这是一个最佳做法,以确保任何以前的更新等待更新周期的完成,所以我已经添加了它。...当这样的约束被更新时,它会自动执行相当于setNeedsLayout的操作,因此在下一个更新周期内不需要更新视图。我们可以没有更多的代码,你会看到更新,但它不会有动画效果。...在这种情况下单击按钮将立即根据更新的约束更新视图大小,而不是动画更新。等一下,如果我们没有使用layoutIfNeeded,为什么会立即? 对我们而言,红色视图的大小变化立即发生。...** 因此,由于我们的代码已经标记该视图需要通过setNeedsLayout进行布局更新,所以是在更新周期中立即启动视图更新,而不是从更新周期开始约束更改和帧移动的动画。

    2.7K90

    iOS界面布局之二——初识autolayout布局模型

    二、autolayout的设计思想     正如storyboard的设计目的是为了让开发者将更多的精力投入到逻辑实现而不是界面布局一样。...autolayout的设计思想是让开发者将布局上更多的精力放在控件关系上而不是坐标。我们只需要关心控件之间的摆放关系,而并不需要关心这是如何实现的。...几点注意: *线是橙色代表警告,我们没有添加足够的约束来确定位置或者约束有矛盾。 *如果线的中间显示的不是等号,而是数字,则是因为视图1和2的尺寸设置的不等,约束有矛盾。...这时1的左边又会增加一条线: ? 点击这条线,在右边的设置去将约束值设置为20: ? (3)重复上面步骤,选中视图2,添加Trailing Space to Superview约束。...3、自动布局的几种对其方式     在xcode导航的Editor菜单中,还有一个子菜单,Align,这里面的选项可以为控件添加对其约束: ?

    1K30

    【Android从零单排系列三十】《Android布局介绍——RelativeLayout》

    对齐方式:RelativeLayout支持多种对齐方式来控制子视图的位置,包括与父容器对齐(如android:layout_alignParentTop)、与其他视图对齐(如android:layout_toRightOf...每个子视图都可以通过设置android:layout_alignXXXX属性来指定与其他视图的相对位置关系。布局规则作用于子视图,而不是整个容器,使得开发者能够更精确地控制视图的放置方式。...编程控制:除了在XML布局文件中设置属性外,开发者也可以通过编程方式使用RelativeLayout的方法来动态地添加和管理子视图,例如使用addView()、setLayoutParams()等方法。...可选:使用编程方式操作RelativeLayout。         除了在XML布局文件中设置属性之外,你还可以使用Java代码动态地操作RelativeLayout。...五 总结 RelativeLayout提供了更灵活的布局能力,使开发者能够精确控制子视图之间的位置关系。它适用于复杂的界面布局,特别是需要根据相对位置来调整UI元素的场景。

    58830

    浅汇-iOS UI布局

    使用了这么久,       对于父试图是  Button / UITextFeild等非UIView的直接子类,布局其子视图时,这里面的约束是不生效的。...而且同层级的试图  无法达到重合布局,两个试图重合的话只有是  父/子视图的关系。...这中页面布局方式的思维模式跟Frame完全不同,使用时应跳出Frame的坐标布局思维模式,站在关系依赖布局的思维方式上才可以达到娴熟正确的使用。...实现了UIScrollView可滚动高度根据内部子视图的内容高度动态设置 /** 设置scrollview内容自适应,第一个参数为作为底部的子视图,第二个参数为到sc底部的间距。...,关键是cell中的设置,cell中的设置需要满足两点:第一个是子视图的相对位置关系的设置,第二个是设置[self setupAutoHeightWithBottomView:_view3 bottomMargin

    2.1K20

    CSS中的float定位技术在iOS上的实现

    如果是通过frame方式在一些不规则界面的场景中就需要进行大量计算来实现布局,而AutoLayout则可以通过设置视图之间的依赖约束来实现布局,这两者的布局方式都和子视图加入到父视图的顺序无关,越是不规则的界面...最后一个视图的扩展属性weight表示视图的宽度或者高度的比重,这个值默认值是0,表示不是按比重来指定宽度,这时候你在添加子视图时必须明确的指定宽度或者高度,而当设置为非0时则不需要为子视图指定宽度和高度...但是在实际中我们可能有一些场景是子视图并不想受到布局视图高度边界的约束,一直往上浮动,而直到某个子视图设置了clearFloat才换列显示,同时布局视图的高度也是包裹的(wrapContentHeight...,那么这个布局视图里面的子布局视图将会根据视图之间的关系而自动智能的生成边界线。...小结 浮动布局是一种功能非常强大的布局体系,从某种程度上来他甚至是相对布局的替代方案,而且要比相对布局要简单,因为里面的子视图之间是不需要设置约束和依赖关系的,单单凭借加入到布局视图的顺序,以及自身的宽高就能完成我们想要的功能

    2.2K20

    iOS的MyLayout布局体系--浮动布局MyFloatLayout

    ;框架布局MyFrameLayout中的子视图则只跟父布局视图有关,而跟添加的先后顺序无关;相对布局中MyRelativeLayout的子视图则是通过设置视图之间的依赖关系来建立约束的,而跟添加的先后顺序无关...最后一个视图的扩展属性weight表示视图的宽度或者高度的比重,这个值默认值是0,表示不是按比重来指定宽度,这时候你在添加子视图时必须明确的指定宽度或者高度,而当设置为非0时则不需要为子视图指定宽度和高度...上面分别的介绍了浮动布局的建立,以及子视图的扩展的属性设置来实现视图在浮动布局中的浮动方式、是否清除浮动、以及比重的设置方法。...,那么这个布局视图里面的子布局视图将会根据视图之间的关系而自动智能的生成边界线。...小结       浮动布局是一种功能非常强大的布局体系,从某种程度上来他甚至是相对布局的替代方案,而且要比相对布局要简单,因为里面的子视图之间是不需要设置约束和依赖关系的,单单凭借加入到布局视图的顺序

    1.1K30

    iOS下的界面布局利器-MyLayout布局框架

    MyLayout还提供了Swift版本TangramKit MyLayout的优势 MyLayout的实现内核是基于frame的设置,而不是对AutoLayout的封装。...而MyLayout则除了提供约束依赖外,还提供了根据视图添加顺序自动建立约束的功能,从而减少了这种显示依赖关系建立的问题,最终的结果是简化了布局的代码量,以及减少了布局更新时的代码修改量。...线性布局是一种里面的子视图按添加的顺序从上到下或者从左到右依次排列的单列(单行)布局视图,因此里面的子视图是通过添加的顺序建立约束和依赖关系的。...相对布局是一种里面的子视图通过相互之间的约束和依赖来进行布局和定位的布局视图。相对布局里面的子视图的布局位置和添加的顺序无关,而是通过设置子视图的相对依赖关系来进行定位和布局的。...框架布局是一种里面的子视图停靠在父视图特定方位并且可以重叠的布局视图。框架布局里面的子视图的布局位置和添加的顺序无关,只跟父视图建立布局约束依赖关系。

    1.9K30

    MySQL基础及原理

    图形数据库:利用图这种数据结构存储了实体(对象)之间的关系,能高效地解决复杂的关系问题,如社交网络中人与人的关系。...如:InfoGird 关系型数据库设计规则 关系型数据库的典型数据结构就是数据表,这些表的组成都是结构化的(structured)。...如学生选课,一个学生可以选择多门课程,而一门课程也对应多个学生。 如下图,中间表两边的表都存在一对多的关系。...添加主键约束时,往往需要设置字段自动增加属性。 面试4、并不是每个表都可以任意选择存储引擎? 注意:外键约束(FOREIGN KEY)不能跨引擎使用。...问题1:如果两个表之间有关系(一对一、一对多),比如:员工表和部门表(一对多),它们之间是否一定要建外键约束? 答:不是的 问题2:建和不建外键约束有什么区别?

    3.9K20

    Flutter 视图布局-前言

    01 - 视图的布局方式 简单说一下我对 Flutter 视图布局的看法,在前篇中我有提到 Flutter 是使用了 Dart 语言进行编写,所以弱化了视图编辑的部分,视图的渲染、结构、布局都通过代码逻辑来生成...在一定程度上在视图结构和逻辑的关联性是强了,但在直观布局结构方面却弱了,所以就导致在代码中会发现嵌套层次很多很深,同事也会对开发者的能力有了一些要求,当然如果有面向对象编程的经验的话,那么就上手来说问题并不大...此外在官方文档术语描述中将2个 Widget  嵌套关系为 Widget 下的子 Widget,这不便于一些已经学过 html 或 xml 的少侠们理解,故在此约定: 约定 在接下来的 《Flutter...IndexedStack 从一个子元素列表中显示单个子元素的 Stack。 CustomMultiChildLayout 使用一个委托来对多个子元素进行设置大小和定位的小部件。...CustomSingleChildLayout 一个自定义的拥有单个子元素的布局 Widget。 每一种 Widget 都会影响其子元素最终的视图显示效果,如大小、位置、边框、背景等。

    2.3K110

    MyLayout&TangramKit 的重大升级!

    容器视图实现尺寸自适应 对于一个容器父视图来说,当要实现父视图的尺寸依赖所有子视图的尺寸来实现自适应时,要设置的约束依赖不是通过尺寸约束来实现而是通过位置约束来实现。...但是基于约束设置的布局体系来说,因为很多约束都是通过依赖来实现的,因此要计算contentSize并不是那么的容易和简单。...上面的约束设置实现视图滚动的机制也有一定的局限性!那就是一旦在容器视图中添加子视图时就需要重新调整容器视图的右边界和下边界的约束依赖。...当布局视图这个容器视图要实现尺寸自适应时就非常简单,它不需要依赖任何对子视图的约束依赖,而只需要将布局视图的尺寸设置为wrap即可。...要实现UIScrollView滚动时,只需要在一个滚动视图内添加一个布局视图,然后将所有其他子视图都添加到这个布局视图中去,这个和上面的AutoLayout的处理方式是一样的,最后将布局视图的尺寸自适应属性设置为

    2.1K20

    数据库原理复习笔记(实用)

    ,即数据库中只存放视图的定义而不存放其数据,数据仍存在基本表中,因此视图是虚表,视图上可以再定义视图。...设置唯一性约束 alter table student add unique(sname);//注意:主键本身就是唯一的 6.设置外键约束(注意外键一定要是所参考的表(student)的主键,不然报错...设置默认约束 alter table 表名 change 原列名 现列名 数据类型 default 默认值; 如:alter table student change entime entime date...关系系统中,当操作违反实体完整性、参照完整性和用户定义的完整性约束条件时,一般是如何分别进行处理的? 答: 对于违反实体完整性和用户定义的完整性的操作一般都采用拒绝执行的方式进行处理。...即数据库中只存放视图的定义而不存放视图对应的数据,这些数据仍存放在导出视图的基本表中。

    1.2K20

    数据库系统:第三章 关系数据库标准语言SQL

    数据操作符统一 高度非过程化: 只要提出“做什么”,无须指明“怎么做” 面向集合的操作方式 以同一种语法结构提供多种使用方式: SQL既是独立语言,又是嵌入式语言 3.1.2 SQL的基本概念 SQL支持关系数据库三级模式结构...视图: 从一个或几个基本表导出的表,数据库中只存放视图的定,而不存放视图对应的数据,视图是一个虚表,用户可以在视图上再定义视图。...模式与表 每个基本表都属于某个模式,一个模式包含多个基本表,定义基本表有三种方式定义其所属模式: 在表名中明显的给出模式名 创建模式时同时创建表 设置所属的模式,在创建表时不必给出模式名,类似缺省。...3.2.4 数据字典 数据字典是关系数据库管理系统内部的一组系统表,它记录了数据库中所有定义信息: 关系模式定义 视图定义 索引定义 完整性约束定义 各类用户对数据库的操作权限 统计信息等 关系数据库管理系统在执行...*/ DBMS执行此查询时,首先处理子查询,找出 IS系中所有学生的年龄,构成一个集合(19,20); 处理父查询,找所有不是IS系且年龄小于19 或 20的学生。

    2.7K10

    iOS开发之Masonry框架源码解析

    或者NSLayoutAttributeHeight,如果是Width或者Height的话,那么约束就添加到当前View上,而不是添加在父视图上。...而mas_remakeConstraints中所做的事情是将removeExisting属性设置成YES, 表示将当前视图上的旧约束进行移除,然后添加上新的约束。 ? ?...(10); 上面的这种方式就是链式调用,而且像equalTo(superView)这种形式也不是Objective-C中函数调用的方式,在Objective-C中是通过[]来调用函数的,而此处使用了()...而像offset(10)这种调用方式是如何实现的呢?我们知道在OC中是不能通过小括号来调用方法的,那边闭包是可以的,不过offset()不是一个简单的闭包。...子啊添加约束是我们要判断是不是对约束的更新,如果是对约束的更新的话就先获取已经存在的约束并对该约束进行更新,如果被更新的约束不存在就进行添加。

    1.2K80

    (超级详细的SQL基础,你还不会的话就别学数据库了)

    :对视图进行UPDATE,INSERT和DELETE操作时要保证更新、插入或删除的行满足视图定义中的谓词条件(即子查询中的条件表达式) 注: 修改基表的结构后,可能导致表与视图的映象关系被破坏,从而导致该视图不能正确工作...组成视图的属性列名:全部省略或全部指定 子查询不允许含有ORDER BY子句和DISTINCT短语 全部省略或全部指定 省略:由子查询中SELECT目标列中的诸字段组成 明确指定视图的所有列名:...:自动检查Sdept属性值是否为’IS’ 如果不是,则拒绝该插入操作 如果没有提供Sdept属性值,则自动定义Sdept为’IS’ 4.1.1 基于多个基表的视图 例3:建立信息系选修了1号课程的学生的视图...更新视图和更新基本表相同 注:一些视图是不可更新的——当对视图的更新无法转换成对基本表SC的更新时,如修改平均成绩视图中某个学生的平均成绩不可实现 举例: 向信息系学生视图IS_S中插入一个新的学生记录...写在最后: 我叫风骨散人,名字的意思是我多想可以不低头的自由生活,可现实却不是这样。

    72930

    iOS开源界面布局库终于破3000star

    因此在xib上如果用MyLineView来进行布局则可能实际上显示的内容 和真实的内容是不一致的。而且线性布局会因为子视图的大小和边距而调整自己的尺寸。...因此线性布局比较适合通过代码的方式来 构造视图。同时适合于将线性布局作为scrollview的子视图来布局。因为线性布局在位置调整后会 如果是使用自动布局则这个类将无效。...默认是NO.如果设置为YES的话则边缘视图的边距不起作用了,而且子视图的weight也不起作用了。而且不是调整自己的大小了 //也就是当垂直方向则所有子视图按顺序排列在中间。...但实际中我们总是带着解决问题的想法去使用某个框架和库的,我这里想说的是当你在使用AutoLayout时因为复杂的约束设置以及更新方法而焦头烂额时,当你使用AutoLayout而对多屏幕多设备适配而进行多条件编写时...需要设置的约束少,不需要像AutoLayout那样无论是位置和尺寸都需要明确的通过设置约束来指定。有些时候可能只需要一两个属性就可以把所有子视图的位置和尺寸都设置完成。

    1.9K40
    领券