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 18 Java/Android
详解Java分布式事务的 6 种解决方案
Jun 26 Java/Android
Java常用函数式接口总结
Jun 29 Java/Android
springboot集成springCloud中gateway时启动报错的解决
Jul 16 Java/Android
使用HttpSessionListener监听器实战
Mar 17 Java/Android
Java实战之课程信息管理系统的实现
Apr 01 Java/Android
Java 超详细讲解数据结构中的堆的应用
Apr 02 Java/Android
Java设计模式中的命令模式
Apr 28 Java/Android
Java对文件的读写操作方法
Apr 29 Java/Android
详解Spring Bean的配置方式与实例化
Jun 10 Java/Android
SpringCloud中分析讲解Feign组件添加请求头有哪些坑梳理
Jun 21 Java/Android
SpringBoot深入分析讲解监听器模式下
Jul 15 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
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
php+ajax无刷新上传图片的实现方法
2016/12/06 PHP
Yii2汉字转拼音类的实例代码
2017/04/18 PHP
PHP大文件分块上传功能实例详解
2019/07/22 PHP
JS刷新框架外页面七种实现代码
2013/02/18 Javascript
基于jquery实现拆分姓名的方法(纯JS版)
2013/05/08 Javascript
通过正则表达式实现表单验证是否为中文
2014/02/18 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
2014/09/25 Javascript
JS触发服务器控件的单击事件(详解)
2016/08/06 Javascript
关于JavaScript限制字数的输入框的那些事
2016/08/14 Javascript
js实现StringBuffer的简单实例
2016/09/02 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
AngularJS Select(选择框)使用详解
2017/01/18 Javascript
Bootstrap表单使用方法详解
2017/02/17 Javascript
详解vue父子模版嵌套案例
2017/03/04 Javascript
基于Bootstrap表单验证功能
2017/11/17 Javascript
vue实现点击隐藏与显示实例分享
2019/02/13 Javascript
Vue触发隐藏input file的方法实例详解
2019/08/14 Javascript
Vue 修改网站图标的方法
2020/12/31 Vue.js
详解Vue3.0 + TypeScript + Vite初体验
2021/02/22 Vue.js
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
Python的Flask框架中Flask-Admin库的简单入门指引
2015/04/07 Python
Python文件与文件夹常见基本操作总结
2016/09/19 Python
python统计中文字符数量的两种方法
2019/01/31 Python
Python依赖包整体迁移方法详解
2019/08/15 Python
详解如何用python实现一个简单下载器的服务端和客户端
2019/10/28 Python
django3.02模板中的超链接配置实例代码
2020/02/04 Python
Python+Appium实现自动化清理微信僵尸好友的方法
2021/02/04 Python
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
Needle & Thread官网:英国仙女品牌
2018/01/13 全球购物
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
Yahoo-PHP面试题3
2012/01/14 面试题
Linux机考试题
2015/07/17 面试题
Why do we need Unit test
2013/01/03 面试题
资深地理教师自我评价
2013/09/21 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书