IOS 創(chuàng)建一個(gè)注冊(cè)登陸界面

簡(jiǎn)介

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

Segue 轉(zhuǎn)場(chǎng)的使用

轉(zhuǎn)場(chǎng)前的準(zhǔn)備

  • 建立一個(gè)轉(zhuǎn)場(chǎng) (這個(gè)就不用說(shuō)了吧)
  • 如果我們需要使用segue轉(zhuǎn)場(chǎng),那么我們需要指定Segue


    segue
  • 接著我們需要給這個(gè)Segue設(shè)置一個(gè) Identifier


    設(shè)置轉(zhuǎn)場(chǎng)的IdentIfier

開(kāi)始轉(zhuǎn)場(chǎng)

  • 我們就可以在代碼中來(lái)對(duì)轉(zhuǎn)場(chǎng)進(jìn)行控制

    • 如果我們需要在轉(zhuǎn)場(chǎng)前做一些傳值等的準(zhǔn)備工作 可以聲明這個(gè)方法
      -(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;    
           }
      }
      

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

  • 接下來(lái)我們就可以進(jìn)行轉(zhuǎn)場(chǎng)了,我是用按鈕觸發(fā)的轉(zhuǎn)場(chǎng)
    - (IBAction)Show:(id)sender {
    [self performSegueWithIdentifier:@"showStep2" sender:sender];
    }

    這就是一個(gè)簡(jiǎn)單的正向轉(zhuǎn)場(chǎng)

Segue反向轉(zhuǎn)場(chǎng)

首先我們需要在你要返回的那個(gè)Scene對(duì)應(yīng)的ViewController中實(shí)現(xiàn)這個(gè)方法

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

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

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

   }

}

注:里面的方法需要在指定好轉(zhuǎn)場(chǎng)的觸發(fā)控件,還有指定了Sugue的Identifier才可以使用
接下來(lái)需要在StoryBoard中,你需要進(jìn)行反向轉(zhuǎn)場(chǎng)的Sence上觸發(fā)這個(gè)方法

  1. 在需要進(jìn)行反向轉(zhuǎn)場(chǎng)的Sence中 點(diǎn)擊Ctr 拖動(dòng)按鈕到界面最頂上的Exit


    Button 觸發(fā)轉(zhuǎn)場(chǎng)

    2.選擇我們?cè)谝枰祷氐腟cene 的ViewController 中指定好的方法,這個(gè)時(shí)候你的Sence的大綱視圖中中會(huì)出現(xiàn)這個(gè)

點(diǎn)擊設(shè)置轉(zhuǎn)場(chǎng)的identifier

設(shè)置轉(zhuǎn)場(chǎng)的Identifier

3.接下來(lái)我們就可以去實(shí)現(xiàn)unwindForSegue方法了

使用StoryBoard 在兩個(gè)Sense 之間跳轉(zhuǎn)

首先我們需要在知道你要跳轉(zhuǎn)的 Sence 在哪

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

接下來(lái)我們必須初始化一個(gè)跳轉(zhuǎn)到得界面,因?yàn)槲覀儾⒉恢滥阋D(zhuǎn)到的界面是StoryBoard的那個(gè)Scene 所以我們需要給他一個(gè)Storyboard ID
點(diǎn)擊你需要跳轉(zhuǎn)到得界面的sence 指定Storyboard id


指定 Storyboard id

接下來(lái)我們用這個(gè)Storyboard id 來(lái)初始化一個(gè)ViewController

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

最后把這個(gè)ViewController 展現(xiàn)出來(lái)

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

傳值封裝

如果一個(gè)一個(gè)創(chuàng)建變量,然后再賦值(⊙o⊙)…,效率太低,還要多寫好多代碼.所以我封裝了一個(gè)類來(lái)對(duì)場(chǎng)景之間的值進(jìn)行處理

#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

接著在每個(gè)類中使用這個(gè)數(shù)據(jù)的模型

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

因?yàn)橛玫搅藢傩缘囊恍┬揎椃?所以整理一下關(guān)于屬性的修飾的一些解釋

