熟悉Xcode面板及新建HelloWorld工程

作者: 亦枫 | 来源:发表于2016-01-25 23:04 被阅读815次

    记录一个菜鸟的iOS学习之旅,如能帮助正在学习的你,亦枫不胜荣幸;如路过的大神如指教几句,亦枫感激涕淋!

    在这篇文章中,亦枫学习了Xcode常见面板的使用并试着新建一个伟大的工程 —— HelloWorld。

    打开Xcode开发工具,单击 [Create a new Xcode project]:

    如图,系统提供了好几套应用模板,作为初学者,我们选择 [Single View Application]模板,点击 [Next]:

    为应用设置基本信息,其中包含应用名称、组织名称、包名、编程语言(其中包含OC和Swift)以及应用安装的目标设备(iPhone、iPad和兼容两者的通用版)。

    然后点击 [Next] 选择工程保存的位置,设置完成之后就进入了Xcode主面板。


    如上图所示,Xcode的主面板包含了以上常用的展示模块,鼠标放每一个操作按钮上,都会有相应的操作提示,这里就不一一列举了。

    接下来要做这么一件事,在页面上放置一个按钮,并为其添加点击事件,点击事件将触发弹出一个Alert对话框。亦枫将尽量详细的描述每一个步骤,但是其中遇到的一些技术细节将在后续的文章中配合着使用场景逐一详细阐述。

    打开项目目录结构下的“Main.Storyboard”故事板文件,在右下角的控件区域中搜索“Button”按钮控件,并拖拽到布局面板中,在工具区域中,可以选择尺寸面板、属性面板等进行诸如背景色、文本内容、字体大小、按钮宽高等参数控制。

    在“ViewController.h”头文件中添加点击事件的定义,代码如下:

    #import <UIKit/UIKit.h>
    
    @interface ViewController : UIViewController<UITableViewDelegate, UITableViewDataSource>
    
    -(IBAction)showMessage;
    
    @end
    

    然后在“ViewController.m”文件中实现这个方法:

    #import "ViewController.h"
    
    @interface ViewController ()
    
    @end
    
    @implementation ViewController
    
    - (IBAction)showMessage{
        UIAlertView *hellowWorldAlert = [[UIAlertView alloc] initWithTitle:@"TitleTest" message:@"messageTest" delegate:nil cancelButtonTitle:@"cancelButton" otherButtonTitles:nil];
       
        [hellowWorldAlert show];
    }
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        
    }
    
    - (void)didReceiveMemoryWarning {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.
    }
    
    @end```
    
    如果此时运行“HelloWorld”工程,会在模拟器中展示按钮,但是点击事件无效,因为我们还没有为这个按钮和代码中的事件方法添加链接。
    
    打开故事板文件,选中按钮,按住 [control] 键,按住按钮并拖拽,出现连接指示线,移动到左侧OutLine的ViewController上面去,释放按键和按钮,弹出事件方法选择窗口,选择刚才在代码中定义的“showMessage”方法,这样就为故事板中的按钮和代码中的事件建立了连接。
    
    再次运行项目,便可以得到如下效果啦:
    
    ![](http:https://img.haomeiwen.com/i1094967/ac15800d32105f4b.gif?imageMogr2/auto-orient/strip)

    相关文章

      网友评论

      本文标题:熟悉Xcode面板及新建HelloWorld工程

      本文链接:https://www.haomeiwen.com/subject/vlhdkttx.html