LoginAndRegister--登录注册界面的设计过程

#define CYARGBColor(a, r, g, b) [UIColor colorWithRed:(r)/255.0 green:(g)/255.0 blue:(b)/255.0 alpha:(a)/255.0]
#define CYColor(r, g, b) CYARGBColor(255, (r), (g), (b))
#define CYGrayColor(v) CYColor((v), (v), (v))
#define CYCommonBgColor CYGrayColor(215)

// iOS7之前修改状态栏样式
 [UIApplication sharedApplication].statusBarStyle;
// iOS7开始由控制器来修改状态栏样式
/**
 * 让状态栏样式为白色
 */
- (UIStatusBarStyle)preferredStatusBarStyle
{
 return UIStatusBarStyleLightContent;
}
/**
 * 让状态栏样式为黑色
 */
- (UIStatusBarStyle)preferredStatusBarStyle
{
 return UIStatusBarStyleDefault;
}

#import <UIKit/UIKit.h>
@interface UIView (CYExtension)
@property (nonatomic, assign) CGFloat x;
@property (nonatomic, assign) CGFloat y;
@property (nonatomic, assign) CGFloat width;
@property (nonatomic, assign) CGFloat height;
@property (nonatomic, assign) CGFloat centerX;
@property (nonatomic, assign) CGFloat centerY;
@end

#import "UIView+CYExtension.h"
@implementation UIView (XMGExtension)
- (void)setX:(CGFloat)x
{
 CGRect frame = self.frame;
 frame.origin.x = x;
 self.frame = frame;
}
- (CGFloat)x
{
 return self.frame.origin.x;
}
- (void)setY:(CGFloat)y
{
 CGRect frame = self.frame;
 frame.origin.y = y;
 self.frame = frame;
}
- (CGFloat)y
{
 return self.frame.origin.y;
}
- (void)setWidth:(CGFloat)width
{
 CGRect frame = self.frame;
 frame.size.width = width;
 self.frame = frame;
}
- (CGFloat)width
{
 return self.frame.size.width;
}
- (void)setHeight:(CGFloat)height
{
 CGRect frame = self.frame;
 frame.size.height = height;
 self.frame = frame;
}
- (CGFloat)height
{
 return self.frame.size.height;
}
- (void)setCenterX:(CGFloat)centerX
{
 CGPoint center = self.center;
 center.x = centerX;
 self.center = center;
}
- (CGFloat)centerX
{
 return self.center.x;
}
- (void)setCenterY:(CGFloat)centerY
{
 CGPoint center = self.center;
 center.y = centerY;
 self.center = center;
}
- (CGFloat)centerY
{
 return self.center.y;
}
@end

#import "CYQuickLoginButton.h"
@implementation CYQuickLoginButton
- (void)awakeFromNib
{
 self.titleLabel.textAlignment = NSTextAlignmentCenter;
}
- (void)layoutSubviews
{
 [super layoutSubviews];
 // 这里先调用super,会先计算好按钮里面控件的位置和尺寸
 // 然后下面的代码再进行位置的相关调整
 // 一定得搞清楚先后顺序
 // 调整图片的位置和尺寸
 self.imageView.y = 0;
 self.imageView.centerX = self.width * 0.5;
 // 调整文字的位置和尺寸
 self.titleLabel.x = 0;
 self.titleLabel.y = self.imageView.height;
 self.titleLabel.width = self.width;
 self.titleLabel.height = self.height - self.titleLabel.y;
}
@end

#import "CYLoginRegisterViewController.h"
@interface CYLoginRegisterViewController ()
//@property (weak, nonatomic) IBOutlet UIButton *loginButton;
@end
@implementation CYLoginRegisterViewController
- (void)viewDidLoad {
 [super viewDidLoad];
 // 代码实现一:
 self.loginButton.layer.cornerRadius = 5;
 self.loginButton.layer.masksToBounds = YES;
 // 代码实现二:
 self.loginButton.layer.cornerRadius = 5;
 self.loginButton.clipsToBounds = YES;
 // 代码实现三:
 [self.loginButton setValue:@5 forKeyPath:@"layer.cornerRadius"];
 [self.loginButton setValue:@YES forKeyPath:@"layer.masksToBounds"];
}

- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = [UIColor whiteColor];
 // 文字颜色
 self.textColor = [UIColor whiteColor];
 // 设置带有属性的占位文字(也称为富文本)
 self.attributedPlaceholder = [[NSAttributedString alloc] initWithString:self.placeholder attributes:@{NSForegroundColorAttributeName : [UIColor grayColor]}];
 //把我们以前普普通通的占位文字传进去(initWithString)变成一个带有属性的占位文字(字典attributes)
}

