【Android笔记】入门篇01：快速设计用户界面

【说明：】本文主要记录采用eclipse和adt，利用“声明性设计”来快速构建android 用户界面的方法。原始资料为学习《android基础教程（第三版）》的笔记。

一、使用eclipse新建android项目：

1. Project Name： Sudoku01;
2. Select Build Target： 选择android 2.1；
3. Application name: Sudoku01;
4. Package name: com.Qunero.Sudoku01;
5. Create Activity: Sudoku01Activity; 注意已经默认选中前面的复选框；
6. Minimum SDK ：7

点击Finish完成项目构建，后续编辑相应的资源文件xml就可以了。

 

二、核心java代码和说明：

package com.Qunero.Sudoku01;

import android.app.Activity;
import android.os.Bundle;

public class Sudoku01Activity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main); //这里的R类就是通过扫描资源目录得到的。R.layout.main对应res\layout\main.xml
    }
}

 

三、修改资源文件实现布局：

3.1 修改布局文件res\layout\main.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:padding="30dip" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:orientation="vertical" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginBottom="25dip"
            android:text="@string/title"
            android:textSize="24.5sp" />

        <Button
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/new_game_label" />

        <Button
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/last_game_label" />

        <Button
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/language_label" />

        <Button
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/about_game_label" />

        <Button
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/exit_game_label" />
    </LinearLayout>

</LinearLayout>

说明:

• 外围设置为LinearLayout布局，水平方向，作为主要的布局；
• 内部第一层为垂直方向的LinearLayout，里面包含各个子项目；
• 第一个TextView显示为标签，用于显示程序名，这个在水平方向和垂直方向都由系统管理为android:layout_width="wrap_content"，从而正常居中。
• 后面各个Button高度方面有系统管理 android:layout_height="wrap_content"，而水平方向尽量填满：android:layout_width="fill_parent"；

3.2 修改res\values\strings\xml :

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">Sudoku V01 By Qunero</string>
    <string name="title">Android Sudoku V01</string>
    <string name="new_game_label">新游戏</string>
    <string name="last_game_label">继续游戏</string>
    <string name="exit_game_label">退出游戏</string>
    <string name="about_game_label">关于游戏</string>
    <string name="language_label">语言设置</string>

</resources>

 

保存好后直接在avd中运行就可以看到效果了，默认快捷键ctrl+F11，效果如下图：