ios 自定义LaunchScreen

文章目录

• xcode基本介绍

• 5个功能区
• 资源文件
• 可视化创建界面
• 连线建立界面与代码的联系

• button&label
• UIImageView
• 简易加法计算器
• 总结

xcode基本介绍

5个功能区

创建一个app项目，主要有5大区域：导航、编辑、消息、功能、工具栏

资源文件

资源文件一般存放入asset中（静态资源，动图不建议放入），打开Assets.xcassts，直接 拖拽 图片资源进入即可：

可视化创建界面

storyBoard:包含多个控制器，以及描述控制器如何跳转的（故事板看出一个app如何设计界面的）

• 点击右上角的加号➕可以添加控件，将控件拖拽到画布上即可，可在右侧修改控件属性
• 界面隐藏符号和新建页面符号可以根据需要调整界面，这一点是xcode比较nice的地方

连线建立界面与代码的联系

通过连线操作为控制器添加 属性（IBOutlet） 和 点击方法（IBAction）
详细看下面两个示例

button&label

• 在界面中添加一个label和一个button
• 显示Main.storyboard界面和ViewController.h代码界面，长按control键，同时鼠标左键将label链接到ViewController声明interface中



• 命名为labelHelloworld



• 自动为label标签设置一个labelHelloworld的指针；



• 显示Main.storyboard界面和ViewController.m代码界面，长按control键，同时鼠标左键将button链接到ViewController实现implementation中，点击connect链接



• 在点击函数中添加响应事件：将内容改为Helloworld；

_labelHelloworld.text= @"Hello world";

效果：

UIImageView

• 在界面添加一个button和一个ImageView控件，用于显示图片
• 显示Main.storyboard界面和ViewController.m代码界面，长按control键，同时鼠标左键将ImageView链接到声明中（在哪显示，就要先声明这个属性，就是给它一个名字叫做imageView）
  
  得到一个属性名：imageView
• 在implementation实现中链接button与方法，命名方法为showImage：
  
  调用显示一张图片，写图片名称即可：

self.imageView.image = [UIImage imageNamed:@"cat"];

注：在同一个文件类调用用self.ImageView,头文件用_labelHelloworld

结果：

简易加法计算器

如图所示：两个Text Field输入框，三个文本Label：+、=、0，一个button计算

• 右上角三角尺处，点击设置宽度和高度是控件尺寸，设置x，y是控件相对于屏幕左上角的距离
• 设置键盘属性为数字：右上角设置Keyboard Type为Number Pad即可；

关联主要控件：输入框分别命名为num1和num2，结果为result，计算为add方法；简单设置为浮点数：

//声明
@property (weak, nonatomic) IBOutlet UITextField *num1;
@property (weak, nonatomic) IBOutlet UITextField *num2;
@property (weak, nonatomic) IBOutlet UILabel *result;

//实现
- (IBAction)add:(id)sender {
    float result = _num1.text.floatValue + _num2.text.floatValue;
    _result.text = [NSString stringWithFormat:@"%.2f",result];
}

结果：

总结

连线如果连接了，但是删除了代码，需要删除链接点；删除控件会自动删除连接点不会删除代码。

除了storyboard还有xib文件，用于展示单个视图；实际开发中是相结合开发的。

实际项目更多的是手写封装，也方便修改。后期还会分mvc等模型。