《OC基础教程》读书笔记5-创建简单的用户界面

      我手上的这本书已经是古董了,里面很多的知识点已经失效,如创建用户这个已经完全不适用于xcode8.3版本了,参考了几位大神的博客,大致了解怎么创建用户界面。简要记录如下:

 1 ,新建一个工程"File-New - Object",选择Single View Application.

《OC基础教程》读书笔记5-创建简单的用户界面_第1张图片

2,编辑界面文件Main.storyboard

《OC基础教程》读书笔记5-创建简单的用户界面_第2张图片

3,拖入组件。

《OC基础教程》读书笔记5-创建简单的用户界面_第3张图片

注意要选中红色框的标签,不然看不到组件。选中组件,往左边那个框中拖就成了(如果组件不在需要,"delete"键可以删除掉),拖一个Label, 一个Text,2个Button。顺手改一下button的label。

效果图

《OC基础教程》读书笔记5-创建简单的用户界面_第4张图片

4,关于代码

稍微有点复杂,如图所示,按1,2,3顺序操作。注意,在2点时候需要选中ViewController.h;

操作3的时候需要按住ctrl往右边拖

《OC基础教程》读书笔记5-创建简单的用户界面_第5张图片


接下来在弹出的框中输入管理对象的变量名。

《OC基础教程》读书笔记5-创建简单的用户界面_第6张图片

这样就将label关联到代码中。继续关联Text,变量名为tf

关联button的方法也如上图类似,区别在操作2的时候需要选中ViewController.m

这里将uppercase按钮的name设置成"up",lowercase按钮设置成"low"


5,完善按钮点击代码

- (IBAction)up:(id)sender {

    NSString *str =self.tf.text;

    self.lb.text = [struppercaseString];

}


- (IBAction)low:(id)sender {

    NSString *str =self.tf.text;

    self.lb.text = [strlowercaseString];

}


搞完收工。在Text中输入英文,uppercase按钮会讲这段文字转成大写,并显示在label中







你可能感兴趣的:(IOS)