iOS開發UI篇—模仿ipad版QQ空間登陸界面

iOS開發UI篇—模仿ipad版QQ空間登陸界面

1、實現和步驟

1.通常ipad項目在命名的時候能夠加一個HD,標明爲高清版

2.設置項目的文件結構，分爲home和login兩個部分

　　

3.登錄界面的設置

（1）設置第一個控制器和自定義的控制器類（登錄）關聯

　　　　

（2）設置控制器的view的顏色，RGB三個值都爲42

　　

（3）導入相關的素材圖片

關於圖片：通常給豎屏用的圖片，以portrait名稱標識，給橫屏用的圖片，以Landscape名稱標識

修改plist文件，調整圖片

　　  

提示：在項目中（ipad的使用中）有不少的地方都會用到圖標

補充：關於apple開發運用中圖標的尺寸，能夠查看官方文檔（apple icon）。

（4）初步的界面設置

添加一個UIimageView到storyboard中，設置其對應的圖片。

使用outLayOut對其進行佈局。設置其距離view的頂部有50的距離並固定，設置其水平居中。

　　     

添加一個view到storyboard中，用來裝載密碼，登錄等控件。

添加一個imageView到storyboard中，用來設置密碼和登錄。（注意：這裏提供的圖片須要拉伸，設置拉伸最中間的1個像素）。

設置帳號，調整約束。添加一個對應的textfield控件，設置約束，設置內部的文字顏色爲白色，設置取出白色的背景，設置當編輯時提供一個清除按鈕，設置鍵盤爲數字鍵盤。

設置其邊框樣式

　

設置帳號輸入框的彈出鍵盤爲數字鍵盤

 

設置彈出的數字鍵盤的return鍵位Next.

 

設置密碼，步驟相似於帳號，設置帳號內部文字爲密文。

　　

設置清除按鈕

　　

設置密碼輸入框的彈出鍵盤的return鍵位Done.

　　

（5）關於鍵盤的處理。

默認鍵盤。next,和Done。

讓控制器稱爲文本框的代理。控制器須要遵照協議。

　　

關於自動對文本框當前是否有數值進行判斷，勾選選項，當textField中沒有值的時候，（return）爲灰色按鈕，有值的時候可點。

　　

點擊Next按鍵，光標移動到密碼輸入框上，點擊Done按鍵，執行登陸相關操做。

實現代碼以下（注意已經對兩個textField進行了拖線處理）

　　

說明：這裏最簡單的辦法是在storyboard中給兩個textfield設置兩個tag值，在代碼處理中根據其tag值取出相對應的textField，可是不推薦這麼作。

2、登錄的設置

提示：在storyboard或者xib中對一塊圖片進行拉伸只對imageView有效，對按鈕是沒有效果的。

如何設置按鈕填充：

第一種方式：使用代碼拉伸最中間的一個像素。

　　

第二種方式：直接對圖片進行設置。