iOS可视化界面编程XIB简单使用

最新推荐文章于 2022-05-01 08:10:01 发布
最新推荐文章于 2022-05-01 08:10:01 发布
阅读量2k 收藏 3
点赞数 2
分类专栏： IOS 文章标签： ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qhlpptdyfn/article/details/119218051
版权
本文提供了一份iOS中使用XIB进行界面设计的简明教程，包括如何创建文本对象、添加控件、生成属性及事件处理方法，并通过实际操作展示了XIB在界面布局和点击事件绑定上的便利性。
摘要由CSDN通过智能技术生成

iOS的UI界面的编写现在基本分为三个流派

本文主要介绍XIB的简单使用，基于XIB在界面上放几个按钮并生成点击事件代码

以下代码及截图基于XCode12

快速创建

1、创建文本对象

在这里插入图片描述
自定义创建vc时勾选create XIB file，后将会自动创建xib文件，创建后如图
在这里插入图片描述

2、为XIB添加控件

在这里插入图片描述
选中xib文件后可以看到右侧出现了一个vc的UI展示图
点击右上角的+，可以拖动添加UI组件
在这里插入图片描述

最低0.47元/天 解锁文章
SwiftUI 的可视化编辑工具
FTD1120的博客
07-14 1382
SwiftUI 的可视化编辑工具 前言 SwiftUI 带来的描述性构建界面能力，为 Xcode 引入诸多的可视化工具奠定了基础。可视化界面搭建，早期在网页开发中，曾经流行过，最著名的代表 Dreamweaver。如果把 html 源码视为因，那么浏览器渲染的界面则为果。从最后的界面上修改，反馈到源代码，这个过程非常直观，也高效（得益于 html 可以及时渲染）。人人都想可视化搭积木式编码， Apple 在可视化编程上从一开始就有布局—— xib、Storyboard ，至今还在迭代。但不得不承认，Stor
iOS自学笔记之XIB的使用教程
08-31
本篇文章主要介绍了iOS自学笔记之XIB的使用教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
iOS开发UI篇—xib的简单使用
weixin_30895603的博客
11-12 183
iOS开发UI篇—xib的简单使用 一、简单介绍 xib和storyboard的比较，一个轻量级一个重量级。 共同点： 都用来描述软件界面 都用Interface Builder工具来编辑 不同点: Xib是轻量级的，用来描述局部的UI界面 Storyboard是重量级的，用来描述整个软件的多个界面，并且能展示多个界面之间的跳转关系 二、xib的简单使用 1.建立xib文件 ...
iOS开发UI篇—xib的简单使用实例
01-06
这个博客申请了有一段时间了,觉得好像是该写点什么了。这篇文章主要是关于一些xib的简单的用法,希望可以帮助到刚刚使用xib的新手们。 什么是xib? xib能做什么? 用来描述软件界面的文件。 如果没有xib,所有的界面都需要通过代码来手动创建。 有了xib以后,可以在xib中进行可视化开发,然后加载xib文件的时候,系统自动生成对应的代码来创建界面。 与xib类似的还有storyboard文件。xib和storyboard的比较，一个轻量级一个重量级。 共同点： 都用来描述软件界面。都用Interface Builder工具来编辑 不同点: Xib是轻量级的，用来描述局部的UI界面
ios XIB
猴子和派大星
01-02 405
网格 [coll registerNib:[UINib nibWithNibName:@"VideoCollectionViewCell" bundle:nil] forCellWithReuseIdentifier:@"cell"]; 无nib [yyCollectionView registerClass:[MYCollectionViewCell class] forCellWithRe...
iOS XIB教程：快速上手可视化界面设计
本篇iOS自学笔记详细介绍了XIB（Interface Builder）在iOS开发中的使用教程，针对初学者来说，这是一个更加直观且易于学习的UI设计方式，尤其对于那些刚接触iOS编程或者对Objective-C和Swift语法还不熟练的新手来说...
XIB视觉化教程：降低iOS开发入门门槛
XIB是Apple为降低iOS编程初学者门槛而提供的可视化布局工具，它允许开发者通过图形界面而非纯代码的方式来创建和配置应用程序的用户界面。 首先，文章提到的软硬件环境包括macOS Sierra和Xcode 8.2.1，这是作者进行...
iOS开发者必备：YogaKit实现Xib布局详解
在iOS开发中，传统的Xib布局文件通过可视化界面允许开发者拖放组件来构建界面，而Xib背后的XML结构在编译时被解析为对应的界面组件和布局。然而，使用YogaKit则可以实现代码层面的类似Xib布局，这在某些情况下（如...
IOS 使用XIB 自定义View
10-31
IOS 使用XIB 自定义View http://blog.csdn.net/li6185377/article/details/8131042
ios 一个窗口使用多个xib
04-16
NULL 博文链接：https://dingran.iteye.com/blog/1771515
ios Xib的几种用法[转]
az44yao的专栏
12-07 489
大多数Ios开发者都喜欢运用xib以及约束来布局，这样省去了大量初始化代码，但是xib的使用也是存在不少差异的： 一.xib的几个重要属性 xib的文件名 File's owner xib中的视图class xib文件中的视图Outlet指向 二.Demo实现 1.加载xib中File's owner为nil的视图 blueView.png ViewController: - (void)addBlueView { // BlueView.xib的File's Owner为.
xib的使用方法
youngIos的博客
05-01 3465
xib的使用方法 有个观念一定要搞清楚，首先xib文件对应的是一个UIView。理解到位后，关于这类问题就是一通则百通。 情况一： 如果在创建控制器时选择了“同时创建xib文件”，如下图所示，则在创建该控制器时，直接使用 alloc] init] 就行了。可以这样理解，通过这种方式创建控制器的同时，创建了一个xib文件用来搭建此控制器的view。因此默认就是将该xib文件与创建的控制器是“绑定的”、“对应起来的”…… 情况二： 相对于情况一，那么情况二就是在创建控制器时没有勾选“同时创建x
XIB 的使用
cadsddadq的博客
04-23 1311
1.如果xib是和.h 和.m文件一起创建的，从别的地方复制一个view，点击file’s Owner ，按住Ctrl，拖到下面的view，点击view即可。2，如果xib是后面创建的，点击file’s Owner ，点击右侧栏第三个，输入xib文件名，点击file’s Owner ,按住ctrl ,拖到view，点击view 。3.xib  水平分布4个按钮（有间距）， 4个按钮固定大小和上边距...
IOS 学习笔记 使用xib文件构建界面
无问西东的博客
03-14 1130
目录 使用xib文件构建界面 1、将ViewController.h、ViewController.m、Main.storyboard三个文件delete掉 2、Deployment Info的Main Interface置空，也就是去掉Main 3、添加试图控制器 4、修改AppDelegate文件，将xib文件添加到window中 5、运行结果 6、 错误“This Class ...
7.ios之xib的使用
吹来的寒风
12-27 739
1.Xib文件的使用 •Xib文件可以用来描述某一块局部的UI界面 • •Xib文件的加载 Ø方法1 NSArray*objs = [[NSBundle mainBundle] loadNibNamed:@"MJAppView" owner:nil options:nil]; 这个方法会创建xib中的所有对象，并且将对象按顺序放到objs数组中 （如果xib如
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值