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 16 Java/Android
基于Java的MathML转图片的方法(示例代码)
Jun 23 Java/Android
java设计模式--三种工厂模式详解
Jul 21 Java/Android
在Spring-Boot中如何使用@Value注解注入集合类
Aug 02 Java/Android
Java org.w3c.dom.Document 类方法引用报错
Aug 07 Java/Android
MyBatis-Plus 批量插入数据的操作方法
Sep 25 Java/Android
mybatis源码解读之executor包语句处理功能
Feb 15 Java/Android
Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解
Mar 21 Java/Android
JAVA 线程池(池化技术)的实现原理
Apr 28 Java/Android
Spring中的@Transactional的工作原理
Jun 05 Java/Android
Android Gradle 插件自定义Plugin实现注意事项
Jun 16 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
关于使用key/value数据库redis和TTSERVER的心得体会
2013/06/28 PHP
浅谈PHP变量作用域以及地址引用问题
2013/12/27 PHP
php实现以只读方式打开文件的方法
2015/03/16 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
php示例详解Constructor Prototype Pattern 原型模式
2015/10/15 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
php简单随机字符串生成方法示例
2017/04/19 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
心扬JS分页函数代码
2010/09/10 Javascript
当jQuery遭遇CoffeeScript的时候 使用分享
2011/09/17 Javascript
js实现照片墙功能实例
2015/02/05 Javascript
JS实现控制表格行内容垂直对齐的方法
2015/03/30 Javascript
javascript实现的多个层切换效果通用函数实例
2015/07/06 Javascript
jquery简单实现幻灯片的方法
2015/08/03 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
2016/08/01 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
Vue框架里使用Swiper的方法示例
2018/09/20 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
vue项目中实现图片预览的公用组件功能
2018/10/26 Javascript
在Python的Django框架中编写编译函数
2015/07/20 Python
Python提取频域特征知识点浅析
2019/03/04 Python
使用Django简单编写一个XSS平台的方法步骤
2019/03/25 Python
python字典一键多值实例代码分享
2019/06/14 Python
Python自动化完成tb喵币任务的操作方法
2019/10/30 Python
详解python 中in 的 用法
2019/12/12 Python
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
工商管理应届生求职信
2013/10/07 职场文书
大学生学业生涯规划
2014/01/05 职场文书
学生打架检讨书
2014/02/14 职场文书
学生会部长竞聘书
2014/03/31 职场文书
小班上学期评语
2014/05/05 职场文书
个人作风建设心得体会
2014/10/22 职场文书
web前端之css水平居中代码解析
2021/05/20 HTML / CSS
浅谈PHP7中的一些小技巧
2021/05/29 PHP
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers