Android学习之界面设置

最近实训正在学习Android程序编写，以下内容主要是自己在课堂上所学东西的总结。

本文采用eclipse编写Android应用程序，今天从最基础的界面设计开始记录。

1.新建文件

在菜单栏找到File->new->Android Application Project,如下图所示：

此时会弹出如下的窗口

我们只需要填写Application Name即可，后面两个会自动生成。其他的参数可以不用管。之后可以一直点击Next，当点击到Icon设置界面时，可以自己设置自己想要的图标，这个图标将会是我们手机上生成的应用软件的图标。我们可以看到右边出现四个大小不同的图标，他们表示不同像素的图标，从上到下图片的分辨率依次增加。

此时我们可以看到界面左侧有一个刚刚新建的工程，点开这个工程，我们可以看到几个不同的文件夹。

src：Java的源文件
gen：不要修改其中的java文件（千万不要）
assets：资源文件
bin：放置二进制文件
libs：第三方jar文件、apk文件
res：资源文件（会生成id），前四个文件夹放置图片，从上到下图片的分辨率增加；第五个文件为布局文件，第六个菜单，第七个值。

AndroidManifest.xml为主配置文件，用于配置app信息。

2.打开模拟机

点击上方手机样式的图标，如图。

new->AVD Name（自己取个名字）->Device（最好选个分辨率低的，不然有可能会生成不了。）

其他的就随便选就好啦~然后点击OK。选中你生成的机子，点击右侧的start->Launch。过一会就有一个机子出现在你眼前！

如图：

3.通过在.xml中编写代码设置布局

我们今天要学习的布局文件就在res这个资源文件中，点看res可以看到下面的layout，里面存放了默认的布局文件activity_main.xml。双击，出现如下界面

用鼠标选中Hello world!将其删除，然后自由创建自己的布局~

可以看到在上图的左下角有两个界面选择框，当前界面为Graphical Layout界面，可以拖动左边的控件到空白布局中进行布局，同时，也可以打开activity_main.xml，在.xml中编写布局代码。

将代码块<TextView ……>部分删除也可以达到上述选中Layout中的Hello world!删除的效果。

我们所有的代码都要在<RelativeLayout></RelativeLayout>中间生成，如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    你的代码

</RelativeLayout>

注意：在.xml中的注释与在.java中的注释方式不同，.xml中的注释如下

<!-- 注释的内容  -->

所有布局控件都是以"<"开始，"/>"结束。当我们键入"<"后，按住Alt+/会出现提示代码。

添加自己想要的控件。

Button控件：设置一个<Button 编写你的代码 />

<Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#7fd5fe"
        android:text="登录"
        android:textColor="#fff" />

任何一个控件都需要设置它的宽度和高度，即

android:layout_width="match_parent"
android:layout_height="wrap_content"

layout_width和layout_height的属性包括：fill_parent、match_parent和wrap_conten

android:background用于设置Button的背景颜色。

android:text后面填写Button的文本名，用于标识该Button的作用。。

android:textColor用于设置text的颜色。

此时我们回到Layout中可以看到如下布局。

TextView：无需进行点击或监听的文本可以采用TextView。代码块内容与Button相似
EditText：编辑文本框。在这里最好不要对android:text进行设置，不然你在输入值的时候编辑框的内容并不会消失。因此我们使用android:hint="输入用户名"。它作为提示，告诉你该编辑框应该填写的内容，当你在编辑内容时，原本的文本会消失，这个功能在我们日常登录中很常见。如果想要删除编辑框的线条，可以采用android:background="@null"方式。

<EditText 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="输入用户名"
        android:background="@null"
        />

可以看到如下效果

如果想要更改整个界面的背景图，可以在整体布局文件中添加android:background="@drawable/你图片的名字"。在此之前我们要先将图片拖到res中的drawable-...文件夹下面。我一般把大的拖到xxhdpi下面，小的拖到hdpi下面。

未完待续....