第一个iOS界面

Obejctive-C 专栏收录该内容
9 篇文章 0 订阅

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等模型。

  • 2
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值