当前位置： 移动技术网 > 移动技术>移动开发>Android > Android登录界面的实现代码分享

Android登录界面的实现代码分享

2019年07月24日  | 移动技术网移动技术  | 我要评论

最近由于项目需要，宝宝好久没搞android啦，又是因为项目需要，现在继续弄android，哎，说多了都是泪呀，别的不用多说，先搞一个登录界面练练手，登录界面可以说是android项目中最常用也是最基本的，如果这个都搞不定，那可以直接去跳21世纪楼啦。

废话不多说，先上效果图了，如果大家感觉还不错，请参考实现代码吧。

相信这种渣渣布局对很多人来说太简单啦，直接上布局：

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:custom="http://schemas.android.com/apk/res-auto" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:fitssystemwindows="true" > 
<relativelayout 
android:id="@+id/login_layout" 
android:layout_width="fill_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="fill_parent" 
android:layout_height="wrap_content" 
android:layout_margintop="55dp" 
android:gravity="center" > 
<!-- android:inputtype="number" --> 
<edittext 
android:id="@+id/username" 
android:layout_width="fill_parent" 
android:layout_height="40dp" 
android:layout_margintop="5dp" 
android:maxlength="20" 
android:paddingleft="55dp" 
android:paddingright="60dp" > 
</edittext> 
<imageview 
android:layout_width="22dp" 
android:layout_height="21dp" 
android:layout_gravity="left|center_vertical" 
android:layout_marginstart="10dp" 
android:background="@drawable/username" 
android:visibility="visible" /> 
<textview 
android:id="@+id/contry_sn" 
android:layout_width="40dp" 
android:layout_height="50dp" 
android:layout_gravity="left|center_vertical" 
android:layout_margintop="4dp" 
android:gravity="center" 
android:text="+62" 
android:textcolor="@android:color/black" 
android:textsize="18sp" 
android:visibility="invisible" /> 
<button 
android:id="@+id/bt_username_clear" 
android:layout_width="35dp" 
android:layout_height="35dp" 
android:layout_gravity="right|center_vertical" 
android:layout_marginright="10dp" 
android:background="@drawable/email_delete_pressed" 
android:visibility="invisible" /> 
</framelayout> 
<framelayout 
android:id="@+id/usercode_layout" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_below="@id/username_layout" 
android:layout_margintop="6dp" 
android:gravity="center" > 
<edittext 
android:id="@+id/password" 
android:layout_width="fill_parent" 
android:layout_height="40dp" 
android:inputtype="textpassword" 
android:maxlength="20" 
android:paddingleft="55dp" 
android:paddingright="60dp" > 
</edittext> 
<imageview 
android:layout_width="18dp" 
android:layout_height="21dp" 
android:layout_gravity="left|center_vertical" 
android:layout_marginstart="10dp" 
android:background="@drawable/password" /> 
<button 
android:id="@+id/bt_pwd_eye" 
android:layout_width="40dp" 
android:layout_height="40dp" 
android:layout_gravity="right|center_vertical" 
android:layout_marginright="10dp" 
android:background="@drawable/password_close" /> 
<button 
android:id="@+id/bt_pwd_clear" 
android:layout_width="35dp" 
android:layout_height="35dp" 
android:layout_gravity="right|center_vertical" 
android:layout_marginright="45dp" 
android:background="@drawable/email_delete_pressed" 
android:visibility="invisible" /> 
</framelayout> 
<button 
android:id="@+id/login" 
android:layout_width="fill_parent" 
android:layout_height="40dp" 
android:layout_below="@id/usercode_layout" 
android:layout_margintop="30dp" 
android:background="@drawable/login_selector" 
android:gravity="center" 
android:text="登录" 
android:textcolor="@android:color/white" /> 
<button 
android:id="@+id/forgive_pwd" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_alignright="@id/login" 
android:layout_below="@id/login" 
android:background="#00000000" 
android:text="忘记密码?" 
android:textcolor="@drawable/text_color_selector" 
android:textsize="16sp" /> 
<button 
android:id="@+id/register" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_alignleft="@id/login" 
android:layout_below="@id/login" 
android:background="#00000000" 
android:gravity="left|center_vertical" 
android:text="注册" 
android:textcolor="@drawable/text_color_selector" 
android:textsize="16sp" 
android:visibility="visible" /> 
</relativelayout> 
</relativelayout>

mainactivity如下：

