欢迎来到代码驿站!

iOS代码

当前位置:首页 > 移动开发 > iOS代码

iOS自学笔记之XIB的使用教程

时间:2020-10-07 14:28:18|栏目:iOS代码|点击:

软硬件环境

  • macOS Sierra
  • Xcode 8.2.1

前言

前面学习iOS编程时,画UI控件的时候用的都是直接敲代码的方式,基本都是先创建一个相应控件的对象,然后设置对象属性,最后添加相应的事件响应方法。那强大如Apple这样的公司有没有提供一种更方便、更易学的UI编写方法呢?答案是肯定的。那就是今天本文的主角XIB。它是一种可视化的方法,极大地降低了学习iOS编程的门槛。

XIB实践

创建一个名叫iOSXIBDemo的工程,打开工程info.plist文件,将Main storyboard file base name这个标签去掉,如下图所示

iOS_xib_01

创建一个iOS的Cocoa Touch类RootViewController,作为根视图控制器,它继承自UIViewController,并勾选上”Also create XIB file”选项

iOS_xib_02

iOS_xib_03

打开RootViewController.xib文件,从控件区中拖动一个UILabel和一个UIButton,界面上的操作就是这么简单,那XIB怎么跟代码同步呢?别着急,找到Xcode右上角的双环标记,单击它

iOS_xib_05

iOS_xib_06

这样在同一个画面就能同时看到XIB和RootViewController.m了,接着开始进行代码同步。找到XIB中的UILable对象,同时按住Ctrl键 + 鼠标左键,将光标移动到RootViewController.m中的@interface和@end之间放开,弹出对话框。这里Connection的类型,对于UILabel来说是选Outlet,而UIButton选的是Action。我的理解是的可以响应事件的控件就选Action

iOS_xib_07

iOS_xib_08

绑定完成后,在对应的代码前会有个实心圆。在UIButton点击响应时间函数加句打印

- (IBAction)mButton:(id)sender {
  NSLog(@"button clicked.") ;
}

接下来开始加载根视图控制器,修改AppDelegate.m中的didFinishLaunchingWithOptions方法,同时需要将RootViewController.h头文件import进来

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  // Override point for customization after application launch.

  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds] ;

  RootViewController* root = [[RootViewController alloc] initWithNibName:@"RootViewController" bundle:[NSBundle mainBundle]] ;

  self.window.rootViewController = root;

  [self.window makeKeyAndVisible] ;

  return YES;
}

最后代码执行的效果如下

iOS_xib_09

源码下载:http://xiazai.jb51.net/201701/yuanma/iOS-XIB_jb51.rar

上一篇:iOS实现百度地图定位签到功能

栏    目:iOS代码

下一篇:ios实现文件对比的方法

本文标题:iOS自学笔记之XIB的使用教程

本文地址:http://www.codeinn.net/misctech/8155.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有