首頁 > 網際網路

如何使用Android Studio開發使用者登入介面

2019-11-30 03:13:19

目前如火如荼的android應用開發遍地開花，為了更好的適應行動網際網路的發展，掌握移動開發成為程式員必須掌握的一門技能。本文通過一個簡單案例講述如果通過Android Studio開發一個使用者登入介面。

1

我們專案的前提是你已經將基本的執行環境及sdk都已經安裝好了，讀者可自行百度環境設定相關內容，本文不再贅述。右鍵點選new-->Module，Module相當於新建了一個專案。如圖所示


2

選擇Android Application，點選next


3

將My Module 和app改成自己專案相應的名字，同時選擇支援的Android版本


4

這一步我們選擇Blank Activity,自己手動編寫登入介面，而不依賴系統內建的Login Activity，一直點選next，最後點選finish就完成了專案的建立



5

在project下我們可以看到出現了我們剛才建立的login專案


6

展開res/layout,點選開啟activity_main.xml檔案，在這個檔案裡我們將完成登入介面的編寫


7

這是初始的主介面，還沒有經過我們編寫的介面，Android Studio有一個很強大的預覽功能，相當給力


8

我們將activity_main.xml的程式碼替換成如下程式碼：<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"? ? android:layout_width="fill_parent"? ? android:layout_height="fill_parent"? ? android:gravity="center_vertical"? ? android:stretchColumns="0,3">? ? <TableRow>? ? ? ? <TextView />? ? ? ? <TextView? ? ? ? ? ?
android:text="賬 ? 號："? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"? ? ? ? ? ? android:textSize="24px"? ? ? ? ? ? />? ? ? ? <EditText? ? ? ? ? ? android:id="@+id/account"? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"? ? ? ? ? ? android:textSize="24px"? ? ? ? ? ? android:minWidth="220px"/>? ? ? ? <TextView />? ? </TableRow>? ? <TableRow android:layout_marginTop="20px">? ? ? ? <TextView />? ? ? ? <TextView? ? ? ? ? ? android:text="密 ?碼："? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"? ? ? ? ? ? />? ? ? ? <EditText? ? ? ? ? ? android:id="@+id/pwd"? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"? ? ? ? ? ? android:minWidth="220px"? ? ? ? ? ? android:textSize="24px"? ? ? ? ? ? android:inputType="textPassword"/>? ? ? ? <TextView />? ? </TableRow>? ? <TableRow android:layout_marginTop="20px">? ? ? ? <TextView />? ? ? ? <Button? ? ? ? ? ? android:id="@+id/login"? ? ? ? ? ? android:text="登入"? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"? ? ? ? ? ? />? ? ? ? <Button? ? ? ? ? ? android:id="@+id/quit"? ? ? ? ? ? android:text="退出"? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"/>? ? ? ? <TextView />? ? </TableRow></TableLayout>
rap_content"? ? ? ? ? ? android:textSize="24px"? ? ? ? ? ? />? ? ? ? <EditText? ? ? ? ? ? android:id="@+id/account"? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"? ? ? ? ? ? android:textSize="24px"? ? ? ? ? ? android:minWidth="220px"/>? ? ? ? <TextView />? ? </TableRow>? ? <TableRow android:layout_marginTop="20px">? ? ? ? <TextView />? ? ? ? <TextView? ? ? ? ? ? android:text="密 ?碼："? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"? ? ? ? ? ? />? ? ? ? <EditText? ? ? ? ? ? android:id="@+id/pwd"? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"? ? ? ? ? ? android:minWidth="220px"? ? ? ? ? ? android:textSize="24px"? ? ? ? ? ? android:inputType="textPassword"/>? ? ? ? <TextView />? ? </TableRow>? ? <TableRow android:layout_marginTop="20px">? ? ? ? <TextView />? ? ? ? <Button? ? ? ? ? ? android:id="@+id/login"? ? ? ? ? ? android:text="登入"? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"? ? ? ? ? ? />? ? ? ? <Button? ? ? ? ? ? android:id="@+id/quit"? ? ? ? ? ? android:text="退出"? ? ? ? ? ? android:layout_width="wrap_content"? ? ? ? ? ? android:layout_height="wrap_content"/>? ? ? ? <TextView />? ? </TableRow></TableLayout>

9

預覽效果如圖


10

使用Android 手機進行測試，大功告成



相關文章

  • 星海爭霸2（新手免費全功能啟用碼）141231更新 星海爭霸2（新手免費全功能啟用碼）141231更新

    星海爭霸21全功能兌換碼新手獎勵1、7小時遊戲時間（14天內）解除所有試玩版本限制直到7小時耗盡，如種族、匹配模式、戰役、地圖等詳細資訊(150119更新)4505624695013984483730049

    2020-11-30 03:45:43

  • 決勝時刻戰區國際服註冊方法 決勝時刻戰區國際服註冊方法

    我們經常會玩決勝時刻戰區遊戲，但是有很多朋友不知道決勝時刻戰區國際服註冊方法，下面就詳細說下決勝時刻戰區國際服註冊方法。1首先我們開啟自己電腦中的瀏覽器，比如360瀏覽器

    2020-11-29 16:08:59

  • 決勝時刻黑色行動4怎麼下載 決勝時刻黑色行動4怎麼下載

    決勝時刻黑色行動4的應用獲取的方法。1準備好網路的網速，開啟瀏覽器的頁面。 2決勝時刻黑色行動4將其輸入到搜尋頁中，點選搜尋。 3選擇圖中展示的決勝時刻黑色行動4中文版網頁

    2020-11-29 16:06:30

  • 決勝時刻6怎麼安裝 決勝時刻6怎麼安裝

    決勝時刻是一個很好玩的遊戲，但是安裝過程比較困難，下面小編和你分享一下經驗！ 1一般有很多個壓縮檔案的那種，任意解壓一個壓縮包之後會生成一個映象用虛擬光碟機載入，之後按用光

    2020-11-29 10:07:32

  • 決勝時刻9BO2.怎麼安裝 決勝時刻9BO2.怎麼安裝

    小編教你決勝時刻9BO2.怎麼安裝，希望你的生活多姿多彩~ 1首先，你買的基本可以確定，是盜版，或者說所謂的偽正版——同學，多去steam吧或者戰地3吧看一看，會提高你對盜版/偽正版的鑑

    2020-11-29 05:49:58

  • 決勝時刻10設定中文 決勝時刻10設定中文

    目前很多決勝時刻的玩家都在找版本10的中文版，其實現在正版的當中還沒有中文，退而求其次吧，小編這裡分享一些貼圖大家參考一下 1基礎選單，直接看圖片吧 2基礎選單，直接看圖片吧 3

    2020-11-29 05:29:49

IT145.com E-mail:sddin#qq.com