开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在interfaceBuilder中添加子视图

是指在iOS开发中使用Interface Builder工具向视图层级中添加子视图的操作。Interface Builder是Xcode集成开发环境中的可视化界面设计工具，用于创建和布局用户界面。

添加子视图可以通过以下步骤完成：

打开Xcode并创建一个新的iOS项目。
打开Main.storyboard文件，这是Interface Builder的主要工作区。
在工具栏中选择合适的视图控制器或视图容器，例如ViewController或View。
在Interface Builder的对象库中选择所需的子视图组件，例如按钮、标签、图像视图等。
将所选的子视图组件拖放到视图控制器或视图容器中。
使用Interface Builder的布局工具和自动布局约束来调整子视图的位置和大小。
可以通过Interface Builder的属性检查器设置子视图的属性，例如文本、颜色、字体等。
重复步骤4至7，以添加更多的子视图。

添加子视图可以实现丰富的用户界面设计和交互效果。例如，可以通过添加按钮来实现用户点击操作，添加标签来显示文本信息，添加图像视图来显示图片等。

腾讯云提供了一系列与移动开发相关的产品和服务，例如：

腾讯移动分析：用于分析和监控移动应用的用户行为和性能数据。详情请参考：https://cloud.tencent.com/product/mta
腾讯移动推送：用于向移动应用的用户发送推送通知。详情请参考：https://cloud.tencent.com/product/tpns
腾讯移动直播：提供移动直播的解决方案，支持实时音视频传输和互动功能。详情请参考：https://cloud.tencent.com/product/mlvb

请注意，以上仅为示例，实际应根据具体需求选择适合的产品和服务。

相关搜索:在UITableViewController中添加子视图在UITabBar中添加子视图在单个uitableviewcell中添加子视图在InterfaceBuilder中创建固定属性无法在LinearLayout中动态添加子视图 UITableView添加子视图是否在添加子视图时标题视图消失？Swift在函数内添加子视图在UIScrollView中动态添加的子视图未显示向PDFView添加子视图在tableViewCell上将UITapGestureRecognizer添加到子视图避免在Avoid上为cellforrowatindexpath添加子视图如何向UITableViewCell添加子视图向UIViews数组添加子视图？Django DRF -添加子视图/url？在iphoneX上添加了子视图的UICollection视图截面间隙如何修改子视图在添加到父视图控制器时不在子视图控制器中显示在界面构建器中添加的UIViewController子视图未显示如何在Theos中向UIStatusBar添加子视图？如何将子视图添加到公共视图Xamarin中

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【IOS开发基础系列】Autolayout自动布局专题

bounds是指这个view在它自己坐标系的坐标和大小而frame指的是这个view在它superview的坐标系的坐标和大小区别主要在坐标系这一块。很明显一个是自己为原点的坐标系，一个是以屏幕为原点的坐标系。

04

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

在我的CSDN博客中的几篇文章分别介绍MyLayout布局体系中的视图从一个方向依次排列的线性布局(MyLinearLayout)、视图层叠且停靠于父布局视图某个位置的框架布局(MyFrameLayout)、视图之间通过约束和依赖实现布局的相对布局(MyRelativeLayout)、以及多列多行排列的表格布局(MyTableLayout)、以及本文将要介绍的流式布局(MyFlowLayout)这5种布局体系。这些视图布局的方式都有一些统一的特征，都要求必须将子视图放入到一个特殊的视图中去，我们称这些特殊的视图为布局视图(Layout View)。这些布局视图都有一个共同的基类：基础布局视图(MyBaseLayout)。同时我们还为视图建立了很多扩展的属性来进行位置和尺寸的设置，以及我们还专门建立了服务某些布局视图的视图扩展属性。在这些扩展属性中：用于定位视图位置的类是MyLayoutPos类，这个类可以用来决定视图的上、下、左、右、水平居中、垂直居中六个方位的具体值；而用于决定视图尺寸的类是MyLayoutSize类，这个类可以用来决定视图的高度和宽度的具体值；用于决定视图排列布局方向的是枚举MyLayoutViewOrientation类型，方位类型定义了垂直和水平两个方位；用于决定视图停靠区域的MyGravity枚举类型，枚举类型定义了14种停靠的区域类型，这里要分清楚的是MyGravity和MyLayoutPos的区别，前者是用来描述某个具体的方位，而后者则是用来某个方位的具体位置；用于描述子视图和布局视图四周内边距的padding属性，这个属性只用于布局视图；用于描述布局视图的尺寸大小由子视图整体包裹的wrapContentWidth,wrapContentHeight的属性；用于描述苹果各种屏幕尺寸适配的MySizeClass定义，以及具体的实现类MyLayoutSizeClass类。这些属性和类共同构建了出了一套完整的iOS界面布局系统。下面是这个套界面布局体系的类结构图：

