欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2024-03-03 18:02:34
最近由于项目需要,宝宝好久没搞android啦,又是因为项目需要,现在继续弄android,哎,说多了都是泪呀,别的不用多说,先搞一个登录界面练练手,登录界面可以说是and...

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

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

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

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

<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登录界面的实现代码分享,希望对大家有所帮助