Android开发实现极为简单的QQ登录页面


Posted in Java/Android onApril 24, 2022

Android开发实现极为简单的QQ登录页面,供大家参考,具体内容如下

设计一个简单QQ登录页面,无任何功能。然后打包安装到手机。

1.首先创建一个空白页面

Android开发实现极为简单的QQ登录页面

Android开发实现极为简单的QQ登录页面

2.打开样式设计的页面

Android开发实现极为简单的QQ登录页面

在activity_main.xml中写入代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#E6E6E6"//改背景色
    tools:context=".MainActivity">
    <RelativeLayout android:layout_width="match_parent"//相对布局
        android:layout_height="match_parent"
        android:layout_marginTop="60dp"//距顶部距离
        android:background="#E6E6E6"//改背景色
        android:orientation="vertical">

    <ImageView//放图片
        android:id="@+id/iv"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_centerHorizontal="true"//居中
        android:layout_marginTop="40dp"
        android:background="@drawable/head"/>//图片的位置

    <LinearLayout//线性布局
        android:id="@+id/ll_number"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/iv"//在imageview下面
        android:layout_centerVertical="true"//居中
        android:layout_marginBottom="5dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="15dp"
        android:background="#ffffff">
        <TextView//显示文本
            android:id="@+id/tv_number"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="账号:"
            android:textColor="#000"
            android:textSize="20sp"/>
        <EditText//输入框
            android:id="@+id/et_number"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:background="@null"
            android:padding="10dp"/>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/ll_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_number"
        android:layout_centerVertical="true"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:background="#ffffff">
        <TextView
            android:id="@+id/tv_password"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="密码:"
            android:textColor="#000"
            android:textSize="20sp"/>
        <EditText
            android:id="@+id/et_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:layout_toRightOf="@id/tv_password"
            android:background="@null"
            android:inputType="textPassword"//密文显示
            android:padding="10dp"/>
    </LinearLayout>
    <Button//登录按钮
        android:id="@+id/btn_login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_password"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="50dp"
        android:background="#3C8DC4"
        android:text="登录"
        android:textColor="#ffffff"
        android:textSize="20sp"/>
    </RelativeLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

在虚拟机里跑一下

Android开发实现极为简单的QQ登录页面

效果还算可以吧
试试能不能打包一下,安装到手机上。

Android开发实现极为简单的QQ登录页面

Android开发实现极为简单的QQ登录页面

Android开发实现极为简单的QQ登录页面

Android开发实现极为简单的QQ登录页面

Android开发实现极为简单的QQ登录页面

报错了…

Android开发实现极为简单的QQ登录页面

网上查了一下解决办法。在build.gradle文件里添点代码:

lintOptions {
        checkReleaseBuilds false
        abortOnError false
    }

Android开发实现极为简单的QQ登录页面

成功了。

Android开发实现极为简单的QQ登录页面

挺不错

Android开发实现极为简单的QQ登录页面

参考图书《Android移动开发基础案例教程》


Tags in this post...

Java/Android 相关文章推荐
使用Springboot实现健身房管理系统
Jul 01 Java/Android
Java生成读取条形码和二维码的简单示例
Jul 09 Java/Android
JavaWeb 入门:Hello Servlet
Jul 16 Java/Android
Java 在生活中的 10 大应用
Nov 02 Java/Android
解析mybatis-plus中的resultMap简单使用
Nov 23 Java/Android
使用Java去实现超市会员管理系统
Mar 18 Java/Android
Android Studio实现带三角函数对数运算功能的高级计算器
May 20 Java/Android
Java数据结构之堆(优先队列)
May 20 Java/Android
Android中的Launch Mode详情
Jun 05 Java/Android
Android开发手册自定义Switch开关按钮控件
Jun 10 Java/Android
SpringBoot Http远程调用的方法
Aug 14 Java/Android
Spring boot实现上传文件到本地服务器
Aug 14 Java/Android
Flutter Navigator 实现路由传递参数
Apr 22 #Java/Android
SpringBoot 集成短信和邮件 以阿里云短信服务为例
Java设计模式之代理模式
Apr 22 #Java/Android
Java工作中实用的代码优化技巧分享
Apr 21 #Java/Android
Spring Boot接口定义和全局异常统一处理
Apr 20 #Java/Android
Spring Boot配合PageHelper优化大表查询数据分页
Java Spring Boot 正确读取配置文件中的属性的值
You might like
php常用Stream函数集介绍
2013/06/24 PHP
php计算两个日期时间差(返回年、月、日)
2014/06/19 PHP
php防止恶意刷新与刷票的方法
2014/11/21 PHP
php实现递归的三种基本方式
2020/07/04 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
Laravel源码解析之路由的使用和示例详解
2018/09/27 PHP
PHP如何将图片文件上传到另外一台服务器上
2019/08/26 PHP
PHP7.0连接DB操作实例分析【基于mysqli】
2019/09/26 PHP
JavaScript的面向对象(一)
2006/11/09 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
node.js中的path.basename方法使用说明
2014/12/09 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
javascript实现动态导入js与css等静态资源文件的方法
2015/07/25 Javascript
纯JS代码实现气泡效果
2016/05/04 Javascript
详解js的六大数据类型
2016/12/27 Javascript
js制作简单的音乐播放器的示例代码
2017/08/28 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
2020/03/19 Javascript
vue使用map代替Aarry数组循环遍历的方法
2020/04/30 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
python自动发微信监控报警
2019/09/06 Python
使用Python串口实时显示数据并绘图的例子
2019/12/26 Python
详解Django关于StreamingHttpResponse与FileResponse文件下载的最优方法
2021/01/07 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
Rhone官方网站:男士运动服装、健身服装和高级运动服
2019/05/01 全球购物
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
写求职信要注意什么问题
2014/04/12 职场文书
初二英语教学反思
2016/02/15 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书
关于vue中如何监听数组变化
2021/04/28 Vue.js
MySQL系列之六 用户与授权
2021/07/02 MySQL
MySql子查询IN的执行和优化的实现
2021/08/02 MySQL