Android 的視覺化介面

Android

簡介

使用方法

開發工具

開始寫程式

視覺化介面

視覺元件

對話元件

核心物件

事件處理

資料儲存

查詢功能

影音功能

繪圖功能

網路功能

衛星地圖

特殊功能

資源管理

裝置管理

系統核心

問題與回答

刷機升級

常用軟體

Eclipse

教學錄影

訊息

相關網站

參考文獻

最新修改

簡體版

English

簡介

Android 的畫面是一棵由 View 與 ViewGroup 所形成的樹,每個 ViewGroup 可以容納許多個 View 元件,以下是這種視覺樹的抽象示意圖。

ViewGroup.png

圖一、Android 的排版是一棵由 View 所形成的樹

舉例而言,下圖是一個由 LinearLayout 與 RelativeLayout 所合成的樹狀結構,代表在 LinearLayout 中又放入了一個 RelativeLayout 容器,最後形成整個畫面。

LinearLayoutTree.png

圖一、Android 排版的一個範例

直接用程式建立 Layout 畫面

您可以用程式直接建立 Layout 的樹狀結構,以下是一個很簡單的 Layout 範例。

package ccc.test;
 
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
 
public class HelloActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        setContentView(R.layout.main);
        TextView view = new TextView(this);
        view.setText("Hello!");
        setContentView(view);        
    }
}

專案下載:HelloActivity.zip

使用 XML 描述 Layout

您也可以使用 XML 描述 Layout 的結構,以下是一個範例。

<?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="vertical" >
    <TextView android:id="@+id/text"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="Hello, I am a TextView" />
    <Button android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello, I am a Button" />
</LinearLayout>

參考文獻

  1. Android Developer : User Interface — http://developer.android.com/guide/topics/ui/index.html

Facebook

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License