03

路径布局-基于数学函数的视图布局方法

路径布局MyPathLayout是MyLayout布局体系中的第7种布局体系，在这种布局体系中您只需要提供一个坐标轴、一个曲线函数、以及视图之间的距离这三个要素就可以构造出来一个非常酷炫的界面布局效果。在了解路径布局之前您可以看看下面几个用路径布局实现的效果实例：

02

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

几乎所有会WEB前端开发的同学都知道CSS中有一个float属性用于实现HTML元素的浮动定位展示。float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围。不过在 CSS 中，任何元素都可以浮动，假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。浮动布局主要用于那些图文环绕以及实现一些界面不规则排列的场景，并且浮动定位技术在WEB前端开发中应用的非常普遍。

02

MyLayout和XIB或SB的混合使用方法

MyLayout是一个可以非常简单和方便的实现各种界面布局的第三方开源库。在我的github项目中大部分DEMO都是通过代码来实现界面布局的，但这并不是表示MyLayout不支持XIB和SB。在构建一个应用的MVC框架中，我们希望模型、视图、控制这三部分都尽可能的低耦合，而苹果推荐的视图部分构建则是通过XIB或者SB来完成的。因为MyLayout中的各种布局视图类其实都是从UIView派生的，因此MyLayout是完全可以和XIB以及SB混合使用的。 MyLayout的一些布局视图属性以及子视图的扩展布局属性是可以在XIB或者SB界面编辑器里面进行设置的。唯一的一个缺点是这些属性的设置不能起到所见即所得的效果。因为MyLayout是一个独立而完整的界面布局框架，因此您可以和系统默认的AutoLayout混合使用，也可以完全独立的单独使用。

04

SwiftUI 布局协议 - Part 1

今年 SwiftUI 新增最好的功能之一必须是布局协议。它不但让我们参与到布局过程中，而且也给了我们一个很好的机会去更好的理解布局在 SwiftUI 中的作用。

01

IOS开发之视图和视图控制器

视图(View), 视图控制器（ViewController）是IOS开发UI部分比较重要的东西。在学习视图这一块的东西的时候，感觉和Java Swing中的Panel差不多。在UIKit框架中都有一个UIWindow来容纳我们的View。应用程序中几乎全部的可视控件都是UIView以及UIView的子类的实例，并且UIWindow也是UIView的子类。UIWindow可以不借助于父类视图显示在屏幕上，其余的视图都需要添加到父视图中才能显示。窗口是用来显示视图的，下面我们将会结合着实例来具

07

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

在MyLayout的6大布局中，每种布局都有不同的应用场景。且每种布局的子视图的约束机制不一样：线性布局MyLinearLayout、表格布局MyTableLayout、流式布局MyFlowLayout、浮动布局MyFloatLayout这四种布局的子视图之间的约束是通过添加到父布局的先后顺序来决定的；框架布局MyFrameLayout中的子视图则只跟父布局视图有关，而跟添加的先后顺序无关；相对布局中MyRelativeLayout的子视图则是通过设置视图之间的依赖关系来建立约束的，而跟添加的先后顺序无关。即便如此，同一种界面功能在一些情况下都可以用任何一种布局来实现。在这些布局中相对布局因为是通过设定视图之间的依赖来建立一种布局约束，因此我们可以用他来构造一些复杂且无规律的界面布局，但其缺点则是太过于依赖约束，导致当界面调整时需要重新设定视图之间的依赖关系(iOS的AutoLayout其实就是一种相对布局的实现，布局时需要设置太多的约束，这也是我一直诟病AutoLayout的原因)。那么是否可以有一种方法不设置视图之间的依赖而来实现一些复杂的界面布局呢？这也就是我们推出浮动布局MyFloatLayout的原因。

03

开源UI界面布局框架MyLayout1.9发布

MyLayout是一套功能全面的iOS开源UI界面布局框架。它囊括了前端所有流行的界面布局技术和解决方案，同时具有如下七大特点：

01

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

MyLayout是一套iOS界面视图布局框架。其内核是基于对UIView的layoutSubviews方法的重载以及对子视图的bounds和center属性的设置而实现的。MyLayout功能强大而且简单易用，它集成了iOS Autolayout和Size Classes、android的5大布局体系、HTML/CSS的浮动定位技术以及flex-box和bootstrap框架等市面上主流的平台的界面布局功能，同时提供了一套非常简单和完备的多屏幕尺寸适配的解决方案。MyLayout还提供了Swift版本TangramKit

