Android小程序实现简易QQ界面
程序员文章站
2022-04-28 20:58:16
本文实例为大家分享了android实现简易qq界面的具体代码,供大家参考,具体内容如下要求: (1)与qq界面控件数目、样式相同 (2)与qq的图形化界面相同 (3)实现一个简单的点击事件具体实现:(...
本文实例为大家分享了android实现简易qq界面的具体代码,供大家参考,具体内容如下
要求:
(1)与qq界面控件数目、样式相同
(2)与qq的图形化界面相同
(3)实现一个简单的点击事件
具体实现:
(1)编写程序代码
package com.example.login; import android.app.activity; import android.os.bundle; import android.util.log; import android.view.menu; import android.view.menuitem; import android.view.view; import android.view.view.onclicklistener; import android.view.window; import android.widget.button; import android.widget.edittext; import android.widget.radiobutton; import android.widget.toast; import android.widget.togglebutton; public class mainactivity extends activity { //声明组件 private edittext username; private edittext password; private button login; @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); //无标题设置 requestwindowfeature(window.feature_no_title); setcontentview(r.layout.activity_main); //初始化控件,根据id获取组件对象 username = (edittext)findviewbyid(r.id.username); password = (edittext)findviewbyid(r.id.password); login = (button)findviewbyid(r.id.login); //注册监听 login.setonclicklistener(new onclicklistener() { @override public void onclick(view v) { // 登录 log.i("tag", "username:"+username.gettext().tostring()); log.i("tag", "password:"+password.gettext().tostring()); toast t1 = toast.maketext(getapplicationcontext(), "登录成功", toast.length_long); t1.show(); } }); } }
(2)对应布局文件
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/aa" android:orientation="vertical" > <linearlayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="#55000000" android:orientation="vertical" android:paddingleft="30dp" android:paddingright="30dp" > <linearlayout android:layout_margintop="80dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:orientation="horizontal" > <imageview android:layout_width="43dp" android:layout_height="43dp" android:src="@drawable/qq" /> <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="qq" android:textcolor="#fff" android:textsize="50dp" /> </linearlayout> <edittext android:id="@+id/username" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margintop="30dp" android:background="@null" android:hint="qq号/手机号/邮箱" android:maxlength="13" android:singleline="true" android:textcolor="#fff" android:textsize="30px" android:textcolorhint="#eee" /> <view android:layout_width="match_parent" android:layout_height="1px" android:layout_margintop="10dp" android:background="#eee" /> <edittext android:id="@+id/password" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margintop="10dp" android:background="@null" android:hint="密码" android:inputtype="textpassword" android:maxlength="13" android:singleline="true" android:textcolor="#fff" android:textsize="30px" android:textcolorhint="#eee" /> <view android:layout_width="match_parent" android:layout_height="1px" android:layout_margintop="10dp" android:background="#eee" /> <button android:id="@+id/login" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margintop="10dp" android:background="@drawable/button_login_bg" android:text="登录" android:textcolor="#fff" android:textsize="25px" /> <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margintop="10dp" android:orientation="horizontal" > <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="忘记密码?" android:textcolor="#cc1ca4de" android:textsize="20dp" /> <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:gravity="right" android:text="新用户注册" android:textcolor="#cc1ca4de" android:textsize="20dp" /> </linearlayout> </linearlayout> </linearlayout>
(3)效果如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。