ios开发中xib使用小技巧

最新推荐文章于 2022-12-18 16:59:11 发布
最新推荐文章于 2022-12-18 16:59:11 发布
阅读量4.9k 收藏 3
点赞数
分类专栏： IOS 文章标签： xib 技巧 布局 ios
同时添加多个outlet
在IB中，选中一个view并右键点击，将会出现灰色的HUD，可以在其上方便地拖拉或设定事件和outlet。你可以同时打开多个这样的面板来一次性添加所有outlet。右键点击面板，随便拖动一下面板，然后再打开另一个。你会发现前一个面板也留下来了，这样你就可以方便地进行拖拽设定了。
 

多个Outlet HUD
当然，对于成组和行为类似的IBOutlet，应该直接使用IBOutletCollection来进行处理会更方便。
 
可视化坐标距离
IB最烦人的问题就是对其。用代码的时候我们可以明确地指定x,y坐标，但是换到IB的时候我们更多的时候是靠拖拽UIView来布局。比如需要三个间隔相同的label，除了用强大的肉眼来估测距离是否相等以外，难道只能乖乖分别选中三个label，记下它们的坐标然后打开计算器来做加减法么？
 
显然不要那么笨，试试看选中一个label，然后按住option键并将鼠标移动到其他label上试试？你可以发现view之间的距离都以很容易理解的方式显示出来了。不仅是同层次的view，被选中view与其他层次的view之间的距离关系也可以同样显示。
 

 
显示View之间的距离
在一组view层次中进行选择
对于一些复杂的view层级关系，我们往往直接在IB中选择会比较困难。比如view相互覆盖时，我们很难甚至不能在编辑视图中选中底层的view。这时候一般的做法是打开左侧的view层级面板，一层层展开然后选择自己需要的view。其实我们也有更简单的方法：按住Cmd和Shift，然后在需要选择的view上方按右键，就可以列出在点击位置上所有的view的列表。藉此就可以方便快速地选中想要的view了。
 

在编辑视图中选则底层view
添加辅助线
这么高大上的技巧必须放在最后啊…在左边的层级列表中双击某个view，然后Cmd+_或者Cmd+|即可在选中的view上添加一条水平或者垂直中心的辅助线。当然这个辅助线是可以随意移动的。如果干过设计的同学肯定明白这个的意义了，在之后的对其和设计变更的时候都有重要的参考价值。
 