03

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

小伙伴们，在上文中我们介绍了Android布局AbsoluteLayout，本文我们继续盘点介绍Android开发中另一个常见的布局，帧布局FrameLayout。

02

Xcode 5 中 xib 文件格式的调整

Xcode 升级到 5 之后， iOS 的 xib 文件发生了变化，导致 Xamarin Studio 中自带的 iOS ViewController 模板出错了，本文分析发生的错误，并给出对应的解决方法。

02

浅汇－iOS UI布局

iOS中UI的布局是很重要的，而在前期开发中就要选定好布局的方法，因为这对整个工程乃至于后期的版本维护都有很重要的影响。本文从比较老的Frame到新生AutoLayout都进行了浅显的总结，希望对大家的UI布局学习有所帮助

02

MyLayout&TangramKit 的重大升级!

MyLayout和TangramKit是一套基于frame之上的UI界面布局库的OC版本和Swift版本。目前最新版本升级为MyLayout1.7.0和TangramKit1.4.0。 ?OC1.7

02

由FlexBox算法强力驱动的Weex布局引擎

在上篇文章里面谈了Weex在iOS客户端工作的基本流程。这篇文章将会详细的分析Weex是如何高性能的布局原生界面的，之后还会与现有的布局方法进行对比，看看Weex的布局性能究竟如何。

04

iOS学习——UIView的研究

在iOS开发中，我们知道有一个共同的基类——NSObject，但是对于界面视图而言，UIView是非常重要的一个类，UIView是很多视图控件的基类，因此，对于UIView的学习闲的非常有必要。在iO

08

Android中文API——ScrollView

Android中文翻译组：http://androidbox.sinaapp.com/

03

SwiftUI 布局 —— 对齐

“对齐”是 SwiftUI 中极为重要的概念，然而相当多的开发者并不能很好地驾驭这个布局利器。在 WWDC 2022 中，苹果为 SwiftUI 增添了 Layout 协议，让我们有了更多的机会了解和验证 SwiftUI 的布局原理。本文将结合 Layout 协议的内容对 SwiftUI 的 “对齐” 进行梳理，希望能让读者对“对齐”有更加清晰地认识和掌握。

02

用AutoLayout实现分页滚动

UIScrollView的pagingEnabled属性用于控制是否按分页进行滚动。在一些应用中会应用到这一个特性，最典型的就是手机桌面的应用图标列表。这些界面中往往每一页功能都比较独立，系统也提供了UIPageViewController来实现这种分页滚动的功能。实现分页滚动的UI实现一般是最外层一个UIScrollView。然后UIScrollView里面是一个总体的容器视图containerView。容器视图添加N个页视图，对于水平分页滚动来说容器视图的高度和滚动视图一样，而宽度则是滚动视图的宽度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致，对于垂直分页滚动来说容器视图的宽度和滚动视图一样，而高度则是滚动视图的高度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致。每个页视图中在添加各自的条目视图。整体效果图如下：

04

【Android从零单排系列二十九】《Android布局介绍——LinerLayout》

小伙伴们，在前面的系列文章中，我们重点介绍了Android开发中用到的视图组件，从本文开始我们继续盘点Android中的布局，本文主要介绍一下LinerLayout。

03

SwiftUI 布局 —— 尺寸（下）

在上篇[3] 中，我们对 SwiftUI 布局过程中涉及的众多尺寸概念进行了说明。本篇中，我们将通过对视图修饰器 frame 和 offset 的仿制进一步加深对 SwiftUI 布局机制的理解，并通过一些示例展示在布局时需要注意的问题。

04

iOS的MVC框架之控制层的构建(下)

在我的iOS的MVC框架之控制层的构建(上)一文中介绍了一些控制层的构建方法，而这篇文章则继续对一些方法进行展开讨论。MVC被众多开发者所诟病的C层的膨胀，究其原因不外乎有如下几点：

03

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

TangramKit是iOS系统下用Swift编写的第三方界面布局框架。他集成了iOS的AutoLayout和SizeClass以及Android的五大容器布局体系以及HTML/CSS中的float和flex-box的布局功能和思想，目的是为iOS开发人员提供一套功能强大、多屏幕灵活适配、简单易用的UI布局解决方案。Tangram的中文即七巧板的意思，取名的寓意表明这个布局库可以非常灵巧和简单的解决各种复杂界面布局问题。他的同胞框架：MyLayout是一套用objective-C实现的界面布局框架。二者的主体思想相同，实现原理则是通过扩展UIView的属性，以及重载layoutSubviews方法来完成界面布局，只不过在一些语法和属性设置上略有一些差异。可以这么说TangramKit是MyLayout布局库的一个升级版本。大家可以通过访问下面的github站点去下载最新的版本：

