Android实现简单QQ登录页面

Margaret ·
更新时间:2024-11-13
· 982 次阅读

Android开发实现极为简单的QQ登录页面,供大家参考,具体内容如下

设计一个简单QQ登录页面,无任何功能。然后打包安装到手机。

1.首先创建一个空白页面

2.打开样式设计的页面

在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>

在虚拟机里跑一下

效果还算可以吧
试试能不能打包一下,安装到手机上。

报错了…

网上查了一下解决办法。在build.gradle文件里添点代码:

lintOptions {         checkReleaseBuilds false         abortOnError false     }

成功了。

挺不错

参考图书《Android移动开发基础案例教程》



qq Android

需要 登录 后方可回复, 如果你还没有账号请 注册新账号