2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

Android應(yīng)用程序的用戶界面可以看作是由View和View Group組成的，從字面意思上就可以看出，View?Group是可以包含多個(gè)View的。借用官方教程的圖可以更容易理解：

說到這里，我們還沒有解釋，何為View？其實(shí)就是我們所看到的按鈕、文本編輯框之類的。換句話說，View是一些用戶可以看得見的窗口小部件，而ViewGroup則是用戶看不見的，它的作用是更好的組織和布局View。

由于我們是初學(xué)者，所以可以簡單的來歸納一下：

Android應(yīng)用程序通過 res/layout目錄下的一個(gè)XML文件（activity_main.xml）來配置和管理程序窗口的布局。當(dāng)然，一個(gè)Android應(yīng)用程序可能有多個(gè)程序窗口，每個(gè)程序窗口都會有一個(gè)XML文件來管理它的界面布局。每個(gè)XML文件的名稱可能不一樣。我們這里討論的是最簡單的Android程序，它是由ADT自動生成的只有一個(gè)程序窗口的程序，所以它的布局文件也只有一個(gè)：activity_main.xml。

如果使用ADT工程，自動產(chǎn)生一個(gè)最簡單的Android應(yīng)用程序工程，其默認(rèn)布局的內(nèi)容大致如下：

<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"tools:context=".MainActivity" ><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_centerVertical="true"android:text="@string/hello_world" /></RelativeLayout>

我們精簡一下這個(gè)XML文件可能看起來會更容易一些：

<RelativeLayout><TextView/></RelativeLayout>

這個(gè)XML文件有兩個(gè)元素，分別是RelativeLayout和TextView，其中RelativeLayout就是一個(gè)ViewGroup，而TextView就是一個(gè)View。這個(gè)TextView包含在RelativeLayout之中。我們結(jié)合著程序在手機(jī)上的實(shí)際運(yùn)行效果看：

除了程序上方的標(biāo)題欄之外，整個(gè)程序窗口一片空白，只有中間有一行文字信息：Hello world!。

這種效果就是TextView居中顯示在整個(gè)屏幕的中央。需要注意的是，TextView是包裹在RelativeLayout之中的。所以，確切的說，應(yīng)該是這個(gè)程序窗口中有一個(gè)RelativeLayout，它占據(jù)了全部的屏幕，而它里面又包含了一個(gè)TextView，這個(gè)TextView位于RelativeLayout的中央（即屏幕的中央）。所以最終，我們只看到了一個(gè)TextView（它沒有邊框）。

我們回過頭來，再看看activity_main.xml文件。

首先，我們僅看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"tools:context=".MainActivity" >

這五個(gè)屬性中，我們只看其中最簡單的兩個(gè)（誰讓咱是初學(xué)者呢，更多的咱也看不懂）：android.layout_width和android.layout_height。它們分別指定了RelativeLayout的寬度和高度。它們都使用的是match_parent這個(gè)值。查金山詞霸可以得知，match_parent的意思是“適應(yīng)父親”。其實(shí)，就是讓RelativeLayout伸展到包含它的上級View的大小。而這個(gè)上級View就是這個(gè)程序的窗口了（因?yàn)镽elativeLayout已經(jīng)是根元素了）。這樣，RelativeLayout就占據(jù)了當(dāng)前這個(gè)程序屏幕的全部。

再來看看RelativeLayout中包含的那一個(gè)TextView，它也有五個(gè)屬性：

<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_centerVertical="true"android:text="@string/hello_world" />

屬性中的android:layout_width和android:layout_height我們已經(jīng)知道，分別表示的是寬度和高度了。但是，這里使用的值不一樣，是wrap_content。還是金山詞霸，wrap是包裹、纏繞、盤繞的意思，content是（書的）內(nèi)容的意思，我們意譯就是包裹文字內(nèi)容，以文字內(nèi)容為大小，換句話說，TextView里的文本信息占據(jù)多大的空間，TextView就多大。

這里我們可以試著把wrap_content換成match_parent，以下是實(shí)際效果：

?

初一看，難于理解，為什么Hello world!會出現(xiàn)在左上角？我的分析是，因?yàn)槲覀冏孴extView擴(kuò)充到了RelativeLayout的全部大小，這樣，其中的文字就只是一部分內(nèi)容了，那么按照慣例，文字就是居左上對齊的。

android:layout_centerHorizontal和android:layout_centerVertical這兩個(gè)屬性，從字面意思上就可以理解了，一個(gè)是水平居中，一個(gè)是垂直居中。值的選擇，要么是true，要么是false。

這里我做了個(gè)試驗(yàn)，不論寬度和高度設(shè)置為match_parent還是wrap_content，居中不居中，效果都與上圖是一樣的，Hello world!居左上角顯示。原理稍稍想想就明白了，這里就不再羅嗦了。

最后，講一個(gè)比較重要的屬性，這個(gè)一次還講不完，以后還會補(bǔ)充。

TextView有一個(gè)屬性是android:text="@string/hello_world"。注意，這里是hello_world，兩個(gè)單詞之間是有一個(gè)下劃線的，不是最終手機(jī)屏幕上面顯示的那個(gè)Hello world!。簡單的講，這里是將TextView要顯示的內(nèi)容定義成了一個(gè)字符串，它的名字是hello_world，而TextView真正要顯示的是這個(gè)字符串的值。那么這個(gè)字符串的值又在何處呢？

在res/values目錄下有一個(gè)strings.xml文件，答案就在這里。

<?xml version="1.0" encoding="utf-8"?> <resources><string name="app_name">My Temp App</string><string name="hello_world">Hello world!</string><string name="menu_settings">Settings</string></resources> 分析這個(gè)文件，在<resources>元素中包含有三個(gè)<string>元素，它們都有一個(gè)名字，還有一個(gè)值。相信大家一看就明白了。我們程序中顯示的字符串信息都在這里定義了，包括程序的名字，屏幕上顯示的字符串，還有菜單鍵里顯示的菜單名。

既然我們找到了hello_world，那么我們可以簡單試驗(yàn)一下，只要修改Hello world!為別的信息就可以了：

<?xml version="1.0" encoding="utf-8"?> <resources><string name="app_name">My Temp App</string><string name="hello_world">這是我的第一個(gè)Android程序！</string><string name="menu_settings">Settings</string></resources>

實(shí)際效果如下圖所示：

?

OK，這一次筆記就到此吧，這篇博文夠長了^0^?

?

轉(zhuǎn)載于:https://my.oschina.net/allenyao/blog/103374

總結(jié)

以上是生活随笔為你收集整理的Android开发入门之学习笔记（三）：程序窗口的布局的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。