【实现QQ登录界面 Objective-C语言】

一、实现QQ登录界面

1.实现这样的QQ登录界面

1.实现这样的QQ登录界面

2.首先，分析一下，这个界面里，都有哪些控件

是不是两个Label，两个TextField文本框，1个Button吧

3.先拖1个Label上来

再拖1个TextField文本框上来，在这个Label右边，

然后选中这两个控件，

按住option键，往下拖，

再来1个按钮，

4.然后，设置一下两个Label的文字，

第一个Label显示“QQ”两个字，

第二个Label显示“密码”两个字，

改一下两个Label的文字，

5.然后，QQ这个文本框，有一个默认显示的文字，默认是显示灰色的“请输入QQ”，焦点1放进去的话，会消失

这个怎么实现呢，用TextField的Placeholder属性，

下面这个密码文本框，默认是“请输入密码”

设置好placeholder之后，

运行一下，焦点进来之后，灰色的文字是不是还在，

但是当你输入文字的时候，那几个文字是不是就没有了

这些是不是iOS系统已经帮我们实现了，我们要做的，就是设置这个placeholder这个属性，就可以了

6.下一个需求，要求密码框输入之后，要变成掩码，

怎么实现，

选中这个密码文本框，里面有一个属性，叫做Secure Text Entry

勾选这个属性，

7.下一个需求，要求QQ文本框只能输入数字，

怎么实现，设置这个文本框的键盘类型

keyboard Type属性，

把它设置成Number pad，就可以了

8.下一个需求，当用户点击“登录”按钮的时候，把QQ和密码输出，并且退出键盘，

那么我们等会儿要给它注册单击事件，

9.下一个需求，每个文本框右侧都显示“清除”按钮，

怎么实现，

用文本框的Clear Button属性，默认值是Never appears

选中第一个文本框，属性里面有一个叫clear button，

Clear Button后面，有一个Never Appears，是不是从来不显示啊

我们给它改成Is always visible，

是不是永远显示吧，一直显示，

或者给它来一个Appears while editing，当你编辑的时候显示，

10.然后我们实现这个“登录”按钮，

把这个按钮选中，把里面的文字给它改成“登录”

然后拖拽1个单击事件，

选中这个按钮，打开辅助编辑器，

按住control键，拖线拖到ViewController.m文件的延展里，

设置5个参数。

第一个参数：Connection，给个Action

第二个参数：Name，给个login

第三个参数：Type，给个id

第四个参数：Event，给个Touch Up Inside

第五个参数：Argument，给个None

再点Connect

这样的话，当按钮单击的时候，我们这个登录的方法，是不是就有了啊

注意，在我们这个登录方法里面，我们是不是要拿到两个文本框的内容啊，

所以，还得把这两个文本框拖线到这个控制器的延展里

拖两根线，然后用两个属性，来引用这两个文本框吧

好，选中第一个文本框，

按住control键，拖线过来，

输入4个参数，

第一个参数：Connection，给个Outlet

第二个参数：Name，给个txtQQ，

第三个参数：Type，给个UITextField

第四个参数：Storage，给个Weak

点击Connect

选中第二个文本框，

按住control键，拖线过来，

输入4个参数，

第一个参数：Connection，给个Outlet

第二个参数：Name，给个txt Password

第三个参数：Type，给个UITextField

第四个参数：Storage，给个Weak，

点击Connect

这样的话，用户名和密码，是不是就都有了，这两个文本框就有了，

然后，我们在这里是不是要输出这两个文本框的内容吧

比如说，我们拿到QQ，

NSString *qq = self.txtQQ.text;

NSString *pwd = self.txtPassword.text;

好，这样的话，拿到用户的用户名和密码了吧，

然后把它输出，

NSLog(@“QQ：%@，密码：%@”,qq,pwd);

运行一下，试一下，看看用户名和密码，是不是都输出了

11.点击“登录”按钮之后，退出键盘

怎么实现，我们是不是有两种方式，

第一种方式，是让当前键盘的第一响应者辞职，

第二种方式，是让当前控制器所管理的这个大View，让它停止编辑，

怎么写，

[self.view endEdition:YES];

这样的话，结束编辑，然后再运行的话，看看，键盘是不是回去了