03

【IOS开发基础系列】UIView专题

https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/ViewPG_iPhoneOS/CreatingViews/CreatingViews.html

03

iOS UI控件了解一下

5. UIView的操作方法 1）添加视图 UIView的addSubview:方法可以添加子视图,对于同一个视图的所有子视图来讲,后添加的子视图会把已加的子视图盖在下面。 UIView提供了其他添加视图的方法（详见下表）：

02

GeometryReader ：好东西还是坏东西？

GeometryReader 自 SwiftUI 诞生之初就存在，它在许多场景中扮演着重要的角色。然而，从一开始就有开发者对其持负面态度，认为应尽量避免使用。特别是在最近几次 SwiftUI 更新中新增了一些可以替代 GeometryReader 的 API 后，这种观点进一步加强。本文将对 GeometryReader 的“常见问题”进行剖析，看看它是否真的如此不堪，以及那些被批评为“不符预期”的表现，是否其实是因为开发者的“预期”本身存在问题。

07

掌握 ViewThatFits

在 iOS 16 中，SwiftUI 增加了一个新的自适应布局容器 ViewThatFits。正如其名称所示，它的作用是在给定的多个视图中找出最合适的视图并使用。对于大多数人来说，这是一个简单易用的容器。不过，本文打算对其进行彻底的剖析，包括规则细节、理想尺寸的含义、使用示例等。最后，我们将创建一个复刻版本的 ViewThatFits，以加深对其的认识和理解。

01

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

经过几年的打磨和多次的重构，我的iOS开源界面布局库MyLayout的star数量终于在2018年8月6号破3000了！有图为证：

04

Android中View绘制流程详细介绍

Window即窗口，这个概念在AndroidFramework中的实现为android.view.Window这个抽象类，这个抽象类是对Android系统中的窗口的抽象。在介绍这个类之前，我们先来看看究竟什么是窗口呢？

02

SwiftUI 布局 —— 尺寸（上）

在 SwiftUI 中，尺寸这一布局中极为重要的概念，似乎变得有些神秘。无论是设置尺寸还是获取尺寸都不是那么地符合直觉。本文将从布局的角度入手，为你揭开盖在 SwiftUI 尺寸概念上面纱，了解并掌握 SwiftUI 中众多尺寸的含义与用法；并通过创建符合 Layout 协议的 frame 和 fixedSize 视图修饰器的复制品，让你对 SwiftUI 的布局机制有更加深入地理解。

02

iOS提示框,为什么你应该使用 MBProgressHUD?

这是一篇带有一定笔者主观感情色彩的比较文章.文章着重对比github上最流行的两个iOS进度提示控件 MBProgressHUD 与 SVProgressHUD的各自优劣,来帮助初学者找到一个适合的i

【Android从零单排系列二十七】《Android视图控件——HorizontalScrollView》

小伙伴们，在上文中我们介绍了Android视图组件ScrollView，本文我们继续盘点，介绍一下视图控件的HorizontalScrollView。

01

Flutter布局基础——Column竖直布局

Column-是竖直方向布局子视图的Widget，和Row相似，如果想要子视图充满，可使用Expanded把子视图包括起来。

05

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

小伙伴们，在上文中我们介绍了Android常见布局中的LinearLayout，本文我们继续盘点介绍Android开发中另一个常见的布局，相对布局RelativeLayout。

03

onAppear 的调用时机

onAppear（ task ）是 SwiftUI 开发者经常使用的一个修饰符，但一直没有权威的文档明确它的闭包被调用的时机。本文将通过 SwiftUI 4 提供的新 API ，证明 onAppear 的调用时机是在布局之后、渲染之前。

02

onAppear 的调用时机

onAppear（ task ）是 SwiftUI 开发者经常使用的一个修饰符，但一直没有权威的文档明确它的闭包被调用的时机。本文将通过 SwiftUI 4 提供的新 API ，证明 onAppear 的调用时机是在布局之后、渲染之前。

01

iOS 事件传递和处理

iPhone拥有很好的用户交互体验，这源于iOS系统对交互事件的高效处理和高优响应； App开发者处理用户交互非常便捷，这源于iOS系统和UIKit对用户操作做了封装和默认处理；本文围绕iOS的事件传递和处理，探究其具体过程。

02

iOS开发中UITableViewCell点击时子视图背景透明的解决方法

