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 相关文章推荐
Java实现斗地主之洗牌发牌
Jun 14 Java/Android
Java框架入门之简单介绍SpringBoot框架
Jun 18 Java/Android
Java如何实现树的同构?
Jun 22 Java/Android
在Spring-Boot中如何使用@Value注解注入集合类
Aug 02 Java/Android
spring cloud 配置中心native配置方式
Sep 25 Java/Android
Java字符串逆序方法详情
Mar 21 Java/Android
springcloud整合seata
May 20 Java/Android
Java数据结构之堆(优先队列)
May 20 Java/Android
利用Java连接Hadoop进行编程
Jun 28 Java/Android
spring 项目实现限流方法示例
Jul 15 Java/Android
app场景下uniapp的扫码记录
Jul 23 Java/Android
Java代码规范与质量检测插件SonarLint的使用
Aug 05 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
探讨:如何使用PhpDocumentor生成文档
2013/06/25 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
深入浅析PHP7.0新特征(五大新特征)
2015/10/29 PHP
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
JavaScript返回网页中锚点数目的方法
2015/04/03 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
2015/09/11 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
DIV+CSS+jQ实现省市联动可扩展
2016/06/22 Javascript
AngularJS 单元测试(二)详解
2016/09/21 Javascript
获取select的value、text值的简单示例(jquery与javascript)
2016/12/07 Javascript
Angular的事件和表单详解
2016/12/26 Javascript
nodejs个人博客开发第一步 准备工作
2017/04/12 NodeJs
使用ES6语法重构React代码详解
2017/05/09 Javascript
javascript 开发之百度地图使用到的js函数整理
2017/05/19 Javascript
Vue异步加载about组件
2017/10/31 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
JavaScript使用math.js进行精确计算操作示例
2018/06/19 Javascript
全面了解JavaScript的作用域链
2019/04/03 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
Layui tree 下拉菜单树的实例代码
2019/09/21 Javascript
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
2019/09/27 Javascript
OpenLayers3实现对地图的基本操作
2020/09/28 Javascript
[23:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
python 列表,数组和矩阵sum的用法及区别介绍
2018/06/28 Python
python找出完数的方法
2018/11/12 Python
Python的垃圾回收机制详解
2019/08/28 Python
Python Selenium参数配置方法解析
2020/01/19 Python
你正在寻找的CSS3 动画技术
2011/07/27 HTML / CSS
JBL英国官网:JBL UK
2018/07/04 全球购物
高分子材料与工程专业推荐信
2013/12/01 职场文书
售后服务经理岗位职责
2014/02/25 职场文书
创建卫生先进单位实施方案
2014/03/10 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android