#import "CYLoginRegisterTextField.h"
@implementation CYLoginRegisterTextField
- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = [UIColor whiteColor];
 // 文字颜色
 self.textColor = [UIColor whiteColor];
}
- (void)drawPlaceholderInRect:(CGRect)rect
{
 // 占位文字画在哪个矩形框里面
 CGRect placeholderRect = self.bounds;
 placeholderRect.origin.y = (self.height - self.font.lineHeight) * 0.5;
 // 文字属性
 NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
 attrs[NSForegroundColorAttributeName] = [UIColor redColor];
 attrs[NSFontAttributeName] = self.font;
 [self.placeholder drawInRect:placeholderRect withAttributes:attrs];
 // 占位文字画在哪个位置
 // CGPoint point;
 // point.x = 0;
 // point.y = (self.height - self.font.lineHeight) * 0.5;
 //
 // // 文字属性
 // NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
 // attrs[NSForegroundColorAttributeName] = [UIColor redColor];
 // attrs[NSFontAttributeName] = self.font;
 // [self.placeholder drawAtPoint:point withAttributes:attrs];
}

#import "CYLoginRegisterTextField.h"
#import <objc/runtime.h>
@implementation CYLoginRegisterTextField
- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = [UIColor whiteColor];
 // 文字颜色
 self.textColor = [UIColor whiteColor];
# pragma mark - 设置占位文字的相关属性--方法三-通过运行时拿到相关属性,再利用KVC进行赋值
 // UILabel *placeholderLabel = [self valueForKeyPath:@"placeholderLabel"];
 // placeholderLabel.textColor = [UIColor redColor];
 [self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];
 /**
 1.什么是运行时(Runtime)?
 * 运行时是苹果提供的纯C语言的开发库(是一种非常牛逼、开发中经常用到的底层技术)

 2.运行时的作用?
 * 能获得某个类的所有成员变量
 * 能获得某个类的所有属性
 * 能获得某个类的所有方法
 * 交换方法实现
 * 能动态添加一个成员变量
 * 能动态添加一个属性
 * 能动态添加一个方法
 */
 // 成员变量的数量
 unsigned int outCount = 0;
 // 获得所有的成员变量
 Ivar *ivars = class_copyIvarList([UITextField class], &outCount);
 // 遍历所有的成员变量
 for (int i = 0; i<outCount; i++) {
 // 取出i位置对应的成员变量
 Ivar ivar = ivars[i];
 // 获得成员变量的名字
 NSLog(@"%s", ivar_getName(ivar));
 }
 // 如果函数名中包含了copy\new\retain\create等字眼,那么这个函数返回的数据就需要手动释放
 free(ivars);
}

#import <Foundation/Foundation.h>
@interface CYPerson : NSObject
{
 int _test;
}
@property (nonatomic, assign) int age;
@property (nonatomic, copy) NSString *name;
@end

#import "CYPerson.h"
@interface CYPerson()
{
 int _no;
}
@property (nonatomic, assign) double height;
@end
@implementation CYPerson
{
 int _money;
}
@end

#import <Foundation/Foundation.h>
#import "CYPerson.h"
#import <objc/runtime.h>
int main(int argc, const char * argv[]) {
 @autoreleasepool {
 // 成员变量的数量
 unsigned int outCount = 0;
 // 获得所有的成员变量
 // ivars是一个指向成员变量的指针
 // ivars默认指向第0个成员变量(最前面)
 Ivar *ivars = class_copyIvarList([CYPerson class], &outCount);
 NSLog(@"%zd",outCount);
 //为什么用传outCount地址用&outCount指针呢?只有将这个outCount变量地址值传进去了,那我们的函数内部获取完你所有的成员变量能算出你的个数以后,根据你传进来的变量地址值找到你outCount这个变量外面的存储空间,把你的值改一改,这样才能改你的值
 //
 // 遍历所有的成员变量
 for (int i = 0; i<outCount; i++) {
 // 取出i位置对应的成员变量
 // Ivar ivar = *(ivars + i);
 Ivar ivar = ivars[i];
 // C语言中如果这个指针指向首元素地址,就可以把它当做数组来用。
 // 获得成员变量的名字
 NSLog(@"%s", ivar_getName(ivar));
 }
 // 如果函数名中包含了copy\new\retain\create等字眼,那么这个函数返回的数据就需要手动释放。这里不是ARC是C语言
 free(ivars);
 // Ivar ivar = *ivars;
 // *ivars表示取出这个指针指向的地址中的值
 // Ivar ivar2 = *(ivars + 1);
 // NSLog(@"%s %s", ivar_getName(ivar), ivar_getName(ivar2));
 // 一个Ivar就代表一个成员变量Ivar(instance variable实例变量)
 // int *p; 指向int类型的变量
 // Ivar *ivars; 指向Ivar类型的变量
 // 最后不管你开不开源,我们都能取出所有的成员变量
 }
 return 0;
}

- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = CYPlaceholderFocusColor;
 // 文字颜色
 self.textColor = CYPlaceholderFocusColor;
 // 设置占位文字颜色为白色
 NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
 attrs[NSForegroundColorAttributeName] = [UIColor whiteColor];
 // 设置占位文字是否有下划线(0是NO,1是YES)
 attrs[NSUnderlineStyleAttributeName] = @1;
 // 设置占位文字的下划线颜色为红色
 attrs[NSUnderlineColorAttributeName] = [UIColor redColor];
 self.attributedPlaceholder = [[NSAttributedString alloc] initWithString:self.placeholder attributes:attrs];

- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = CYPlaceholderFocusColor;
 // 文字颜色
 self.textColor = CYPlaceholderFocusColor;
 NSAttributedString和NSMutableAttributedString
 // 一个是创建了就不可以修改属性了,另外一个还可以修改属性,所以使用NSMutableAttributedString在它创建的时候就修改属性
 NSMutableAttributedString *string = [[NSMutableAttributedString alloc] initWithString:self.placeholder];
 [string addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(0, 1)];
 // 在0位置(第一个)文字截取1个长度并把它的文字颜色设置为红色(手机号的"手",密码的"密")
 [string addAttribute:NSForegroundColorAttributeName value:[UIColor greenColor] range:NSMakeRange(1, 1)];
 // 在1位置(第二个)文字截取1个长度并把它的文字颜色设置为绿色(手机号的"机"密码的"码")
 [string addAttribute:NSFontAttributeName value:[UIFont boldSystemFontOfSize:30] range:NSMakeRange(1, 1)];
 // 在1位置(第二个)文字截取1个长度并把它的文字字体大小设置为30(手机号的"机"密码的"码")
 
 self.attributedPlaceholder = string;

- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = CYPlaceholderFocusColor;
 // 文字颜色
 self.textColor = CYPlaceholderFocusColor;
 // 将文字,图片,文字分为三段(后面它们的顺序可以调整),先把它们都包装成三个属性文字(NSAttributedString),再调用(NSMutableAttributedString)的appendAttributedString:方法,最后拼接起来
 NSMutableAttributedString *string = [[NSMutableAttributedString alloc] init];
 // 第二段:图片
 // attachment附件的意思,可以传图片
 NSTextAttachment *attachment = [[NSTextAttachment alloc] init];
 attachment.image = [UIImage imageNamed:@"login_close_icon"];
 // 可以调整图片的大小和位置
 attachment.bounds = CGRectMake(0, 0, 16, 16);
 NSAttributedString *subtring2 = [NSAttributedString attributedStringWithAttachment:attachment];
 [string appendAttributedString:subtring2];
 // 第一段:placeholder
 NSAttributedString *substring1 = [[NSAttributedString alloc] initWithString:self.placeholder];
 [string appendAttributedString:substring1];
 // 第三段:哈哈
 NSAttributedString *substring3 = [[NSAttributedString alloc] initWithString:@"哈哈"];
 [string appendAttributedString:substring3];
 self.attributedPlaceholder = string;

@interface CYLoginRegisterTextField() <UITextFieldDelegate>
@end
@implementation CYLoginRegisterTextField
- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = [UIColor whiteColor];
 // 文字颜色
 self.textColor = [UIColor whiteColor];
 // 设置占位文字的颜色
 [self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];
 self.delegate = self;
}
#pragma mark -UITextFieldDelegate
-(void)textFieldDidBeginEditing:(UITextField *)textField
{
 [self setValue:[UIColor whiteColor] forKeyPath:@"placeholderLabel.textColor"];
}
-(void)textFieldDidEndEditing:(UITextField *)textField
{
 [self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];
}

 UIControlEventEditingDidBegin = 1 << 16, // UITextField
 UIControlEventEditingChanged = 1 << 17,
 UIControlEventEditingDidEnd = 1 << 18,
 UIControlEventEditingDidEndOnExit = 1 << 19, // 'return key' ending

