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 @ConfigurationProperties和@PropertySource的区别
Jun 11 Java/Android
ConstraintValidator类如何实现自定义注解校验前端传参
Jun 18 Java/Android
关于maven依赖 ${xxx.version}报错问题
Jan 18 Java/Android
Java字符串逆序方法详情
Mar 21 Java/Android
Netty分布式客户端接入流程初始化源码分析
Mar 25 Java/Android
Android Flutter实现3D动画效果示例详解
Apr 07 Java/Android
解决springboot druid数据库连接失败后一直重连的方法
Apr 19 Java/Android
Java设计模式之代理模式
Apr 22 Java/Android
Mybatis-Plus 使用 @TableField 自动填充日期
Apr 26 Java/Android
Android存储中最基本的文件存储方式
Apr 30 Java/Android
Java界面编程实现界面跳转
Jun 16 Java/Android
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
PHP入门之常量简介和系统常量
2014/05/12 PHP
php中的常用魔术方法汇总
2016/02/14 PHP
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
使用jQuery实现的网页版的个人简历(可换肤)
2013/04/19 Javascript
jQuery探测位置的提示弹窗(toolTip box)详细解析
2013/11/14 Javascript
node.js中的fs.realpath方法使用说明
2014/12/16 Javascript
一不小心就做错的JS闭包面试题
2015/11/25 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
使用JavaScript实现弹出层效果的简单实例
2016/05/31 Javascript
基于Vue2的移动端开发环境搭建详解
2016/11/03 Javascript
JS中事件冒泡和事件捕获介绍
2016/12/13 Javascript
LayerClose弹窗关闭刷新方法
2018/08/17 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
js最全的数组的降维5种办法(小结)
2020/04/28 Javascript
[45:46]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS DT
2014/05/23 DOTA
python进程管理工具supervisor使用实例
2014/09/17 Python
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
Python numpy 提取矩阵的某一行或某一列的实例
2018/04/03 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
django+echart绘制曲线图的方法示例
2018/11/26 Python
Python3 max()函数基础用法
2019/02/19 Python
局域网内python socket实现windows与linux间的消息传送
2019/04/19 Python
如何解决tensorflow恢复模型的特定值时出错
2020/02/06 Python
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
Street One瑞士:德国现代时装公司
2019/10/09 全球购物
电大自我鉴定范文
2013/10/01 职场文书
副主任竞聘演讲稿
2014/08/18 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
优秀党员推荐材料
2014/12/18 职场文书
先进个人材料怎么写
2014/12/30 职场文书
小班上学期个人总结
2015/02/12 职场文书
企业爱心捐款倡议书
2015/04/27 职场文书
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers