【GeekBand】Week3. iOS应用开发实战记录（1）

纸上得来终觉浅，绝知此事要躬行

本周笔记综合课堂的学习，主要围绕第一周作业的过程、遇到的问题以及解决办法进行记录。

一、需求分析

---

1. 用户需求（勉强算是吧）
   用户可以输入自己的名字，并在屏幕上打招呼，并可以清除消息文字

2. 练习

• storyboard的用法
• lable，textfield，button，image控件的用法
• 从txt中读取文字
• 通过代码创建button

二、项目设计

---

1. 简易流程图

   
   流程图

2. 界面设计

   
   哎呀我摔倒了_(:зゝ∠)_

三、编码

---

1. 界面

   
   

• lable
  颜色字体字号居中什么的都在这里设置

  
  
  

• Text Field
  同样在此处对上述属性进行处理

  
  
  

  需要注意的是

Placeholder属性

用于简单提示，用户看一眼就能明白的不需要一直看着的一般用在此处

Clear Button属性

用户输入之后右边会有一个灰色的叉叉用于清除输入的文字，这里就是设置这个清除按钮什么时候出现的
Clear when editing begins，顾名思义，是否在每次用户输入时都清空textfield

• button

  
  
  

Type & State Config属性

这里的Type以及State Config有多种选择，分别对应不同的按钮样式和状态

Image & Background属性

这里我采用将按钮设为图片的方法来进行美化，就在image处设置，分别对Default和Highlighted状态设置图片达到我想要的效果
Background可以将背景设为图片同时存在按钮文字
大家可根据不同美化需要来选择~

• image
  提到按钮美化就来简单说一下图片吧~
  直接在这里把需要的图片拖进来即可

  
  

AppIcon

里面是应用程序图标设置，在需要的地方分别拖一张合适的图片进去就可以了
我对图片处理不是很在行又不想直接用老师的图片，所以这里就没做啦_(:зゝ∠)_

2. 内部实现
   上面提到的部分都是直接在storyboard中和ViewController.m直接联系起来的，下面是直接通过代码实现的部分，即从txt中读取文字以及在打招呼按钮响应代码里创建清除消息文字按钮

• 过程中已解决的问题（具体解决方法去代码里找啦！都注释出来了）
  • 读取的txt文件要添加到工程里，否则url取不到
  • 如何将txt中内容读取到数组中
  • 如何取随机数arc4random_uniform
  • 如何用代码创建button并响应
  • 如何防止重复创建，这里我使用的是BOOL类型的实例变量（也许这里也可以通过tag控制？），大家还有什么好方法也可以交流一下
  • 创建时不能忘记setTitleColor，居然默认是白色_(:зゝ∠)_
  • 设置属性时一定要加上forState:，button是有好多种状态的
  • button的显示与隐藏
  • 通过tag访问button
  • button创建后要设置显示
• 未解决问题
  • 如何收回键盘，如何取消textfield焦点
  • 单元测试忘记啦！_(:зゝ∠)_

3. 以下就是主要代码啦~

/* 打招呼 */
- (IBAction)greeting:(id)sender {
    
    /* 获取greeting.txt路径 */
    NSURL* url = [[NSBundle mainBundle] URLForResource:@"greeting"
                                         withExtension:@"txt"];
    
    /* 读取文件，utf-8编码，放入NSArray中 */
    NSString* txtString =
    [NSString stringWithContentsOfURL:url
                             encoding:NSUTF8StringEncoding
                                error:nil];
    NSArray* greetingArray = [txtString componentsSeparatedByString:@"\n"];
    NSInteger idx = arc4random_uniform((u_int32_t)greetingArray.count);
    NSString* greetingString = greetingArray[idx];
    
    /* 界面显示 */
    if (self.nameField.text.length > 0) {
        self.messageLable.text = [NSString stringWithFormat:@"%@: %@",
                                  self.nameField.text,
                                  greetingString];
    }
    
    /* 创建清除按钮，已创建时显示或隐藏 */
    if (![self.messageLable.text isEqualToString:@"哎呀喵小扣摔倒了_(:зゝ∠)_"]) {
        if (!_clearButtonExist) {
            [self createButton];
        }
        else {
            UIButton* button = [self.view viewWithTag:999];
            button.hidden = NO;
        }
    }
}

/* 创建按钮 */
- (void)createButton {
    UIButton* clearButton = [[UIButton alloc] init];
    clearButton.tag = 999;
    clearButton.frame = CGRectMake(120, 128, 80, 30);
    [clearButton setTitle:@"不理她了" forState:UIControlStateNormal];
    [clearButton setTitleColor:[UIColor blueColor]
                      forState:UIControlStateNormal];
    /* 响应 */
    [clearButton addTarget:self
                    action:@selector(clearMessage:)
          forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:clearButton];
    _clearButtonExist = YES;
}

/* 清除消息文字，同时隐藏清除按钮 */
- (IBAction)clearMessage:(id)sender {
    self.messageLable.text = @"哎呀喵小扣摔倒了_(:зゝ∠)_";
    UIButton* button = [self.view viewWithTag:999];
    button.hidden = YES;
}