一、實現和步驟

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，但是不推薦這么做。

二、登陸的設置

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

如何設置按鈕填充：

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

　　

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

　　

轉載于:https://www.cnblogs.com/zengshuilin/p/5771350.html

總結

以上是生活随笔為你收集整理的iOS开发UI篇—模仿ipad版QQ空间登录界面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。