IOS学习之登录界面的设计

最近发布了自己第一个App到App store，感觉好激动...然而慢慢的发现自己的UI界面丑爆了.....于是我最近就开始了UI界面美化之路...那么....首当其冲的肯定是登录界面

先附上美化后的登录界面，自我感觉还不错，多亏了cocoachina各位大神们的指点...但是话说回来毕竟我的审美有限....入行尚浅，

Simulator Screen Shot 2016年10月24日 下午6.01.02.png

OK接下去记录下制作的关键点....共两点

• 1、用户输入界面和密码输入界面，包括了：
  • 一个大的UIView，它将所有元素都包含进去
  • 用户名和密码输入一栏用了imageView和textField，textField去除了边框
  • 中间分割线使用了UIView，宽度设成1
• 2、阴影圆角边界线等设置

    //整个UIView透明度设置
    self.LoginView.alpha = 0.6;
    /************UIView阴影设置************/
    //阴影偏移量
    [[self.LoginView layer] setShadowOffset:CGSizeMake(1, 1)];
    //阴影弧度
    [[self.LoginView layer] setShadowRadius:5];
    //阴影不透明度
    [[self.LoginView layer] setShadowOpacity:1];
    //阴影颜色
    [[self.LoginView layer] setShadowColor:[UIColor blackColor].CGColor];
    
    //UIView边框设置
    //边角弧度设置
    [[self.LoginView layer] setCornerRadius:5];
    //边界宽度设置
    [[self.LoginView layer] setBorderWidth:0];
    //边界色彩设置
    [[self.LoginView layer] setBorderColor:[UIColor whiteColor].CGColor];