@implementation CYLoginRegisterTextField
- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = [UIColor whiteColor];
 // 文字颜色
 self.textColor = [UIColor whiteColor];
 // 设置占位文字的颜色
 [self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];
 // 监听文本框的开始和结束
 [self addTarget:self action:@selector(beginEditing) forControlEvents:UIControlEventEditingDidBegin];
 [self addTarget:self action:@selector(endEditing) forControlEvents:UIControlEventEditingDidEnd];
}
-(void)beginEditing
{
 [self setValue:[UIColor whiteColor] forKeyPath:@"placeholderLabel.textColor"];
}
-(void)endEditing
{
 [self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];
}

@implementation CYLoginRegisterTextField
- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = [UIColor whiteColor];
 // 文字颜色
 self.textColor = [UIColor whiteColor];
 // 设置占位文字的颜色
 [self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];
 // 通过通知--监听文本框的开始和结束编辑
 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(beginEditing) name:UITextFieldTextDidBeginEditingNotification object:self];
 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(endEditing) name:UITextFieldTextDidEndEditingNotification object:self];
}
-(void)dealloc
{
 [[NSNotificationCenter defaultCenter] removeObserver:self];
}
-(void)beginEditing
{
 [self setValue:[UIColor whiteColor] forKeyPath:@"placeholderLabel.textColor"];
}
-(void)endEditing
{
 [self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];
}

@implementation CYLoginRegisterTextField
- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = [UIColor whiteColor];
 // 文字颜色
 self.textColor = [UIColor whiteColor];
 // 设置占位文字的颜色
 [self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];
 [self resignFirstResponder];
}
/**
 * 文本框聚焦时调用(成为第一响应者)(弹出当前文本框对应的键盘时调用)
 */
- (BOOL)becomeFirstResponder
{
 [self setValue:[UIColor whiteColor] forKeyPath:@"placeholderLabel.textColor"];
 return [super becomeFirstResponder];
}
/**
 * 文本框失去焦点时调用(成为第一响应者)(弹出当前文本框对应的键盘时调用)
 */
- (BOOL)resignFirstResponder
{
 [self setValue:[UIColor grayColor] forKeyPath:@"placeholderLabel.textColor"];
 return [super resignFirstResponder];
}

@implementation CYLoginRegisterTextField
// 占位文字颜色
#define CYPlaceholderColorKey @"placeholderLabel.textColor"
// 默认的占位文字颜色
#define CYPlaceholderDefaultColor [UIColor grayColor]
// 聚焦的占位文字颜色
#define CYPlaceholderFocusColor [UIColor whiteColor]
- (void)awakeFromNib
{
 // 文本框的光标颜色
 self.tintColor = CYPlaceholderFocusColor;
 // 文字颜色
 self.textColor = CYPlaceholderFocusColor;
 // 设置占位文字的颜色
 [self setValue:CYPlaceholderDefaultColor forKeyPath:CYPlaceholderColorKey];
 [self resignFirstResponder];
}
/**
 * 文本框聚焦时调用(成为第一响应者)(弹出当前文本框对应的键盘时调用)
 */
- (BOOL)becomeFirstResponder
{
 [self setValue:CYPlaceholderFocusColor forKeyPath:CYPlaceholderColorKey];
 return [super becomeFirstResponder];
}
/**
 * 文本框失去焦点时调用(成为第一响应者)(弹出当前文本框对应的键盘时调用)
 */
- (BOOL)resignFirstResponder
{
 [self setValue:CYPlaceholderDefaultColor forKeyPath:CYPlaceholderColorKey];
 return [super resignFirstResponder];
}

@property (weak, nonatomic) IBOutlet NSLayoutConstraint *leadingSpace;
- (IBAction)loginOrRegister:(UIButton *)button
{
 // 修改约束
 if (self.leadingSpace.constant == 0) {
 self.leadingSpace.constant = - self.view.width;
 [button setTitle:@"已有账号?" forState:UIControlStateNormal];
 }else
 {
 self.leadingSpace.constant = 0;
 [button setTitle:@"注册账号" forState:UIControlStateNormal];
 }
 [UIView animateWithDuration:0.25 animations:^{
 [self.view layoutIfNeeded];
 }];
}

@property (weak, nonatomic) IBOutlet NSLayoutConstraint *leadingSpace;
- (IBAction)loginOrRegister:(UIButton *)button
{
 // 修改约束
 if (self.leadingSpace.constant == 0) {
 self.leadingSpace.constant = - self.view.width;
// [button setTitle:@"已有账号?" forState:UIControlStateNormal];
 button.selected = YES;
 }else
 {
 self.leadingSpace.constant = 0;
// [button setTitle:@"注册账号" forState:UIControlStateNormal];
 button.selected = NO;
 }
 [UIView animateWithDuration:0.25 animations:^{
 [self.view layoutIfNeeded];
 }];
}