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集成flyway自动创表的详细配置
Jun 26 Java/Android
如何给HttpServletRequest增加消息头
Jun 30 Java/Android
MyBatis-Plus 批量插入数据的操作方法
Sep 25 Java/Android
Java 关于String字符串原理上的问题
Apr 07 Java/Android
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
Apr 24 Java/Android
Java 多态分析
Apr 26 Java/Android
带你了解Java中的ForkJoin
Apr 28 Java/Android
详解Android中的TimePickerView(时间选择器)的用法
Apr 30 Java/Android
Spring IOC容器Bean的作用域及生命周期实例
May 30 Java/Android
ConditionalOnProperty配置swagger不生效问题及解决
Jun 14 Java/Android
java实现自定义时钟并实现走时功能
Jun 21 Java/Android
Java使用HttpClient实现文件下载
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
全国FM电台频率大全 - 25 云南省
2020/03/11 无线电
PHP概述.
2006/10/09 PHP
PHP中cookies使用指南
2007/03/16 PHP
JS 网站性能优化笔记
2011/05/24 PHP
CI框架源码阅读,系统常量文件constants.php的配置
2013/02/28 PHP
PHP和Shell实现检查SAMBA与NFS Server是否存在
2015/01/07 PHP
php支持中文字符串分割的函数
2015/05/28 PHP
PHP正则匹配日期和时间(时间戳转换)的实例代码
2016/12/14 PHP
详解使用php调用微信接口上传永久素材
2017/04/11 PHP
javascript中获取选中对象的类型
2007/04/02 Javascript
js TextArea的选中区域处理
2010/12/28 Javascript
Javascript中定义方法的另类写法(批量定义js对象的方法)
2011/02/25 Javascript
ajax更新数据后,jquery、jq失效问题
2011/03/16 Javascript
JS删除字符串中重复字符方法
2014/03/09 Javascript
js实现漂浮回顶部按钮实例
2015/05/06 Javascript
javascript实现信息增删改查的方法
2015/07/25 Javascript
JavaScript生成带有缩进的表格代码
2016/06/15 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
2017/06/22 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
2017/12/16 Javascript
微信小程序自定义导航栏
2018/12/31 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
Node.js API详解之 querystring用法实例分析
2020/04/29 Javascript
vue实现循环滚动列表
2020/06/30 Javascript
[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2
2018/06/04 DOTA
python发送邮件的实例代码(支持html、图片、附件)
2013/03/04 Python
django 常用orm操作详解
2017/09/13 Python
pygame实现俄罗斯方块游戏(基础篇2)
2019/10/29 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
设置jupyter中DataFrame的显示限制方式
2020/04/12 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
CSS3 旋转立方体问题详解
2020/01/09 HTML / CSS
工商学院毕业生自荐信
2013/11/12 职场文书
超市采购员岗位职责
2014/02/01 职场文书