IOS 开发qq登陆界面

// ViewController.m

// QQUI_bydfg

// Created by Kevin_dfg on 16/4/15.

#import "ViewController.h"

//图片选择器协议

@interface ViewController () <UINavigationControllerDelegate, UIImagePickerControllerDelegate>

//**************************设置控件的坐标*********************************

//屏幕宽高

#define screenWidth self.view.frame.size.width

#define screenHeight self.view.frame.size.height

//qq头像宽高

#define qqY 80

#define qqW 0.25*screenWidth

#define qqX (screenWidth - qqW)/2

#define qqH qqW

//账号

#define accountX 0

#define accountY qqY+qqH+20

#define accountW screenWidth

#define accountH 50

//密码

#define passwdX 0

#define passwdY accountY+accountH+20

#define passwdW screenWidth

#define passwdH 30

//登陆按钮

#define loginX 35

#define loginY passwdY+passwdH+20

#define loginW screenWidth-2*loginX

#define loginH 50

//登陆失败

#define failedX 10

#define failedY 0.95*screenHeight

#define failedW 80

#define failedH 25

//注册用户按钮

#define newX 0.8*screenWidth

#define newY 0.95*screenHeight

#define newW 80

#define newH 25

//************声明头像，密码，登陆失败，注册用户*********************************

@property(nonatomic,strong)UIButton *headBtn ;

@property(nonatomic,strong)UIButton *loginBtn;

@property(nonatomic,strong)UIButton *failedBtn ;

@property(nonatomic,strong)UIButton *signBtn;

@property(nonatomic,strong)UITextField *account, *passwd;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

//*****************************qq头像******************************

//分配初始化qq头像按钮

self.headBtn =[[UIButton alloc]initWithFrame:CGRectMake(qqX, qqY, qqW, qqH)];

//设置qq头像

[_headBtn setBackgroundImage:[UIImage imageNamed:@"head.jpg" ] forState:UIControlStateNormal];

//添加图层蒙版，圆角化

_headBtn.layer.cornerRadius=qqH/2;

_headBtn.layer.masksToBounds=YES;

[_headBtn addTarget:self action:@selector(changHeadAction:) forControlEvents:UIControlEventTouchUpInside];

//添加头像按钮到视图

[self.view addSubview:_headBtn];

//****************************账户和密码控件*****************************

//分配初始化账户和密码按钮

_account =[[UITextField alloc]initWithFrame:CGRectMake(accountX, accountY, accountW, accountH)];

_passwd =[[UITextField alloc]initWithFrame:CGRectMake(passwdX, passwdY, passwdW, passwdH)];

//设置账户的背景图片

[_account setBackground:[UIImage imageNamed:@"login_textfield.png"]];

//设置账户和密码的属性：居中，数字键盘，提示符

_account.textAlignment=NSTextAlignmentCenter;

_account.keyboardType=UIKeyboardTypeNumberPad;

_account.placeholder=@"qq号/手机号/邮箱";

_passwd.textAlignment=NSTextAlignmentCenter;

_passwd.keyboardType=UIKeyboardTypeAlphabet;

_passwd.placeholder=@"qq密码";

//设置密码的密文显示

_passwd.secureTextEntry=YES;

[self.view addSubview:_account];

[self.view addSubview:_passwd];

//**************************登陆按钮*********************************

//分配初始化登陆按钮

_loginBtn=[[UIButton alloc]initWithFrame:CGRectMake(loginX, loginY, loginW, loginH)];

//设置登陆按钮的效果

[_loginBtn setBackgroundImage:[UIImage imageNamed:@"loginBtn_nor.png"] forState:UIControlStateNormal];

[_loginBtn setBackgroundImage:[UIImage imageNamed:@"loginBtn_h.png"] forState:UIControlStateHighlighted];

//为登陆按钮设置监听事件

[_loginBtn addTarget:self action:@selector(loginAction:) forControlEvents:UIControlEventTouchUpInside];

//将登陆按钮添加到视图

[self.view addSubview:_loginBtn];

//**************************登陆失败按钮*********************************

//分配初始化登陆失败按钮

