Question

如何使用Android Studio开发用户登录界面

Answer 1

　　方法/步骤

　　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>

　　9

　　预览效果如图