Android實現(xiàn)簡單QQ登錄頁面

更新時間：2022年04月24日 14:45:05 作者：Lssの老父親

這篇文章主要為大家詳細介紹了Android實現(xiàn)簡單QQ登錄頁面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

Android開發(fā)實現(xiàn)極為簡單的QQ登錄頁面，供大家參考，具體內(nèi)容如下

設計一個簡單QQ登錄頁面，無任何功能。然后打包安裝到手機。

1.首先創(chuàng)建一個空白頁面

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"http://改背景色
? ? tools:context=".MainActivity">
? ? <RelativeLayout android:layout_width="match_parent"http://相對布局
? ? ? ? android:layout_height="match_parent"
? ? ? ? android:layout_marginTop="60dp"http://距頂部距離
? ? ? ? android:background="#E6E6E6"http://改背景色
? ? ? ? android:orientation="vertical">

? ? <ImageView//放圖片
? ? ? ? android:id="@+id/iv"
? ? ? ? android:layout_width="70dp"
? ? ? ? android:layout_height="70dp"
? ? ? ? android:layout_centerHorizontal="true"http://居中
? ? ? ? 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"http://在imageview下面
? ? ? ? android:layout_centerVertical="true"http://居中
? ? ? ? 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"http://密文顯示
? ? ? ? ? ? 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>

在虛擬機里跑一下

效果還算可以吧
試試能不能打包一下，安裝到手機上。

報錯了…

網(wǎng)上查了一下解決辦法。在build.gradle文件里添點代碼:

lintOptions {
? ? ? ? checkReleaseBuilds false
? ? ? ? abortOnError false
? ? }

成功了。

挺不錯

參考圖書《Android移動開發(fā)基礎案例教程》

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Android多線程斷點續(xù)傳下載實現(xiàn)代碼
這篇文章主要介紹了Android多線程斷點續(xù)傳下載實現(xiàn)代碼,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-11-11
修改Android Studio 的 Logcat 緩沖區(qū)大小操作
這篇文章主要介紹了修改Android Studio 的 Logcat 緩沖區(qū)大小操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-04-04
Flutter中數(shù)據(jù)庫的使用教程詳解
在Flutter開發(fā)過程中，有時需要對數(shù)據(jù)進行本地的持久化存儲，使用sp文件形式雖然也能解決問題，但是有時數(shù)據(jù)量較大的時候，顯然我們文件形式就不太合適了，這時候我們就需要使用數(shù)據(jù)庫進行存儲。本文將詳細講講Flutter中數(shù)據(jù)庫的使用，需要的可以參考一下
2022-04-04
Android頭像上傳功能的實現(xiàn)代碼（獲取頭像加剪切）
最近在做一個頭像上傳的項目，下面小編給大家分享Android頭像上傳功能的實現(xiàn)代碼，需要的的朋友參考下吧
2017-08-08
Android性能優(yōu)化方案詳情
這篇文章主要給大家分享的是Android項目工程內(nèi)的一些性能優(yōu)化方式，文章圍繞Android項目工程優(yōu)化方式展開內(nèi)容,需要的朋友可以參考一下文章的具體詳情，希望對你有所幫助
2021-11-11
Android如何調(diào)整線程調(diào)用棧大小
這篇文章主要介紹了Android如何調(diào)整線程調(diào)用棧大小，幫助大家更好的進行Android開發(fā)，完善自身程序，感興趣的朋友可以了解下
2020-10-10
Android Spinner與適配器模式詳解及實例代碼
這篇文章主要介紹了Android Spinner與適配器模式詳解相關資料,并附代碼實例，需要的朋友可以參考下
2016-10-10
Android Studio開發(fā)中Gradle各種常見報錯問題解決方案
這篇文章主要為大家介紹了Android Studio開發(fā)中Gradle各種常見報錯問題解決方案,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-12-12
Android中碎片的使用方法詳解
這篇文章主要介紹了Android中碎片的使用方法詳解,其實碎片很簡單,但是網(wǎng)上胡亂充數(shù)的博文太多了,以至于我們有時候覺得比較亂,今天就來簡單講解一下碎片的使用,需要的朋友可以參考下
2019-06-06
android九宮格可分頁加載控件使用詳解
這篇文章主要介紹了android九宮格可分頁加載控件的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-02-02