如何使用Android Studio开发用户登录界面
推荐于2016-01-22 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
向TA提问 私信TA
方法/步骤
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
预览效果如图
