Ứng dụng đăng nhập trong Iphone

1. Tạo mới project và chọn Single View Application, sau đó chọn Next

2. Ở đây ta tiến hành đặt tên cho ứng dụng của mình. Đặt tên xong thì ấn Next rồi chọn nơi lưu ứng dụng của mình. Cuối cùng là ấn Finish.

3.  Sau đó Xcode sẽ tạo cho ta một khung để làm việc.

Thông tin khái quát:

• 1. AppDelegate: được tạo mặc định, khai báo cho lớp Application Delegate cho ứng dụng của bạn.
• 2. Thiết thế các giao diện. 
• 3. ViewController: Nơi code chính cho 1 view nào đó.
• 4. Unit test
• 5. Các thư viện cần sử dụng.

4.  Bây giờ ta sẽ tiến hành thiết kế giao diện

     Ở phía bên phải của Tool ta sẽ thấy được nơi mà ta có thể tuỳ chọn các control tương ứng để thiết        kế cho Form đăng nhập của ta. 

     Form đăng nhập thông thường sẽ có các control (component) kiểu như: Label, Textfield và  Button.

   Ta sẽ kéo Label đầu tiên. Chỉ việc chọn và kéo thả đơn thuần rồi để ở nơi tuỳ thích trên view.

   

Tương tự ta cũng sẽ kéo 2 Textfield tương ứng cho ô nhập Username và password

Cuối cùng ta sẽ kéo thả thêm 1 nút Button. Để xử lý hành động đăng nhập.

Xong thì sẽ có 1 view tương tự như sau:

Ấn nút Build để hiển thị kết quả.

5. Tiếp theo ta sẽ tuỳ chỉnh cho form login cho đúng logic.

Đầu tiên ta sẽ xử lý ô nhập mật khẩu.

                Ở phía tay phải trên cùng của màn hình. Ta sẽ nhìn thấy những tuỳ chỉnh kiểu như thế này.

               Ta phải chọn Textfield nhập password và tìm tới chỗ có thông tin như sau:

               Check vào ô Secure.

Build lại ứng dụng và xem kết quả.

6. Tiến hành gắn kết các control từ view tới các biến trong các Controller để ta có thể thao tác dễ dàng.

Vẫn ở phía trên cùng bên phải của Tool. Ta chọn biểu tượng sau:

Sau khi chọn biểu tượng này, Tool của ta sẽ có giao diện như sau:

Một nửa bên trái sẽ là view, còn 1 nửa bên phải là file Controller tương ứng của view đó. 

Lưu ý là ta sẽ phải chọn cho đúng file Controller tương ứng cho view hiện tại.

Như ở hình trên ta sẽ chọn Recent Files  là ViewController.h, khi chọn xong sẽ có dạng như sau:

  Ở đây ta đã có thể bắt đầu liên kết các control từ view tới Controller:

Chọn control ta muốn làm, ví dụ là Texfield Username:

Ta chọn nó rồi ấn chuột phải 

Tiếp theo ta sẽ khai báo tên biến.

Cuối cùng ta ấn nút Connect

Kết quả.

Tương tự ta cũng Control Textfield và button Login cũng làm tương tự như trên.

Hoàn tất công đoạn sẽ có hình như trên

  Từ bây giờ ta sẽ có thể lấy được dữ liệu từ người dùng nhập vào trên view xuống Controller để xử lý.

Ta se tạo 1 sự kiện button click vào nút Login để lấy thông tin từ 2 ô username và password để xử lý.

Khai báo 1 action có tên như sau trong file ViewController.h

- (IBAction)actionLogin:(id)sender;

Tiếp theo ta sẽ mở lại file Main.storyboard

 Sau đó sẽ có giao diện như sau:

Tiếp đến sẽ hiện như sau:

Ta sẽ chọn sự kiện: Touch Up Inside (Click vào)

Xong bước này ta sẽ mở file ViewController.m ra và tiến hành implement cho action đó.

//action Login

- (IBAction)actionLogin:(id)sender {

    UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"Message" message:[NSString stringWithFormat:@"Username: %@\n Password: %@",self.txtUsername.text, self.txtPassword.text] delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil, nil];

    [alertView show];

}

Đoạn code trên mình sẽ hiển thị  Username và pasword khi người dùng nhập vào.

      Tiếp theo, khi ta tiến hành nhập dữ liệu cho các ô username và password, mặc định bàn phím sẽ không có cách nào để ẩn đi.

Bước đầu tiên ta phải mở file ViewController.h và thêm vào đoạn code sau:

           Trước:

@interface ViewController : UIViewController

           Sau:

@interface ViewController : UIViewController<UITextFieldDelegate>

 Bước tiếp theo ta implement 1 phương thức của  UITextFieldDelegate, mở file ViewController.m

thêm phương thức sau:

// hidden keyboard

- (BOOL)textFieldShouldReturn:(UITextField *)textField

{

    [textField resignFirstResponder];

    return YES;

}

Tiếp theo ta phải gán delegate cho các control từ view vào controller.

Mở file Main.storyboard ra và chọn 2 Textfield: Username và password.

Hiển thị như này là ok.

Tương tự như vậy ta cũng làm cho Textfield Password.

Build lại app và kiểm tra kết quả.

Đến đây là hoàn tất công đoạn tạo ứng dụng Login và hiển thị lên 1 message thông tin.

Những bài hướng dẫn sau mình sẽ làm 1 ứng dụng khác để có thể hướng dẫn cho mọi người kĩ càng và làm quen với nhiều control khác nhau của Iphone hơn.

Chúc mọi người thành công!

Thanks!