Android 高仿QQ 登陆界面


Android 高仿QQ 登陆界面,先上图:

下面是布局:

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  2.     android:layout_width="match_parent" 
  3.     android:layout_height="match_parent" 
  4.     android:background="@drawable/login_bg" > 
  5.     <LinearLayout 
  6.         android:layout_width="match_parent" 
  7.         android:layout_height="wrap_content" 
  8.         android:layout_below="@+id/imageView1" 
  9.         android:layout_marginLeft="45dip" 
  10.         android:layout_marginRight="60dip" 
  11.         android:orientation="vertical" > 
  12.     <ImageView 
  13.         android:id="@+id/imageView1" 
  14.         android:layout_width="match_parent" 
  15.         android:layout_height="wrap_content" 
  16.         android:src="@drawable/login_logo" /> 
  17.         <LinearLayout 
  18.             android:layout_width="match_parent" 
  19.             android:layout_height="wrap_content" 
  20.             android:orientation="horizontal" > 
  21.             <TextView 
  22.                 android:layout_width="wrap_content" 
  23.                 android:layout_height="wrap_content" 
  24.                 android:textSize="16sp" 
  25.                 android:text="账号:" /> 
  26.             <EditText 
  27.                 android:id="@+id/et_account" 
  28.                 android:layout_width="200dip" 
  29.                 android:layout_height="wrap_content" 
  30.                 android:inputType="number" 
  31.                 android:maxLength="10" 
  32.                 android:textSize="16sp" 
  33.                 android:hint="输入账号" 
  34.                 android:background="@drawable/input_normal" /> 
  35.         </LinearLayout> 
  36.         <LinearLayout 
  37.             android:layout_width="wrap_content" 
  38.             android:layout_height="wrap_content" 
  39.             android:orientation="horizontal" > 
  40.             <TextView 
  41.                 android:layout_width="wrap_content" 
  42.                 android:layout_height="wrap_content" 
  43.                 android:textSize="16sp" 
  44.                 android:text="密码:" /> 
  45.             <EditText 
  46.                 android:id="@+id/et_password" 
  47.                 android:layout_width="200dip" 
  48.                 android:layout_height="wrap_content" 
  49.                 android:textSize="16sp" 
  50.                 android:password="true" 
  51.                 android:background="@drawable/input_normal" /> 
  52.         </LinearLayout> 
  53.         <LinearLayout 
  54.             android:layout_width="wrap_content" 
  55.             android:layout_height="wrap_content" 
  56.             android:orientation="horizontal" > 
  57.             <CheckBox 
  58.                 android:layout_width="wrap_content" 
  59.                 android:layout_height="wrap_content" 
  60.                 android:button="@drawable/cb_check" 
  61.                 android:textColor="#4F4F4F" 
  62.                 android:textSize="16sp" 
  63.                 android:text="记住密码" /> 
  64.         </LinearLayout> 
  65.         <LinearLayout 
  66.             android:layout_width="wrap_content" 
  67.             android:layout_height="wrap_content" 
  68.             android:layout_gravity="right" 
  69.             android:orientation="horizontal" > 
  70.             <Button 
  71.                 android:id="@+id/btn_register" 
  72.                 android:layout_width="110dip" 
  73.                 android:layout_height="35dip" 
  74.                 android:background="@drawable/login_button_nor" 
  75.                 android:gravity="center" 
  76.                 android:text="注册" /> 
  77.             <Button 
  78.                 android:id="@+id/btn_login" 
  79.                 android:layout_width="110dip" 
  80.                 android:layout_height="35dip" 
  81.                 android:background="@drawable/login_btn_selector" 
  82.                 android:gravity="center" 
  83.                 android:text="登陆" /> 
  84.         </LinearLayout> 
  85.     </LinearLayout> 
  86. </RelativeLayout> 

有一款Android高仿QQ登陆界面Demo

一款完全仿照最新QQ登陆的界面UI设计,同时实现了部分逻辑功能,希望可以帮到喜欢研究UI的朋友做参考。

免费下载地址在 http://linux.bkjia.com/

用户名与密码都是www.bkjia.com

具体下载目录在 /2012年资料/11月/2日/Android 高仿QQ 登陆界面

相关内容