package com.example.logindemo; 
import android.support.v7.app.actionbaractivity; 
import android.text.editable; 
import android.text.textwatcher; 
import android.text.method.hidereturnstransformationmethod; 
import android.text.method.passwordtransformationmethod; 
import android.view.view; 
import android.view.view.onclicklistener; 
import android.widget.button; 
import android.widget.edittext; 
import android.widget.toast; 
import android.os.bundle; 
/** 
* 登录界面demo 
* 
* @author zhy 
* 
*/ 
public class mainactivity extends actionbaractivity implements onclicklistener { 
private edittext username, password; 
private button bt_username_clear; 
private button bt_pwd_clear; 
private button forgive_pwd; 
private button bt_pwd_eye; 
private button login; 
private button register; 
private boolean isopen = false; 
@override 
protected void oncreate(bundle savedinstancestate) { 
super.oncreate(savedinstancestate); 
setcontentview(r.layout.activity_main); 
initview(); 
} 
private void initview() { 
username = (edittext) findviewbyid(r.id.username); 
// 监听文本框内容变化 
username.addtextchangedlistener(new textwatcher() { 
@override 
public void ontextchanged(charsequence s, int start, int before, 
int count) { 
// 获得文本框中的用户 
string user = username.gettext().tostring().trim(); 
if ("".equals(user)) { 
// 用户名为空,设置按钮不可见 
bt_username_clear.setvisibility(view.invisible); 
} else { 
// 用户名不为空，设置按钮可见 
bt_username_clear.setvisibility(view.visible); 
} 
} 
@override 
public void beforetextchanged(charsequence s, int start, int count, 
int after) { 
} 
@override 
public void aftertextchanged(editable s) { 
} 
}); 
password = (edittext) findviewbyid(r.id.password); 
// 监听文本框内容变化 
password.addtextchangedlistener(new textwatcher() { 
@override 
public void ontextchanged(charsequence s, int start, int before, 
int count) { 
// 获得文本框中的用户 
string pwd = password.gettext().tostring().trim(); 
if ("".equals(pwd)) { 
// 用户名为空,设置按钮不可见 
bt_pwd_clear.setvisibility(view.invisible); 
} else { 
// 用户名不为空，设置按钮可见 
bt_pwd_clear.setvisibility(view.visible); 
} 
} 
@override 
public void beforetextchanged(charsequence s, int start, int count, 
int after) { 
} 
@override 
public void aftertextchanged(editable s) { 
} 
}); 
bt_username_clear = (button) findviewbyid(r.id.bt_username_clear); 
bt_username_clear.setonclicklistener(this); 
bt_pwd_clear = (button) findviewbyid(r.id.bt_pwd_clear); 
bt_pwd_clear.setonclicklistener(this); 

bt_pwd_eye = (button) findviewbyid(r.id.bt_pwd_eye); 
bt_pwd_eye.setonclicklistener(this); 
login = (button) findviewbyid(r.id.login); 
login.setonclicklistener(this); 
egister = (button) findviewbyid(r.id.register); 
register.setonclicklistener(this); 
forgive_pwd = (button) findviewbyid(r.id.forgive_pwd); 
forgive_pwd.setonclicklistener(this); 
} 
@override 
public void onclick(view v) { 
switch (v.getid()) { 
case r.id.bt_username_clear: 
// 清除登录名 
username.settext(""); 
break; 
case r.id.bt_pwd_clear: 
// 清除密码 
password.settext(""); 
break; 
case r.id.bt_pwd_eye: 
// 密码可见与不可见的切换 
if (isopen) { 
isopen = false; 
} else { 
isopen = true; 
} 
// 默认isopen是false,密码不可见 
changepwdopenorclose(isopen); 
break; 
case r.id.login: 
// todo 登录按钮 
break; 
case r.id.register: 
// 注册按钮 
toast.maketext(mainactivity.this, "注册", 0).show(); 
break; 
case r.id.forgive_pwd: 
// 忘记密码按钮 
toast.maketext(mainactivity.this, "忘记密码", 0).show(); 
break; 
default: 
break; 
} 
} 
/** 
* 密码可见与不可见的切换 
* 
* @param flag 
*/ 
private void changepwdopenorclose(boolean flag) { 
// 第一次过来是false，密码不可见 
if (flag) { 
// 密码可见 
bt_pwd_eye.setbackgroundresource(r.drawable.password_open); 
// 设置edittext的密码可见 
password.settransformationmethod(hidereturnstransformationmethod 
.getinstance()); 
} else { 
// 密码不接见 
bt_pwd_eye.setbackgroundresource(r.drawable.password_close); 
// 设置edittext的密码隐藏 
password.settransformationmethod(passwordtransformationmethod 
.getinstance()); 
} 
} 
}

ok，就是这么简单，效果完成。

以上所述是小编给大家介绍的android登录界面的实现代码分享，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网