大众化的登录界面的一种完美简单的实现方法(验证码+自带一键删

前言

一个好的应用需要一个有良好的用户体验的登录界面,现如今,许多应用的的登录界面都有着用户名,密码一键删除,用户名,密码为空提示,以及需要输入验证码的功能。看着csdn上的大牛们的文章,心里想着也写一个登录界面学习学习,许多东西都是参考别的文章,综合起来的。废话少说,,接下来看看是如何实现的。

ps:由于懒得抠图。所以程序的图标很难看。

程序运行时的图示:

首先是布局文件没有什么难度。

<RelativeLayout xmlns:android=""xmlns:tools="" android:layout_width="match_parent"android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"><ImageViewandroid:id="@+id/tv_login"android:src="@drawable/ic_launcher"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentTop="true"android:gravity="center"/><com.example.administrator.texttest.DeletableEditTextandroid:id="@+id/tv_user"android:layout_width="match_parent"android:layout_height="wrap_content"android:textSize="30dp"android:layout_below="@id/tv_login"android:drawableLeft="@drawable/ic_launcher"android:drawableRight="@drawable/ic_launcher"android:hint="请输入账户"android:ems="10"/><com.example.administrator.texttest.DeletableEditTextandroid:id="@+id/tv_psd"android:layout_width="match_parent"android:layout_height="wrap_content"android:textSize="30dp"android:layout_below="@id/tv_user"android:drawableLeft="@drawable/ic_launcher"android:drawableRight="@drawable/ic_launcher"android:hint="请输入密码"android:inputType="textPassword"android:ems="10"/><LinearLayoutandroid:id="@+id/lyYanzhengma"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@id/tv_psd"><LinearLayoutandroid:id="@+id/lyVerify"android:orientation="horizontal"android:layout_width="wrap_content"android:layout_height="wrap_content"><TextViewandroid:id="@+id/tvHideA"android:layout_width="70dp"android:layout_height="70dp"android:visibility="gone"android:gravity="center"android:textSize="30dp"/><TextViewandroid:id="@+id/tvHideB"android:layout_width="70dp"android:layout_height="70dp"android:visibility="gone"android:gravity="center"android:textSize="30dp"/><TextViewandroid:id="@+id/tvHideC"android:layout_width="70dp"android:layout_height="70dp"android:visibility="gone"android:gravity="center"android:textSize="30dp"/><TextViewandroid:id="@+id/tvHideD"android:layout_width="70dp"android:layout_height="70dp"android:visibility="gone"android:gravity="center"android:textSize="30dp"/></LinearLayout><LinearLayoutandroid:id="@+id/IV_num"android:orientation="horizontal"android:layout_width="wrap_content"android:layout_height="wrap_content"><ImageViewandroid:layout_height="70dp"android:layout_width="50dp"android:id="@+id/ivNumA"/><ImageViewandroid:layout_height="70dp"android:layout_width="50dp"android:id="@+id/ivNumB"/><ImageViewandroid:layout_height="70dp"android:layout_width="50dp"android:id="@+id/ivNumC"/><ImageViewandroid:layout_height="70dp"android:layout_width="50dp"android:id="@+id/ivNumD"/></LinearLayout><LinearLayoutandroid:orientation="horizontal"android:layout_height="wrap_content"android:layout_width="match_parent"><EditTextandroid:layout_height="wrap_content"android:layout_width="120dp"android:textSize="30dp"android:id="@+id/etCheck"android:maxLength="4"android:singleLine="true"android:hint="验证码"/><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="结果"android:id="@+id/tvCheck"android:textSize="30dp"android:visibility="gone"/></LinearLayout></LinearLayout><Buttonandroid:id="@+id/bt_login"android:text="登 录"android:textSize="30dp"android:layout_below="@id/lyYanzhengma"android:layout_width="match_parent"android:layout_height="wrap_content" /></RelativeLayout>把自己当傻瓜,不懂就问,你会学的更多

大众化的登录界面的一种完美简单的实现方法(验证码+自带一键删

相关文章:

你感兴趣的文章:

标签云: