Android登录界面的实现代码分享
程序员文章站
2024-03-03 18:02:34
最近由于项目需要,宝宝好久没搞android啦,又是因为项目需要,现在继续弄android,哎,说多了都是泪呀,别的不用多说,先搞一个登录界面练练手,登录界面可以说是and...
最近由于项目需要,宝宝好久没搞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登录界面的实现代码分享,希望对大家有所帮助
下一篇: ASP.NET笔记之广告控件的使用方法