【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

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

  1. 内部实现
    上面提到的部分都是直接在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;
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,544评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,430评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,764评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,193评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,216评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,182评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,063评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,917评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,329评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,543评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,722评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,425评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,019评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,671评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,825评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,729评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,614评论 2 353

推荐阅读更多精彩内容