IOS 創建一個注冊登陸界面

簡介

這幾天一直在寫一個注冊登陸界面,其中用到了下面的一些知識 分享給大家

Segue 轉場的使用

轉場前的準備

  • 建立一個轉場 (這個就不用說了吧)
  • 如果我們需要使用segue轉場,那么我們需要指定Segue


    segue
  • 接著我們需要給這個Segue設置一個 Identifier


    設置轉場的IdentIfier

開始轉場

  • 我們就可以在代碼中來對轉場進行控制

    • 如果我們需要在轉場前做一些傳值等的準備工作 可以聲明這個方法
      -(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
      if (self.message==nil)
      {
      self.message=[[Data alloc]init];
      }
      //封裝
      self.message.username = self.nameField.text;
      self.message.password = self.passworldField.text;

       if ([segue.identifier isEqualToString:@"showStep2"]) {
          Step2ViewController *st2 = (Step2ViewController     *)segue.destinationViewController;
          st2.message = self.message;    
           }
      }
      

    使用這個方法可以在轉場前進行傳值,做一些必要的準備工作(我這里寫的是一個自己的傳值例子.里面所寫的第二個if判斷是是否傳值需要的條件)

  • 接下來我們就可以進行轉場了,我是用按鈕觸發的轉場
    - (IBAction)Show:(id)sender {
    [self performSegueWithIdentifier:@"showStep2" sender:sender];
    }

    這就是一個簡單的正向轉場

Segue反向轉場

首先我們需要在你要返回的那個Scene對應的ViewController中實現這個方法

-(IBAction)unwindForSegue:(UIStoryboardSegue *)segue{

if([segue.identifier isEqualToString:@"backStep1"]){

    Step2ViewController *Step2 = (Step2ViewController *)segue.sourceViewController;
    
    self.message = Step2.message;

   }

}

注:里面的方法需要在指定好轉場的觸發控件,還有指定了Sugue的Identifier才可以使用
接下來需要在StoryBoard中,你需要進行反向轉場的Sence上觸發這個方法

  1. 在需要進行反向轉場的Sence中 點擊Ctr 拖動按鈕到界面最頂上的Exit


    Button 觸發轉場

    2.選擇我們在要需要返回的Scene 的ViewController 中指定好的方法,這個時候你的Sence的大綱視圖中中會出現這個

點擊設置轉場的identifier

設置轉場的Identifier

3.接下來我們就可以去實現unwindForSegue方法了

使用StoryBoard 在兩個Sense 之間跳轉

首先我們需要在知道你要跳轉的 Sence 在哪

 UIStoryboard *story = [UIStoryboard storyboardWithName:@"Main" bundle:[NSBundle mainBundle]];

接下來我們必須初始化一個跳轉到得界面,因為我們并不知道你要跳轉到的界面是StoryBoard的那個Scene 所以我們需要給他一個Storyboard ID
點擊你需要跳轉到得界面的sence 指定Storyboard id


指定 Storyboard id

接下來我們用這個Storyboard id 來初始化一個ViewController

   ViewController * step1 = [story instantiateViewControllerWithIdentifier:@"step1"];

最后把這個ViewController 展現出來

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

傳值封裝

如果一個一個創建變量,然后再賦值(⊙o⊙)…,效率太低,還要多寫好多代碼.所以我封裝了一個類來對場景之間的值進行處理

#import <Foundation/Foundation.h>

@interface Data : NSObject
@property(nonatomic,copy) NSString *name;
@property(nonatomic,copy) NSString *password;
@property(nonatomic,copy)NSString *username;
@property(nonatomic,copy)NSString *email;
@end

接著在每個類中使用這個數據的模型

@interface ViewController : UIViewController
@property (nonatomic,strong)Data * message;
@end

因為用到了屬性的一些修飾符,所以整理一下關于屬性的修飾的一些解釋

屬性修飾符

  1. assgin 適用于對基本數據類型(int,float等)的簡單賦值操作

  2. strong 這個屬性特質表示一種擁有的關系,setter方法設置新值的時候會先保留屬性的新值,然后釋放舊值,最后將新值賦值給屬性

  3. weak 表示一種非擁有的關系。setter方法設置新值的時候不會先保留屬性的新值,也不會釋放舊值,只是將新值賦值給屬性,與assign不同的是該內存管理特性會在屬性所指的對象銷毀時,將屬性置為nil,更加安全

  4. unsafe_unretained 與assign類型類似。適用于"對象"類型的賦值,表達的是一種非擁有(unretained)的關系,當屬性所指的對象被銷毀時,屬性值不會自動被自動清空;

  5. copy 如字面意思,該特質的setter方法不會保留新值,而是將其拷貝,當屬性類型為NSString時候,可以用這個特質來確保屬性的值不會被其他對象修改。

自定義TextField

當我們選擇一個TextField 控件并且拖拽到屏幕上時,這時我們并不可以自己去設置TextField的高度.這個時候,我們需要考慮不用默認的BorderStyle 默認是最后一個,我選了第一個,這個時候就可以愉快的設置高度了O(∩_∩)O哈哈~


設置BorderStyle

設置TextField屬性

在做完了這些之后,因為我想讓效果更好.我將textfield的view背景設置為ClearColor 然后做了一個View 來對這些控件進行一下包裝.

因為這個時候我的輸入框的背景已經完全透明了,所以就找不到輸入框了...接下來我們自定義類去解決這些(其實也可以用Category來解決,不過我用了自定義的類)
這是.h文件
#import <UIKit/UIKit.h>

@interface CustomTextFIeld : UITextField
 
-(void)setCornerRadius;

@end

這是.m文件
#import "CustomTextFIeld.h"

@implementation CustomTextFIeld

-(void)setCornerRadius{
self.layer.borderWidth = 1;

self.clipsToBounds = YES;
self.layer.cornerRadius = 5;


 UIColor *color = [UIColor colorWithRed:127.0/255 green:255.0/255  blue:212.0/255 alpha:0.9];

self.layer.borderColor = color.CGColor;
}
@end

在這個類中,我為TextField 自定了一個描邊和設置圓角的方法,來讓控件可見

對了 在使用UIColor設置顏色的時候需要注意一件事(那就是他的r,g,b都是小數,所以我們應該這么寫
舉個栗子
這樣寫就是錯誤的,如果你這么寫了,你會發現這樣出來的不是你預期的顏色

 UIColor *color = [UIColor colorWithRed:127/255 green:255/255  blue:212/255 alpha:0.9];

正確的是這么寫的O(∩_∩)O哈哈~ 必須是xxx.0/255

UIColor *color = [UIColor colorWithRed:127.0/255 green:255.0/255  blue:212.0/255 alpha:0.9];

最后分享一下把狀態欄設置樣式的代碼

在AppDelegate的didFinishLaunchingWithOption 加入如下代碼

 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
// Override point for customization after application launch.

//讓狀態欄變白色

[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
   return YES;
 }

做完這些之后在運行,我們的代碼好像并沒有生效,狀態欄樣式還是黑色的...

我們需要在Info 文件中添加一個設置


Info界面

點擊任意一個"+' 輸入ViewController -based status bar后面還有就不寫了 ,反正就是這個屬性 ,將值設置為NO 這個時候在運行就得到我們想要的效果啦


status bar 屬性

最后貼上完成圖給大家看看


步驟一
步驟二

步驟三

最后貼上項目地址
Github:https://github.com/xiangtaiduo/Login
如果你有什么問題可以留言,大家一起交流啊(__) 嘻嘻……

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容