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

來源:酷知科普網 1.04W

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

操作方法

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

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

(02)選擇Android Application,點選next

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

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

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

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

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

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

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

(06)展開res/layout,點選開啟activity_檔案,在這個檔案裡我們將完成登入介面的編寫

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

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

(08)我們將activity_的程式碼替換成如下程式碼:<TableLayout xmlns:android=""android:layout_width="fill_parent"android:layout_height="fill_parent"android:gravity="center_vertical"android:stretchColumns="0,3"><TableRow><TextView /><TextViewandroid:text="賬   號:"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="24px"/><EditTextandroid: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 /><TextViewandroid:text="密  碼:"android:layout_width="wrap_content"android:layout_height="wrap_content"/><EditTextandroid: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 /><Buttonandroid:id="@+id/login"android:text="登入"android:layout_width="wrap_content"android:layout_height="wrap_content"/><Buttonandroid:id="@+id/quit"android:text="退出"android:layout_width="wrap_content"android:layout_height="wrap_content"/><TextView /></TableRow></TableLayout>

(09)預覽效果如圖

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

(10)使用Android 手機進行測試,大功告成

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

特別提示

一定要先配置好java執行環境及android執行環境

跟著步驟操作

熱門標籤