在網上在到一個登入介面感覺挺不錯的，給大家分享一下~先看效果圖：

  這個Demo除了按鈕、小貓和Logo是圖片素材之外，其餘的UI都是通過程式碼實現的。

  一、背景

  背景藍色漸變，是通過一個xml檔案來設定的。程式碼如下：

  background_login.xml

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <shapexmlns:android="http://schemas.android.com/apk/res/android">
3.     <gradient
4.         android:startColor
   ="#FFACDAE5"
5.         android:endColor="#FF72CAE1"
6.         android:angle="45"
7.     />
8. </shape>

  二、圓角白框

  效果圖上面的並不是白框，其實框是白色的，只是設定了透明值，也是靠一個xml檔案實現的。

  background_login_div.xml

1. <?xmlversion="1.0"encoding="UTF-8"?>
2. <shapexmlns:android="http://schemas.android.com/apk/res/android">
3.     <solidandroid:color="#55FFFFFF"/>
4.     <!-- 設定圓角  
5.     注意： bottomRightRadius是左下角而不是右下角  bottomLeftRadius右下角-->
6.     <cornersandroid:topLeftRadius
   ="10dp"android:topRightRadius="10dp"
7.         android:bottomRightRadius="10dp"android:bottomLeftRadius="10dp"/>
8. </shape>

  三、介面的佈局

  介面的佈局挺簡單的，就直接貼程式碼啦~

  login.xml

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <LinearLayout
3.     xmlns:android="http://schemas.android.com/apk/res/android"
4.     android:orientation="vertical"
5.     android:layout_width="fill_parent"
6.     android:layout_height="fill_parent"
7.     android:background="@drawable/background_login">
8.     <!-- padding 內邊距   layout_margin 外邊距  
9.         android:layout_alignParentTop 佈局的位置是否處於頂部 -->
10.     <RelativeLayout
11.         android:id="@+id/login_div"
12.         android:layout_width="fill_parent"
13.         android:layout_height="wrap_content"
14.         android:padding="15dip"
15.         android:layout_margin="15dip"
16.         android:background="@drawable/background_login_div_bg">
17.         <!-- 賬號 -->
18.         <TextView
19.             android:id="@+id/login_user_input"
20.             android:layout_width="wrap_content"
21.             android:layout_height="wrap_content"
22.             android:layout_alignParentTop="true"
23.             android:layout_marginTop="5dp"
24.             android:text="@string/login_label_username"
25.             style="@style/normalText"/>
26.         <EditText
27.             android:id="@+id/username_edit"
28.             android:layout_width="fill_parent"
29.             android:layout_height="wrap_content"
30.             android:hint="@string/login_username_hint"
31.             android:layout_below="@id/login_user_input"
32.             android:singleLine="true"
33.             android:inputType="text"/>
34.         <!-- 密碼 text -->
35.         <TextView
36.             android:id="@+id/login_password_input"
37.             android:layout_width="wrap_content"
38.             android:layout_height="wrap_content"
39.             android:layout_below="@id/username_edit"
40.             android:layout_marginTop="3dp"
41.             android:text="@string/login_label_password"
42.             style="@style/normalText"/>
43.         <EditText
44.             android:id="@+id/password_edit"
45.             android:layout_width="fill_parent"
46.             android:layout_height="wrap_content"
47.             android:layout_below="@id/login_password_input"
48.             android:password="true"
49.             android:singleLine="true"
50.             android:inputType="textPassword"/>
51.         <!-- 登入button -->
52.         <Button
53.             android:id="@+id/signin_button"
54.             android:layout_width="wrap_content"
55.             android:layout_height="wrap_content"
56.             android:layout_below="@id/password_edit"
57.             android:layout_alignRight="@id/password_edit"
58.             android:text="@string/login_label_signin"
59.             android:background="@drawable/blue_button"/>
60.     </RelativeLayout>
61.     <RelativeLayout
62.         android:layout_width="fill_parent"
63.         android:layout_height="wrap_content">
64.          <TextViewandroid:id="@+id/register_link"
65.              android:text="@string/login_register_link"
66.              android:layout_width="wrap_content"
67.              android:layout_height="wrap_content"
68.              android:layout_marginLeft="15dp"
69.              android:textColor="#888"
70.              android:textColorLink="#FF0066CC"/>
71.         <ImageViewandroid:id="@+id/miniTwitter_logo"
72.             android:src="@drawable/cat"
73.             android:layout_width="wrap_content"
74.             android:layout_height="wrap_content"
75.             android:layout_alignParentRight="true"
76.             android:layout_alignParentBottom="true"
77.             android:layout_marginRight="25dp"
78.             android:layout_marginLeft="10dp"
79.             android:layout_marginBottom="25dp"/>
80.         <ImageViewandroid:src="@drawable/logo"
81.             android:layout_width="wrap_content"
82.             android:layout_height="wrap_content"
83.             android:layout_toLeftOf="@id/miniTwitter_logo"
84.             android:layout_alignBottom="@id/miniTwitter_logo"
85.             android:paddingBottom="8dp"/>
86.     </RelativeLayout>
87. </LinearLayout>

  四、Java原始檔

  Java原始檔比較簡單，只是例項化Activity，去掉標題欄。

