標籤：

Android學習筆記之StudyJams篇——一、 Building Layouts

03-16
視頻教程共包含三個部分，第一部分又分為三個小節，分別是「什麼是View」、「如何調節View」和「如何對View布局」。

1.什麼是View

View屏幕上用來展示內容的長方形，可以是圖片、文本、按鈕等。

View的命名遵循帕斯卡（Pascal）命名法，又名大駝峰命名法。即每個單詞的首字母大寫，單詞和單詞之間不留空格。如TextView、ImageView和Button。（註：視頻中此處有問題，說成了Camel Case，Camel Case首字母是小寫）。

下圖為2個常見App的View。（圖片截圖自視頻，侵權不知道會不會刪）

2.如何調節View

Android應用的View是由XML（Extensible Markup Language, 可擴展標記語言）定義，一般在IDE（集成開發環境）中進行編寫。目前，在Android開發領域，最值得推薦的IDE是Android Studio。

  • XML語法

下面介紹一下XML的語法。

如上圖所示，XML元素以左尖括弧開始，緊跟View名字，如ImageView、TextView和Button等，然後每一行寫入一個屬性，寫完屬性後，以斜杠和右尖括弧結束。

屬性用於決定View的行為或外觀特性，如寬、高、背景和文字等。左邊為屬性名，右邊為屬性值，中間用等號連接。屬性值需要放在引號中。

所有屬性均有默認值，只有不使用默認值的情況下才需要把屬性填入XML元素中。

  • 修改View的屬性值

修改View需要在Android Studio中進行，目前先在XMLV中練習。

網址為：Android Visualizer

修改引號中的內容即可。

再介紹兩個小概念。

dp: Density-independent Pixels，在定義寬高時需要使用的單位，不因設備的解析度不同而改變。如下圖所示。

開發Android應用時，長寬應至少有48dp，這是手指能點擊的最小尺寸。

sp: 比例無關像素，與dp類似，用於文字的大小設置。

  • 修正錯誤

程序不可能一次性寫成功，因此，修正錯誤是程序員的重要能力。程序員應養成良好的修正錯誤的習慣：

  1. 閱讀錯誤信息
  2. 對比可以正常運行的代碼（Common Android Views）
  3. 使用撤銷操作
  4. 尋求他人幫助
  • Material design

可以通過Material Design手冊，找到各種顏色的16進位RGB值設置需要的顏色。如下圖所示。

3.如何對View布局

  • ViewGroup

ViewGroup是View的容器，當需要放置多個View時，就需要使用ViewGroup了。其中，容器ViewGroup中的View稱為ViewGroup的子View，而ViewGroup稱為View的父View，本質上也是View。如下圖所示：

常用的ViewGroup有兩種，分別是LinearLayout（線性布局）和RelativeLayout（相對布局）。

  • LinearLayout

LinearLayout是線性布局，其子View將橫向或者縱向排列，如下圖所示。

橫向排列：

android:orientation="vertical"

縱向排列：

android:orientation="horizontal"

為使布局更好看，可以使用「match_parent"讓子View適應父View的屬性。

如自適應寬度：

android:layout_width_="match_parent"

為了在不同尺寸的使用不同的大小，可以使用「layout_weight」。

android:layout_height="0" // 高度設置為0android:layout_weight="1" // 按總權重分之一分配高度

橫向排列與之類似。如下圖。

  • RelativeLayout

RelativeLayout是相對布局，其子View的位置由相對位置確定。可以相對於父View，也可以相對於其他子View，如下圖所示。

在不同的View之間，可以設置一定的間距，讓用戶使用起來更方便。設置間距可以使用「padding」和「margin」。

外間距margin：

android:layout_margin="8dp"

內間距padding：

android:padding="8dp"

推薦閱讀：

TAG:Android學習 |