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>