iOS 开发准备工作和 控件的使用(1)

 首先介绍下我，最近去学车和其他事情，一直没写博客。直到今天发现一个月+没有写点东西了。继续努力写的自己的学习笔记，给大家分享，同时也希望给大家有所帮助。

 我辞职了，不想干我之前的工作，种种原因。辞职前，我就准备好好学习ios开发，一定要找个ios开发工作。也许，不知道那根筋抽了，直接辞职，好好去学习ios。辞职现在一个月了，每天任务是，学习ios，白天经常去学车，晚上参加的夜跑组织跑步，所以学的ios东西就一点点。现在我知道了，时间是过的那么快，辞职一转眼就一个月了，好好去学它，废话少说进入主题，今天，学控件的使用。学之前，说下基础的东西。(本文适合初学者，如果里面有错误，请指出，谢谢)

----------------------------------------

1. ios开发用的语言：oc/c++ 基础

如果你基础不好，建议看看视频，找点资料看看 学习视频资料 点击下载

2.  开发环境

 2-1   mac os x 苹果本或台式机 更好了     (价格高、投入大)                      【开发效率高，兼容好】

 2-2   黑苹果                                                   (中关村安装一个约100大洋)   【开发效率一般，兼容还行】

 2-3   虚拟机                                                   (0投入)                                        【开发效率相比低（得看电脑配置了），兼容稍微差】

我，屌丝一个，没什么存款，老家农村出来在外地工作。学习阶段，选择了后者。

----------------------------------------

个人配置：

hp i3390 4G内存 500硬盘 

win7 64bit

----------------------------------------

开发环境：

1. 虚拟机

2. mac os x 系统(安装虚拟机里面的)

3.  xcode

这样的配置，如果真机，不工作，虚拟机里面开发还算可以的。但是经常卡，那是一定的，从思想上做好打硬仗的准备。

不会告诉你，现在我就在虚拟机 mac os x系统里，写博客........

----------------------------------------

( 前期基础东西 环境配置等等不说了，到时候我写篇文章专门教大家。希望大家关注我的博客....

 下面直接进入开发，写代码 对于程序员们才是王道。 )

1. 创建一个新的project，选择“Single View Application”，命名为“Contrl fun”，然后保存。

(创建后的项目目录)

2）添加ImageView
选中project navigator中的ViewController.xib，在object library中找到Image View并拖入iphone视图中。
当把Image View拖入iphone视图后，Image View会拉伸充满整个iphone的界面（除了最上面的状态栏）。

2-1 准备一张图片，放到控件上显示。建议复制一张图片，先放到桌面，然后，拖到 Supporting Files文件夹下，

     松开鼠标，显示提示框，选择 如下:

打开文件夹里面就是我们刚刚放进去的图片，

2-2 把图片放到控件上显示，选中控件 ImageView，点击右边的属性，如图 选择刚刚的照片名称

                                      

先看看效果:

图片显示了，简单吧，如果你会C#，这里就更简单了。

3。 拖2个Label控件 

      2个Text Field 控件 

      2个Button控件

拖上去，排列好，为文本框里面，加入 提示文字，

选中一个文本框，右边的属性，placeholder 修改为 输入用户名或编号

选中一个文本框，右边的属性，placeholder 修改为 输入数字

效果图，如下

（提示：按照常理第二个文本框应该是密码，这里只是演示控件的使用，见谅）

4. 第二个文本框，我们只能输入数字(在弹出输入法时候)

 修改属性：选择输入数字文本框，右边属性 Keyboard  值修改为 Number Pad

运行，看看效果：保存代码，点击 Run [工具栏第一个]

运行状态有点慢，稍等下

上图，状态条走完，模拟器就自动打开了，可以看看效果了

第一个文本框，输入用户名，获得焦点，默认出来输入法，这个都一样，不截图演示了。

焦点放到，输入数字文本框，弹出，如下图

还有一个问题 输入完成，怎么隐藏掉输入法，接下来就是解决这个问题...

5. 输入完成隐藏输入法

   输入用户名时候，弹出的输入法中，发现最右边有一个键【return】是否可以，利用这个键，进行隐藏输入法，答案是肯定的。

打开文件 ViewController.h 添加代码如下

//用户名 输入完毕后 点击【return键】 隐藏输入法

- (IBAction)textFieldDoneEditing:(id)sender;

打开文件 ViewController.m 添加代码如下 实现它的方法

//隐藏输入法 

- (IBAction)textFieldDoneEditing:(id)sender

{

    [sender resignFirstResponder];

}

代码写完了，我们要把控件和方法 绑定。。。

俩种方法：

1、打开设计器 、选中 文本框、点击 右边属性方法 如下图

鼠标放到后面的原点(前期是空心) 按住左键，拖到 左边的，File‘s Owner 松开鼠标，显示你写好的方法

选中 

textFieldDoneEditing 方法、你会发现 后面的原点 变实心了，说明已经连上了。

2. 第二种方法实现 （参考6后面会讲解）

运行，看下效果 ，输入完毕，点击 return  确实隐藏了 不在这里一一截图了。

你一定会问，输入数字时候，没return这个键，输入完数字怎么隐藏。接下来，咱们就解决这个问题...

6. 解决数字键，输入完就隐藏，最直接方法 点击其他 空白界面自动 隐藏（这也是手机app输入框最常用的 包含我们最熟悉的 QQ登录，不妨 你拿出手机试试）

   我就要实现这个：

打开设计器，点击任意空白处、右边属性 如下图

打开文件 ViewController.h 添加代码如下

//数字

@property (weak, nonatomic) IBOutlet UITextField *txtpwd;

//用户名

@property (weak, nonatomic) IBOutlet UITextField *txtuname;

- (IBAction)backgroundTap:(id)sender;

打开文件 ViewController.m 添加代码如下 实现它的方法(整个代码块都放到这里了 参考）

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

@synthesize txtpwd;

@synthesize txtuname;

- (void)viewDidLoad

{

    [super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

}

- (void)didReceiveMemoryWarning

{

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

//隐藏输入法 

- (IBAction)textFieldDoneEditing:(id)sender

{

    [sender resignFirstResponder];

}

- (IBAction)backgroundTap:(id)sender

{

    [txtuname resignFirstResponder];

    [txtpwd resignFirstResponder];

}

@end

新的一种 控件和事件绑定，(可以参考5后面)

打开设计器、选择 如图

整个界面分为，上下俩部分 如图

点击空白处，右键弹出，选择touch down 鼠标放到 后面的原点，按住鼠标左键，拖动，到下面指定的方法块，松开 即可

空心方法，变实心

到这里，代码ok了，运行 试试效果。休息下，待会继续学习...