屬性修飾符

  1. assgin 適用于對(duì)基本數(shù)據(jù)類型(int,float等)的簡(jiǎn)單賦值操作

  2. strong 這個(gè)屬性特質(zhì)表示一種擁有的關(guān)系租副,setter方法設(shè)置新值的時(shí)候會(huì)先保留屬性的新值帚湘,然后釋放舊值,最后將新值賦值給屬性

  3. weak 表示一種非擁有的關(guān)系。setter方法設(shè)置新值的時(shí)候不會(huì)先保留屬性的新值久橙,也不會(huì)釋放舊值抱冷,只是將新值賦值給屬性恐疲,與assign不同的是該內(nèi)存管理特性會(huì)在屬性所指的對(duì)象銷毀時(shí)草则,將屬性置為nil,更加安全

  4. unsafe_unretained 與assign類型類似雄妥。適用于"對(duì)象"類型的賦值最蕾,表達(dá)的是一種非擁有(unretained)的關(guān)系,當(dāng)屬性所指的對(duì)象被銷毀時(shí)老厌,屬性值不會(huì)自動(dòng)被自動(dòng)清空瘟则;

  5. copy 如字面意思,該特質(zhì)的setter方法不會(huì)保留新值枝秤,而是將其拷貝醋拧,當(dāng)屬性類型為NSString時(shí)候,可以用這個(gè)特質(zhì)來(lái)確保屬性的值不會(huì)被其他對(duì)象修改淀弹。

自定義TextField

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


設(shè)置BorderStyle

設(shè)置TextField屬性

在做完了這些之后,因?yàn)槲蚁胱屝Ч?我將textfield的view背景設(shè)置為ClearColor 然后做了一個(gè)View 來(lái)對(duì)這些控件進(jìn)行一下包裝.

因?yàn)檫@個(gè)時(shí)候我的輸入框的背景已經(jīng)完全透明了,所以就找不到輸入框了...接下來(lái)我們自定義類去解決這些(其實(shí)也可以用Category來(lái)解決,不過(guò)我用了自定義的類)
這是.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

在這個(gè)類中,我為TextField 自定了一個(gè)描邊和設(shè)置圓角的方法,來(lái)讓控件可見(jiàn)

對(duì)了 在使用UIColor設(shè)置顏色的時(shí)候需要注意一件事(那就是他的r,g,b都是小數(shù),所以我們應(yīng)該這么寫
舉個(gè)栗子
這樣寫就是錯(cuò)誤的,如果你這么寫了,你會(huì)發(fā)現(xiàn)這樣出來(lái)的不是你預(yù)期的顏色

 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];

最后分享一下把狀態(tài)欄設(shè)置樣式的代碼

在AppDelegate的didFinishLaunchingWithOption 加入如下代碼

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

//讓狀態(tài)欄變白色

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

做完這些之后在運(yùn)行,我們的代碼好像并沒(méi)有生效,狀態(tài)欄樣式還是黑色的...

我們需要在Info 文件中添加一個(gè)設(shè)置


Info界面

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


status bar 屬性

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


步驟一
步驟二

步驟三

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末丹壕,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子薇溃,更是在濱河造成了極大的恐慌菌赖,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件痊焊,死亡現(xiàn)場(chǎng)離奇詭異盏袄,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)薄啥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)逛尚,“玉大人垄惧,你說(shuō)我怎么就攤上這事〈履” “怎么了到逊?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵铣口,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我觉壶,道長(zhǎng)脑题,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任铜靶,我火速辦了婚禮叔遂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘争剿。我一直安慰自己已艰,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布蚕苇。 她就那樣靜靜地躺著哩掺,像睡著了一般。 火紅的嫁衣襯著肌膚如雪涩笤。 梳的紋絲不亂的頭發(fā)上嚼吞,一...
    開(kāi)封第一講書(shū)人閱讀 51,578評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音蹬碧,去河邊找鬼誊薄。 笑死,一個(gè)胖子當(dāng)著我的面吹牛锰茉,可吹牛的內(nèi)容都是我干的呢蔫。 我是一名探鬼主播,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼飒筑,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼片吊!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起协屡,我...
    開(kāi)封第一講書(shū)人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤俏脊,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后肤晓,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體爷贫,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年补憾,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了漫萄。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡盈匾,死狀恐怖腾务,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情削饵,我是刑警寧澤岩瘦,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布未巫,位于F島的核電站,受9級(jí)特大地震影響启昧,放射性物質(zhì)發(fā)生泄漏叙凡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一密末、第九天 我趴在偏房一處隱蔽的房頂上張望握爷。 院中可真熱鬧,春花似錦苏遥、人聲如沸饼拍。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)师抄。三九已至,卻和暖如春教硫,著一層夾襖步出監(jiān)牢的瞬間叨吮,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工瞬矩, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留茶鉴,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓景用,卻偏偏與公主長(zhǎng)得像涵叮,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子伞插,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容