Autolayout下设置多个View等比例排列

最新推荐文章于 2021-08-22 11:02:14 发布
最新推荐文章于 2021-08-22 11:02:14 发布
阅读量3k 收藏 1
点赞数
分类专栏： 【iOS开发记录】 文章标签： autolayout 等比例排列
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dreamersharon/article/details/47444713
版权
本文介绍了如何在Interface Builder中利用AutoLayout特性，实现多个View等比例排列的步骤，包括设置容器View约束，调整View的Multiplier参数，确保各View宽度相等，最后展示运行效果。
摘要由CSDN通过智能技术生成
在实际开发过程中，经常会遇到将多个按钮等比例排列之类的界面，下面的方法是在IB中使用autolayout特性实现这种界面。

1.首先拖进去一个View作为容器，根据实际情况设置好这个view的约束：


2.拖入最左边的View，并设置其与容器View的上下左右的间距均为0：


最低0.47元/天 解锁文章
妙亦涵
关注
专栏目录
iOS AutoLayout全解
xiangzhihong8的专栏
09-04 4522
AutoLayout简介Autolayout是一种全新的布局技术，专门用来布局UI界面的，用来取代Frame布局在遇见屏幕尺寸多重多样的问题。Autolayout自iOS 6开始引入，但是由于Xcode 4的不给力，当时并没有得到大规模推广。在iOS 7（Xcode5）开始，Autolayout的开发效率得到很大的提升，苹果官方也推荐开发者尽量使用Autolayout来布局UI界面，减少纯代码的方式
iOS AutoLayout 百分比布局
weixin_34221775的博客
05-11 310
2019独角兽企业重金招聘Python工程师标准>>> ...
［分享］iOS开发－AutoLayout控件等比间距的百分比布局
weixin_34407348的博客
05-24 133
多控件水平、垂直分布要求相同间距时，使用multiplier来进行布局，即百分比布局是最佳选择。 在看本文前可以了解一下iOS NSLayoutConstraint priority 其中就提到过multiplier, 本文中的百分比布局都是基于 multiplier 实现的，下面来一一查看其实现。 我们需要实现的功能很简单，以一个居中...
iOS SDAutoLayout布局体验（2）
zww学习笔记
03-08 2122
1、UIButton中UIImageView和UILable位置调整_centerButton = [UIButton new]; _centerButton.backgroundColor = [UIColor orangeColor]; [_centerButton setTitle:@"自定义Button" forState:UIControlStateNormal];
iOS 利用 Autolayout 实现 view 间隔自动调整
听榆大叔的专栏
07-09 3567
iOS 利用 Autolayout 实现 view 间隔自动调整标签： Autolayout1、需求　　不知道大家是否常有这样的需求：一个界面中，有多个 view，每个 view 的大小由其内容决定。当一个 view 有内容时，下一个 view 与它之间会一个间隔。如果没有内容的话，下一个 view 就会紧挨着它。如下图所示： 　　 [图1]　　图1 中，四个 label 的大小是自适应的
微信小程序view并列
qq_38648458的博客
04-27 3521
<view class="box"> <view class="box1"></view> <view class="box2"></view> </view> .box{ display:flex; flex-direction:row; justify-content:flex-start; } .box1{ width:100%; height:100% }
ios之用Autolayout均匀平铺排列多个button
04-09
本文将详细讲解如何使用AutoLayout来均匀平铺排列多个UIButton，确保它们在不同分辨率和屏幕方向的iOS设备上都能保持整齐美观。 首先，我们需要理解AutoLayout的基本概念。AutoLayout通过定义一系列约束...
AndroidAutoLayout自动换行viewgroup
02-01
"AndroidAutoLayout"是一个专为Android平台设计的自定义ViewGroup，它提供了自动换行的功能，使得在有限的屏幕空间内展示多个元素变得更加灵活和便捷。这个组件特别适合用于创建多标签选择界面，无论是单选还是多选...
ios demo,Masonry的使用，一个在ios中可以替代autoLayout的布局，代码控制，弹性高
03-31
5. 视图间的关系：Masonry可以轻松地定义视图之间的关系，例如垂直居中、水平居中、等间距排列等，这在处理网格布局或者对齐多个视图时非常方便。 6. 更好的性能：虽然Masonry是在AutoLayout之上封装的，但它的设计...
ConstraintLayout(约束布局)
========
05-25 658
ConstraintLayout(约束布局)使用ConstraintLayout需要我们添加如下依赖： compile ‘com.android.support.constraint:constraint-layout:1.0.0-alpha4’ View在布局中相对于其他元素的位置是怎样的layout_constraint[源瞄点]_[目标锚点]=”[目标id]”如 app:layout_con
微信小程序不同组件view，text并排显示横行方法
livercy
08-22 6289
不同组件并排显示，需要放置在一个view 例如：在wxml中将text和scroll-view并排显示，则需要把它们放置在一个view中 <view class="parilin"> <text class="verti_clockin">系统输出与发送框</text> <scroll-view scroll-y class="send_back" style="height:30vh;" scroll-into-view="{{lastindex_top}
iOS: 在代码中使用Autolayout (1) - 按比例缩放和优先级
热门推荐
nogodoss的专栏
02-11 1万+
首先说按比例缩放，这是在Interface Builder中无法设置的内容。而在代码中，使用NSLayoutConstraint类型的初始化函数中的multiplier参数就可以非常简单的设置按比例缩放。同时也可以设置不同NSLayoutAttribute参数来达到意想不到的效果，比如“A的Width等于B的Height的2倍”这样的效果。 OK，开始写代码，我们就拿一个简单的UIBut
AutoLayout适配教程（一）控件的等比例伸缩
程序员日常记录
06-04 6729
AutoLayout适配教程（一）控件的等比例伸缩在Storyboard开发（Xib）中，控件的等比例伸缩适配是iPhone不同机型屏幕适配的一个难点也是重要。这边以一个首界面的4个button等比例伸缩适配为例。效果图是以6的尺寸出的，Storyboard中屏幕size也是以4.7寸为基础。效果图如下： （PS：教程对应代码Github地址，需要的可以点击进入Github）也可以直接在终端下用命
（iOS开发）AutoLayOut中等比例设置视图
wf990051004的博客
10-31 3659
为了适应苹果的不同的屏幕，因此需要做屏幕的等比例适配！下面是简单的等比例适配的教程： 下面是一个简单的让lable在cell中居中显示的案例 1、创建自定义的cell的XIB文件，在此就不多说了。 2、在xib上面放一个label： 3、给TestLable添加个相对于父视图（cell的contentView）的Leading Space的约束 4、点击如图显示的约束线条，就会出
关于多个view的排版问题
Mr_yuntuo的博客
05-18 2705
这两天做微信小程序，发现一个问题，就是我想要将多个view组件内容进行排版，经过查阅与个人总结最终有个答案。 其实最重要的就是： view的嵌套 以及 view的排列 。 首先我先讲一下view的排列，这块内容在微信文档里也有：view排列。 先给大家看一段代码： display: flex; flex-direction: row; justify-content...
Autolayout环境设置任意个数相等间距排列的按钮的方法
weixin_33834075的博客
12-07 176
2019独角兽企业重金招聘Python工程师标准>>> ...
iOS SDAutolayout的使用心得
风中的劲草
05-04 6109
一、你必须了解以下几个知识点 1、UIView框架下的 - (void)layoutSubviews 方法 首先，看下官网文档的解释: // override point. called by layoutIfNeeded automatically. As of iOS 6.0, when constraints-based layout is used the base implem...
iOS AutoLayout 实现分页滚动详解
"iOS用AutoLayout实现分页滚动功能，主要通过设置UIScrollView的pagingEnabled属性，结合AutoLayout的约束布局，来创建一个可以分页滚动的界面。此方法适用于iOS应用开发，尤其适用于构建类似手机桌面的应用图标列表...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值