_failedBtn =[[UIButton alloc]initWithFrame:CGRectMake(failedX, failedY, failedW, 25)];

//设置登陆失败按钮的效果

[_failedBtn setBackgroundImage:[UIImage imageNamed:@"failed.png"] forState:UIControlStateNormal];

[_failedBtn setBackgroundImage:[UIImage imageNamed:@"failed.png"] forState:UIControlStateHighlighted];

//为登陆失败按钮设置监听事件

[_failedBtn addTarget:self action:@selector(failedAction:) forControlEvents:UIControlEventTouchUpInside];

//将登陆失败按钮添加到视图

[self.view addSubview:_failedBtn];

//***********************新用户注册按钮*********************************

//分配初始化新用户注册按钮

_signBtn =[[UIButton alloc]initWithFrame:CGRectMake(newX , newY, newW, newH)];

//设置新用户注册按钮的效果

[_signBtn setBackgroundImage:[UIImage imageNamed:@"new.png"] forState:UIControlStateNormal];

[_signBtn setBackgroundImage:[UIImage imageNamed:@"new.png"] forState:UIControlStateHighlighted];

//为新用户注册按钮设置监听事件

[_signBtn addTarget:self action:@selector(signAction:) forControlEvents:UIControlEventTouchUpInside];

//将新用户注册按钮添加到视图

[self.view addSubview:_signBtn];

}

//**************************************改变头像事件***************************************

-(void)changHeadAction:(UIButton *)headBtn{

//分配初始化图片选择器

UIImagePickerController *picker=[[UIImagePickerController alloc] init];

//设置图片来源：系统相册

picker.sourceType=UIImagePickerControllerSourceTypePhotoLibrary;

//为图片选择器设置委托事件

picker.delegate=self;

//模态窗口显示图片选择器

[self presentViewController:picker animated:YES completion:nil];

}

//**************************图片选择器委托事件*********************************

- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingImage:(UIImage *)image editingInfo:(nullable NSDictionary<NSString *,id> *)editingInfo{

//选择系统相册里的图片当头像

[_headBtn setBackgroundImage:image forState:UIControlStateNormal];

//退出模态窗口

[picker dismissViewControllerAnimated:YES completion:nil];

}

//**************************登陆按钮事件*********************************

-(void)loginAction:(UIButton *)loginBtn{

//判断账号和密码是否为空

if (_account.text.length >0 &&_passwd.text.length >0) {

//分配初始化提示控制窗口

UIAlertController *alert = [UIAlertController alertControllerWithTitle:[NSString stringWithFormat:@"账号:%@",_account.text] message:[NSString stringWithFormat:@"密码:%@",_passwd.text] preferredStyle:UIAlertControllerStyleAlert];

//将确定按钮添加到提示框内

[alert addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:nil]];

//模态窗口显示提示窗

[self presentViewController:alert animated:YES completion:nil];

}else{

//分配初始化提示控制窗口

UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"错误" message:@"用户或密码不能为空" preferredStyle:UIAlertControllerStyleAlert];

//将确定按钮添加到提示框内

[alert addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:nil]];

//模态窗口显示提示窗

[self presentViewController:alert animated:YES completion:nil];

}

//*************************登陆失败事件**********************************

-(void)failedAction:(UIButton *)failedBtn{

//分配初始化提示控制窗口

UIAlertController *alert= [UIAlertController alertControllerWithTitle:@"找回密码" message:@"短信登陆" preferredStyle:UIAlertControllerStyleActionSheet];

//将确定按钮添加到提示框内

[alert addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil]];

//模态窗口显示提示窗

[self presentViewController:alert animated:YES completion:nil];

}

//**************************新用户注册事件*********************************

-(void)signAction:(UIButton *)signBtn{

//分配初始化提示控制窗口

UIAlertController *alert= [UIAlertController alertControllerWithTitle:@"验证手机号码" message:@"中国 +86 " preferredStyle:UIAlertControllerStyleActionSheet];

//将确定按钮添加到提示框内

[alert addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil]];

//模态窗口显示提示窗

[self presentViewController:alert animated:YES completion:nil];

}

@end

秒客网

IOS 开发qq登陆界面

相关文章