在做iOS项目的开发中，UITableView控件的应用十分广泛。在进行自定义UITableViewCell时，经常有小伙伴遇到这样的问题：在UITableViewCell上面添加了一个有背景颜色的子视图，当用户点击UITableViewCell或者选中UITableViewCell时，Cell上的子视图发生了奇怪的变化，其背景色变透明了，如果添加在Cell上的子视图只是一个色块，那么我们看起来，这个子视图好像莫名其妙的消失了一样。如下图所示：

03

UIView不可不知的秘密

前言： 1、在Mac OS中NSWindow的父类是NSResponder，而在iOS中UIWindow的父类是UIView。程序一般只有一个窗口但是会又很多视图。 2、UIView的作用：描画和动画，视图负责对其所属的矩形区域描画、布局和子视图管理、事件处理、可以接收触摸事件、事件信息的载体等等。我在前面详细介绍了setNeedsDisplay ， setNeedsLayout和layoutIfNeeded 详情请点击。下面介绍的是view添加以及删除时所触发的方法 // 当视图添加子视图

09

Android视图绘制流程完全解析，带你一步步深入了解View(二)

在上一篇文章中，我带着大家一起剖析了一下LayoutInflater的工作原理，可以算是对View进行深入了解的第一步吧。那么本篇文章中，我们将继续对View进行深入探究，看一看它的绘制流程到底是什么

08

Android中mesure过程详解 –[通俗易懂]

invalidate()最后会发起一个View树遍历的请求，并通过执行performTraersal()来响应该请求，performTraersal()正是对View树进行遍历和绘制的核心函数，内部的主体逻辑是判断是否需要重新测量视图大小（measure），是否需要重新布局（layout），是否重新需要绘制（draw）。measure过程是遍历的前提，只有measure后才能进行布局（layout）和绘制（draw），因为在layout的过程中需要用到measure过程中计算得到的每个View的测量大小，而draw过程需要layout确定每个view的位置才能进行绘制。下面我们主要来探讨一下measure的主要过程，相对与layout和draw，measure过程理解起来比较困难。

01

iOS AutoLayout全解

AutoLayout简介 Autolayout是一种全新的布局技术，专门用来布局UI界面的，用来取代Frame布局在遇见屏幕尺寸多重多样的问题。Autolayout自iOS 6开始引入，但是由于X

06

layoutSubviews 调用

学习了一下UIView的setNeedsDisplay和setNeedsLayout方法。首先两个方法都是异步执行的。而setNeedsDisplay会调用自动调用drawRect方法，这样可以拿到UIGraphicsGetCurrentContext，就可以画画了。而setNeedsLayout会默认调用layoutSubViews，就可以处理子视图中的一些数据。宗上所诉，setNeedsDisplay方便绘图，而layoutSubViews方便出来数据。 \

05

在 SwiftUI 中实现视图居中的若干种方法

将某个视图在父视图中居中显示是一个常见的需求，即使对于 SwiftUI 的初学者来说这也并非难事。在 SwiftUI 中，有很多手段可以达成此目的。本文将介绍其中的一些方法，并对每种方法背后的实现原理、适用场景以及注意事项做以说明。

04

android

目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了，但是在一些变化比较复杂的页面，还是需要通过代码来进行UI开发的。而且有很多比较老的项目，本身就还在采用纯代码的方式进行开发。

02

禁止子视图响应父视图的点击事件

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/50970367

01

iOS布局之AutoresizingMask和AutoLayout

关于iOS的布局主要有两种方式，分别是AutoResizing和AutoLayout。其中AutoResizing作为一种旧的布局方式，在AutoLayout被推广之后已经很少被使用。为了更加清晰的了解iOS的布局方式，本篇针对于这两种布局方法进行简要的总结。一.AutoResizing 我们在使用AutoResizing进行布局的时候，其主要思想就是设置子视图跟随父视图的frame变化而变化。具体的情况，我们可以设置左跟随，右跟随等等。下面是AutoResizing在代码中的使用。 //父视图 UIVi

06

Flutter布局基础——Row水平布局

Flutter中水平布局使用Row，可设置元素水平方向排列，如果想要子元素充满，可把子元素使用Expanded包括起来。

01

如何把设计图自动转换为iOS代码? 在线等,挺急的!

本文主要介绍了一种基于Masonry的视图模块化方案，通过使用自定义UIView和UICollectionView实现视图的模块化，简化了视图的创建过程，提高了开发效率。同时，还介绍了一种基于Masonry的自动计算视图间距的方法，简化了间距调整的实现过程。

06

从 Windows 过度到 Mac 必备快捷键对照表

本文由小马哥创作，采用知识共享署名4.0 国际许可协议进行许可本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