1. 相關推薦

   Android精美登入介面設計

     在網上在到一個登入介面感覺挺不錯的，給大家分享一下~先看效果圖：   這個Demo除了按鈕、小貓和Logo是圖片素材之外，其餘的UI都是通過程式碼實現的。   一、背景   背景藍色漸變，是通過一個xml檔案來設定的。程式碼如下：   backgroun

   一個較完整的Qt登入介面設計

   正在學習Qt,做了一個登入介面程式，用資料庫儲存使用者名稱和密碼，可以增加和刪除使用者，為新人學習提供小小幫助。 直接上圖了。 1.登入介面 2主介面 3.增加使用者介面 4.整體介面 整體來講登入介面的功能都有了，比較簡單。 程式碼地址：http

   安卓實戰之登入介面設計

   安卓實戰之登入介面設計 執行環境： windows10+ Android Studio2.3.3 +API 21 （適用android 5.0以上版本的手機） （1）知識儲備 （知識儲備連結：https://blog.csdn.net/biggerchong/arti

   登入介面設計和實現

   ---恢復內容開始--- 1、使用者功能設計與設計： 　　提供使用者註冊處理 　　提供使用者登入處理 　　提供路由配置 2、使用者登入介面設計： 　　接受使用者通過POST 方法提交的登入資訊，提交的資料是JSON 格式資料。 　　 　　從user表中 email 找出匹配的一條記錄， 驗證密

   Android實現登入介面和功能例項

   最近一個android小程式需要登入功能，我簡單實現了一下。現在記錄下來也當做個筆記，同時也希望可以相互學習。所以，如果我的程式碼有問題，還各位請提出來。多謝了！ 下面，就簡述一下此例項的主要內容： 輸入使用者名稱和密碼 ，從本地檔案userinfo.json中讀取users。判斷此使

   android-手機登入介面嘗試獲取手機號碼，並可選擇雙卡雙待subscriptionId

   LogonActivity.java public class LogonActivity extends Activity { private EditText nickET; private EditText passwordET; private E

   Android的登入介面（未連線資料庫）

   一、新增圖片 <ImageView android:id="@+id/iv" android:layout_width="70dp" android:layout_height="70dp" android:layout_centerH

   Android 實現登入介面和功能例項

          最近一個android小程式需要登入功能，我簡單實現了一下。現在記錄下來也當做個筆記，同時也希望可以相互學習。所以，如果我的程式碼有問題，還各位請提出來。多謝了！ 下面，就簡述一下此例項的主要內容：         輸入使用者名稱和密碼 ，從本地檔案user

   iOS和Android的app介面設計規範

   最近從一個程式猿變成產品汪了！人生職場的一次轉變吧！從開發人員轉產品，也需要很多基本工具和規範需要學習； 以下是自己對APP設計過程中一些自己寫學習和總結，難免有錯，歡迎指正； 在產品道路成長中，記錄一下iOS和Andoird的介面設計規範，方便進行標準的產

   android ui登入介面

     登入介面 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tool

   Android studio登入介面

   開啟Android studio，你需要建立兩個類LoginMainAcitivity.java和SuccessMainActivity.java，和與之相對應的xml佈局檔案login_main.xml和success_main.xml存放於layout檔案中。見例圖：

   《Qt學習筆記》第一章--登入介面設計

   本次的程式目的是編寫一個登陸介面程式，包含了賬號密碼確認的功能，輸入框設定提示字元，密碼框採用password模式，設定登入按鈕為預設焦點。基本邏輯為：當輸入賬戶密碼時，按回車鍵或者點選登入按鈕，程式

   乾貨！我開發 Android 是如何介面設計的

   當年，隨著 Android 5.0 的面世，Google 也帶來了全新的設計規範 Material Design 。第一次看到 Material Design 的應用，簡直是太好看了，有沒有！下面呢，我將主要介紹一下，我在開發時常用到的一些網站介面設計第一個就不得不提大名鼎鼎的 dribbble，上面都是由眾

   27個漂亮的移動端註冊/登入介面設計作品

   英文：medium 作者：Muzli 譯者：設計達人 連結：http://www.shejidaren.com/login-ui-for-mobile-apps.html 註冊/登入介面是網站或APP常用的小元件之一，功能雖少，但卻是很重要的使用者登入、註冊入口，為了讓

   Android 仿登入介面 原始碼

   package com.example.baiying; import java.io.UnsupportedEncodingException; import android.support.v7.app.ActionBarActivity; import android.text.TextUtils; i

   Android開發-登入介面Demo-AndroidStudio

   轉載請註明出處：http://blog.csdn.net/iwanghang/article/details/78135304覺得博文有用，請點贊，請評論，請關注，謝謝！~這篇文章是個筆記~~老規矩，先

   Android/IOS APP介面設計之尺寸規範

   1.尺寸以及解析度 　　iPhone的介面尺寸不用多說，640*960是基本OK的，也可以是適應5S的640*1136，馬上iPhone 6也快來了（隨便吐槽一下網上曝的真機諜照，真是醜到離譜...），只要寬度不變都好說。至於畫素問題，網頁和移動的UI用72px就可以了

   App （客戶端）登入介面設計Token探究（一）

   Token 的的特性： 通過隨機演算法生成(Hash)，裡面包含這個 Token 對應使用者的基本資訊有生命週期，(TODO)可獲得剩餘的生命週期可延續生命週期(TODO)可主動銷燬先看效果圖： 基本符合規範的驗證token的介面： { code: 100, me

   android 設計比較美觀的登入介面

   登入介面的展示效果大概如此   一、編寫activity_main.xml檔案。程式碼如下： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.

   Android設計登入介面、找回密碼、註冊功能

   這篇文章主要為大家詳細介紹了Android設計登入介面的方法，Android實現找回密碼、註冊功能，感興趣的小夥伴們可以參考一下 1.資料庫的設計 我在資料庫中添加了兩張表，一張表用來儲存使用者資訊，諸如使用者名稱，密碼，手機號等，可任意新增。另一張表用來儲存上一個登入使