Android 登录界面

效果图:

<?xml version="1.0"encoding="utf-8"?>

<RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

xmlns:app="http://schemas.android.com/apk/res-auto"

tools:context="com.zjq.logindemo.MainActivity">

<!--app:riv_oval="true"隐藏原先头像边框-->

<com.makeramen.roundedimageview.RoundedImageView

android:paddingTop="32dp"

android:layout_width="171dp"

android:layout_height="140dp"

android:src="@mipmap/qq_head"

app:riv_border_color="#f2f1f1"

app:riv_border_width="2dp"

app:riv_oval="true"

android:layout_alignParentTop="true"

android:layout_centerHorizontal="true"/>

<RelativeLayout

android:id="@+id/login_layout"

android:layout_marginTop="90dp"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginLeft="20dp"

android:layout_marginRight="20dp"

android:gravity="center">

<FrameLayout

android:id="@+id/username_layout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginTop="55dp"

android:gravity="center">

<EditText

android:id="@+id/username"

android:hint="QQ号/手机号/邮箱号"

android:layout_width="match_parent"

android:layout_height="48dp"

android:layout_marginTop="5dp"

android:inputType="number"

android:maxLength="20"

android:paddingLeft="55dp"

android:paddingRight="60dp"/>

<ImageView

android:layout_width="22dp"

android:layout_height="21dp"

android:layout_gravity="left|center_vertical"

android:layout_marginLeft="8dp"

android:background="@drawable/ic_zhanghu"

android:visibility="visible"/>

<TextView

android:id="@+id/tv_account"

android:layout_width="40dp"

android:layout_height="50dp"

android:layout_gravity="left|center_vertical"

android:layout_marginTop="4dp"

android:gravity="center"

android:textColor="@android:color/black"

android:visibility="invisible"/>

<Button

android:id="@+id/bt_username_clear"

android:layout_width="23dp"

android:layout_height="23dp"

android:layout_gravity="right|center_vertical"

android:layout_marginRight="10dp"

android:background="@drawable/ic_x"

android:visibility="invisible"/>

</FrameLayout>

<FrameLayout

android:id="@+id/usercode_layout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_below="@id/username_layout"

android:layout_marginTop="6dp"

android:gravity="center">

<EditText

android:hint="密码"

android:id="@+id/password"

android:layout_width="fill_parent"

android:layout_height="48dp"

android:inputType="textPassword"

android:maxLength="20"

android:paddingLeft="55dp"

android:paddingRight="60dp"/>

<ImageView

android:layout_width="24dp"

android:layout_height="22dp"

android:layout_gravity="left|center_vertical"

android:layout_marginLeft="8dp"

android:background="@drawable/ic_mima"/>

<Button

android:id="@+id/bt_pwd_eye"

android:layout_width="23dp"

android:layout_height="23dp"

android:layout_gravity="right|center_vertical"

android:layout_marginRight="10dp"

android:background="@drawable/ic_yan"/>

</FrameLayout>

<Button

android:id="@+id/btn_login"

android:onClick="onClick"

android:layout_width="match_parent"

android:layout_height="48dp"

android:layout_below="@id/usercode_layout"

android:layout_marginTop="8dp"

android:background="@drawable/shape"

android:textColor="@color/colorWhite"

android:textSize="16dp"

android:gravity="center"

android:text="登  录"/>

</RelativeLayout>

<RelativeLayout

android:layout_below="@id/login_layout"

android:layout_marginTop="8dp"

android:layout_marginLeft="20dp"

android:layout_marginRight="20dp"

android:layout_width="match_parent"

android:layout_height="wrap_content">

<TextView

android:onClick="onClick"

android:id="@+id/tv_wjmm"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="@color/colorDefaultBule"

android:text="忘记密码?"

android:layout_alignParentTop="true"

android:layout_alignParentLeft="true"

android:layout_alignParentStart="true"/>

<TextView

android:onClick="onClick"

android:id="@+id/tv_newuser"

android:layout_alignParentRight="true"

android:textColor="@color/colorDefaultBule"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignRight="@+id/tv_wjmm"

android:text="新用户注册"/>

</RelativeLayout>

<RelativeLayout

android:orientation="horizontal"

android:id="@+id/remember_layout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_marginBottom="16dp"

android:layout_marginLeft="20dp"

android:layout_marginRight="20dp">

<RadioButton

android:id="@+id/rbtn_radio"

android:textSize="10dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="我已阅读并同意服务条款"

android:textColor="@color/colorDefaultBule"

android:layout_alignParentTop="true"

android:layout_centerHorizontal="true"/>

</RelativeLayout>

</RelativeLayout>