为IB添加辅助线
Truman411
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iOS开发：XIB使用技巧总结
hmxiao_1983的专栏
01-28 1945
做了多款应用之后，UI方面从最初的纯代码打造，到现在的XIB方式，再到StoryBoard这当中目前为止用得最多的XIB，熟练且快速。当然不少开发者认为苹果未来将主力打造StoryBoard，窃以为然～不过作为我的XIB时代，为曾经参考过的众多网友的高大上快捷操作方法写点总结，备忘之。 一、同时添加多个Outlet以及直接连线IBAction 在IB中选中一个View并右击，将出现半透明的黑色
ios XIB
猴子和派大星
01-02 355
网格 [coll registerNib:[UINib nibWithNibName:@"VideoCollectionViewCell" bundle:nil] forCellWithReuseIdentifier:@"cell"]; 无nib [yyCollectionView registerClass:[MYCollectionViewCell class] forCellWithRe...
xcode快捷键 IOS开发快捷键 比较全面
无问西东的博客
03-13 721
转载：iOS开发快捷键 作者：指尖书法 链接：https://www.jianshu.com/p/8e5c6acb840f 一、快速移动相关 代码移动: 上：command + option + [ 下：command + option + ] 左：command + [ 右：command + ] 代码上下左右移动 快速移动光标到当前整个编辑区域的顶部/底部...
Xcode6快捷键、小技巧与xib圆角设置
09-18 334
原文 快捷键： 1、StoryBoard技巧 当你想直接在view中选择自己想要的元素时，但是又碍于一个view上叠加的元素太多很难直接选中，那么在这时，你同时按住键盘上的shift和 control键，然后在你想选择的元素上点击鼠标，会弹出一个窗口，上面罗列了鼠标点击的位置下所有存在的元素，然后你再去进行选择会变的异常的简单。 2、快速在文件树视力中切换到当前文件
IOS Xib控件拖拽与页面跳转
az44yao的专栏
10-16 358
之前一直都是用代码写UI，Xib使用比较少，今天做个简单的总结，也算重新学习下。 如下图一，右上角的红色圈圈，用来分屏用的，可以切换成2个屏幕，一个展示Xib的UI，一个展示代码，如下所示。主要为了控件与代码之间的连线用。 1. 给UIlabel ，UItextField 等控件关联IBOutlet 选中一个控件然后右键，然后出现一个黑色的框（如图2，红色圈起来的），然后选中Referencing Outlets ，按住ctrl建，拖到代码区域，就可以生成 @property (strong,no
IOS xib布局小技巧-边框设置
08-31
首先，对于设置边框宽度和圆角半径，我们可以直接在XIB的右侧标识符检测器（Identity Inspector，通常在第三个标签页）中使用User Defined Runtime Attributes进行操作。这个功能允许我们在不编写任何代码的情况下，...
iOS自学笔记之XIB的使用教程
08-31
在iOS开发中，XIB（XML Interface Builder）是Apple提供的一种可视化设计工具，用于构建用户界面。XIB文件是一种XML格式的文件，它允许开发者通过拖放的方式来创建和布局UI元素，减少了手动编写代码的工作量，使得UI...
iOS屏幕适配开发实用技巧
09-01
在iOS开发中，屏幕适配是一项至关重要的任务，因为不同的设备有着不同的屏幕尺寸和分辨率。以下是一些关于iOS屏幕适配开发的实用技巧。 首先，处理屏幕旋转是适配过程中的一个基本步骤。通过注册`...
iOS开发教程案例代码.zip
最新发布
02-08
这个“iOS开发教程案例代码.zip”压缩包很可能是包含了一个使用Swift进行iOS应用开发的示例项目，名为“IOS-BasedOnSwift-master”。这个项目可能包含了从基础到进阶的各种Swift编程技巧和iOS应用设计实践。 首先，...
精通iOS开发（第8版）源码
05-11
通过深入研究《精通iOS开发（第8版）》的源码，开发者不仅可以熟悉Swift编程语言，还能掌握实际项目开发中的各种技巧和最佳实践，从而提升自己的iOS开发能力。同时，这些源码对于初学者来说是宝贵的参考资源，有助于...
IOS如何在xib文件中更改View的层级
Yuke213的博客
03-30 821
在学习IOS的过程中实在是遇到了太多的坑，这边做个记录吧。 如何在XIB文件中改变View的层级，让后添加的View显示在之前添加的View的上面。 点击图示的位置，打开图层信息，直接拖动View即可改变View的层级。 ...
【xcode】Xcode常用快捷键与技巧
qq_43331089的博客
12-18 1704
范围编辑：将光标移动到要编辑的符号，鼠标指针在字符上停留一两秒就会在字符右边出现一个小小的倒三角，点击那个三角并从菜单中选择Edit All in Scope，默认快捷键Ctrl+Command+E。Static Analyzer，发现编译器警告不会提示的问题和一些个人的内错泄露和死存储（不会用到的赋了值的变量）错误。将光标放在方法中，点击‘CTRL + 1 ’就可以很方便地通过弹出的视图访问该方法的所有调用者和被调用者.这样,终端就显示出我们的代码量,不过这里需要注意的是,注释也算在其中.
iOS 视图层次管理 sendSubviewToBack、bringSubviewToFront
lqk的博客
02-22 1万+
直接上代码 [objc] view plain copy  print? - (void)viewDidLoad {       [super viewDidLoad];       // Do any additional setup after loading the view, typically from a nib.  
UIView层次管理（sendSubviewToBack，bringSubviewToFront）
Linlei的专栏
02-07 7250
将一个UIView显示在最前面只需要调用其父视图的 bringSubviewToFront（）方法。 将一个UIView层推送到背后只需要调用其父视图的 sendSubviewToBack（）方法。
Outlet Collections
chuanyituoku的专栏
10-28 1609
An outlet collection is an NSArray instance variable (in code) matched (in a nib) by multiple connections to objects of the same type. For example, suppose a class contains this property declaration:
iOS开发之xib技巧介绍
dlz111的专栏
06-02 735
iOS开发的这些年里，有的人用代码创建UI，有的人用xib创建UI。到底是用xib还是代码来创建UI,这个问题以前也有过很多争论，我只想说一点，各有各的优点。如果能够将两者融合贯通，那将是更有优势。笔者开发过程中，UI能用xib就尽量用xib（能用storyboard就用storyboard, 一个storyboard里最好别装太多的UIViewController，这在结队开发中将不利）。本文主
利用xcode查看UI层级关系
我的专栏
02-15 9378
如图
iOS开发：XIB之AutoLayout添加约束
热门推荐
Dongxk的博客
03-16 1万+
XIB——AutoLayout添加约束 仿QQ登录界面： 说明：以下各图背景红色只是方便看清楚； 1.创建工程：创建xib文件，不会，可看上上上篇：初识xib； 2.打开xib文件： (1).创建头像： 拖控件：uiimageview——》放到任意位置——》点击Align键，Pin键；如下图： 此时：就可以对控件任意约束了： 说明：由于时间原因，没介绍的以后慢慢自己琢磨； ...
iOS开发小技巧--TableView中headerView的循环利用,以及自定义的headerView
05-13
在 iOS 开发中，TableView 是一个非常重要的视图控件，用于展示大量数据。而 TableView 中的 HeaderView 和 FooterView 也是非常重要的组件，可以用于展示一些额外的信息或者操作按钮。在 TableView 中，我们可以通过注册重用标识符来复用 Cell，但是对于 HeaderView 和 FooterView 却没有提供类似的注册方法。本文将介绍如何在 TableView 中循环利用 HeaderView，并且还会介绍如何自定义 HeaderView。 ## 循环利用 TableView 中的 HeaderView 在 TableView 中，我们可以通过以下方法来设置 HeaderView： ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.bounds.size.width, 44)]; headerView.backgroundColor = [UIColor grayColor]; return headerView; } - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section { return 44; } ``` 上面的代码中，我们通过实现 `tableView:viewForHeaderInSection:` 方法来设置 HeaderView 的内容和样式，通过实现 `tableView:heightForHeaderInSection:` 方法来设置 HeaderView 的高度。但是如果我们在 TableView 中有很多组数据，每次都创建一个新的 HeaderView 会非常消耗性能，因此我们需要对 HeaderView 进行循环利用。 循环利用 HeaderView 的实现方法非常简单，我们只需要在 TableView 的代理方法中通过 `dequeueReusableHeaderFooterViewWithIdentifier:` 方法来获取 HeaderView，如果获取到的 HeaderView 为 nil，就创建一个新的 HeaderView，否则就返回重用的 HeaderView。 ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { static NSString *headerIdentifier = @"headerIdentifier"; UITableViewHeaderFooterView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentifier]; if (!headerView) { headerView = [[UITableViewHeaderFooterView alloc] initWithReuseIdentifier:headerIdentifier]; headerView.contentView.backgroundColor = [UIColor grayColor]; } return headerView; } ``` 上面的代码中，我们首先定义一个静态的重用标识符 `headerIdentifier`，然后通过 `dequeueReusableHeaderFooterViewWithIdentifier:` 方法获取重用的 HeaderView。如果获取到的 HeaderView 为 nil，我们就创建一个新的 HeaderView，并且设置它的重用标识符为 `headerIdentifier`。最后，我们设置 HeaderView 的背景颜色，并且返回 HeaderView。 ## 自定义 TableView 中的 HeaderView 除了循环利用 HeaderView，我们还可以自定义 HeaderView。自定义 HeaderView 的方法与自定义 Cell 的方法类似，我们需要在 XIB 或者代码中创建一个自定义的 HeaderView，然后在 TableView 的代理方法中返回它。 ### 在 XIB 中创建自定义 HeaderView 在 XIB 中创建自定义 HeaderView 的方法非常简单，我们只需要创建一个新的 XIB 文件，然后在 XIB 中添加一个 UIView，将它的 Class 设置为 UITableViewHeaderFooterView，接着就可以在 XIB 中自定义 HeaderView 的内容和样式了。 创建完成后，我们需要在代码中注册这个 XIB 文件，并且设置它的重用标识符。在 TableView 的初始化方法中，我们可以通过以下方法来注册 XIB 文件： ``` UINib *headerNib = [UINib nibWithNibName:@"HeaderView" bundle:nil]; [tableView registerNib:headerNib forHeaderFooterViewReuseIdentifier:@"headerIdentifier"]; ``` 上面的代码中，我们首先通过 `nibWithNibName:bundle:` 方法加载 XIB 文件，然后通过 `registerNib:forHeaderFooterViewReuseIdentifier:` 方法注册 XIB 文件，并且设置它的重用标识符为 `headerIdentifier`。 最后，在 TableView 的代理方法中，我们可以通过以下方法来获取自定义的 HeaderView： ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { static NSString *headerIdentifier = @"headerIdentifier"; UITableViewHeaderFooterView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentifier]; return headerView; } ``` ### 在代码中创建自定义 HeaderView 在代码中创建自定义 HeaderView 的方法也非常简单，我们只需要创建一个继承自 UITableViewHeaderFooterView 的类，然后在这个类中实现自定义 HeaderView 的内容和样式。 ``` @interface CustomHeaderView : UITableViewHeaderFooterView @property (nonatomic, strong) UILabel *titleLabel; @end @implementation CustomHeaderView - (instancetype)initWithReuseIdentifier:(NSString *)reuseIdentifier { if (self = [super initWithReuseIdentifier:reuseIdentifier]) { self.contentView.backgroundColor = [UIColor grayColor]; self.titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 0, self.contentView.bounds.size.width - 20, self.contentView.bounds.size.height)]; self.titleLabel.font = [UIFont systemFontOfSize:16]; self.titleLabel.textColor = [UIColor whiteColor]; [self.contentView addSubview:self.titleLabel]; } return self; } @end ``` 上面的代码中，我们创建了一个名为 `CustomHeaderView` 的类，继承自 UITableViewHeaderFooterView。在这个类的初始化方法中，我们设置了 HeaderView 的背景颜色，并且创建了一个 UILabel 来显示标题，最后将它添加到 HeaderView 的 contentView 上。 创建完成后，我们需要在代码中注册这个自定义 HeaderView，并且设置它的重用标识符。在 TableView 的初始化方法中，我们可以通过以下方法来注册自定义 HeaderView： ``` [tableView registerClass:[CustomHeaderView class] forHeaderFooterViewReuseIdentifier:@"headerIdentifier"]; ``` 上面的代码中，我们通过 `registerClass:forHeaderFooterViewReuseIdentifier:` 方法注册自定义 HeaderView，并且设置它的重用标识符为 `headerIdentifier`。 最后，在 TableView 的代理方法中，我们可以通过以下方法来获取自定义的 HeaderView： ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { static NSString *headerIdentifier = @"headerIdentifier"; CustomHeaderView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentifier]; headerView.titleLabel.text = [NSString stringWithFormat:@"Header %ld", section]; return headerView; } ``` 上面的代码中，我们首先定义一个静态的重用标识符 `headerIdentifier`，然后通过 `dequeueReusableHeaderFooterViewWithIdentifier:` 方法获取自定义的 HeaderView，并且设置它的标题为 `Header section`。最后，我们返回自定义的 HeaderView。 总结 在本文中，我们介绍了如何在 TableView 中循环利用 HeaderView，并且还介绍了如何自定义 HeaderView。循环利用 HeaderView 可以提高 TableView 的性能，自定义 HeaderView 可以让我们更加灵活地控制 HeaderView 的样式和内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值