安卓圖形界面

UI即User Interface（用戶界面）的簡稱。泛指用戶操作界面，包含移動(dòng)APP，網(wǎng)頁，智能穿戴設(shè)備等。Android用戶界面測試，要測試應(yīng)用程序如何與一個(gè)真實(shí)的用戶交互。這種測試確保應(yīng)用程序返回響應(yīng)用戶一系列操作的正確的UI輸出，如鍵盤輸入或按工具欄，菜單，對(duì)話框，圖像，和其他用戶界面控件。Android的界面是由布局和控件協(xié)同完成的，布局好比是建筑里的框架，而控件則相當(dāng)于建筑里的磚瓦。控件按照布局的要求依次排列，就組成了用戶所看見的界面。

Android Studio工程目錄

Android Studio是一款A(yù)ndroid平臺(tái)開發(fā)程序的集成開發(fā)環(huán)境。2013年5月16日在Google I/O上發(fā)布，可供開發(fā)者免費(fèi)使用。支持Windows、Mac、Linux 等操作系統(tǒng)，基于Java整合開發(fā)環(huán)境IntelliJ之上搭建而成。

通過學(xué)習(xí)Android應(yīng)用程序源代碼工程文件，加深A(yù)ndroidUI自動(dòng)化測試過程中識(shí)別對(duì)象的理解，下面以Android Studio開發(fā)環(huán)境為例，說明Android項(xiàng)目的目錄結(jié)構(gòu)（包含默認(rèn)沒有生成的文件）：

AndroidStudio工程目錄

文件目錄類型分成是三種：編譯系統(tǒng)（Gradle），配置文件，應(yīng)用模塊。

l.gradle： Gradle編譯系統(tǒng)是以Groovy 語言為基礎(chǔ)，面向Java應(yīng)用為主。基于DSL（領(lǐng)域特定語言）語法的自動(dòng)化構(gòu)建工具。集成了構(gòu)建，測試，發(fā)布和其他，比如軟件打包，生成注釋文檔等功能。

l.idea：Android Studio IDE所需要的文件

lApp：

? app/build： app模塊編譯輸出的文件包括最終生成的安裝程序后綴為APK的文件）

? app/libs：放置引用的類庫文件，含jar包和jni等包

? app/src：放置應(yīng)用的主要文件目錄，也就是源代碼所在的目錄，這個(gè)目錄包含了即將創(chuàng)建的Java源代碼文件，這個(gè)目錄里的文件是根據(jù)package結(jié)構(gòu)管理的，它與普通java項(xiàng)目中的/src目錄很相似。

app/src/main：主要代碼所在的位置:

u app/src/main/aidl：aidl開發(fā)時(shí).aidl文件的存放位置

u app/src/main/assets：Android中附帶的一些文件，如網(wǎng)頁的相關(guān)文件

u app/src/main/java：主要Java代碼存放的位置

u app/src/main/jni：jni的一些動(dòng)態(tài)庫所在的默認(rèn)位置（.so文件）

u app/src/main/AndroidManifest.xml：清單文件 這個(gè)XML文件包含android應(yīng)用中的元信息，是每個(gè)android項(xiàng)目中的重要文件。在軟件安裝的時(shí)候被讀取，Android中的四大組件（Activity、ContentProvider、BroadcastReceiver、Service）都需要在該文件中，以及運(yùn)行這個(gè)Android應(yīng)用程序需要的用戶權(quán)限列表，例如：電話、短信、互聯(lián)網(wǎng)、訪問SD卡，同時(shí)也詳細(xì)描述了android應(yīng)用的項(xiàng)目結(jié)構(gòu)。

u app/src/main/res：該目錄用于存放應(yīng)用程序中所有用到的資源文件，其中包括圖片、布局文件以及參數(shù)描述文件等，其中包括多個(gè)目錄:

ü app/src/main/res/drawable：存儲(chǔ)一些xml文件，-*dpi表示存儲(chǔ)分辨率的圖片，用于適配不同的屏幕。 -mdpi:320x480; -hdpi:480x800、480x854; -xhdpi:至少960x720; -xxhdpi:1280x720

ü app/src/main/res/layout：App布局及界面元素配置，layout文件夾存放的是應(yīng)用程序的布局文件，這些layout是以xml形式保存的

ü app/src/main/res/mipmap：存儲(chǔ)原聲圖片資源

ü app/src/main/res/values：存儲(chǔ)app引用的一些值。 - colors.xml：存儲(chǔ)了一些color的樣式; - dimens.xml：存儲(chǔ)了一些公用的dp值; - strings.xml：存儲(chǔ)了引用的string值; - styles.xml：存儲(chǔ)了app需要用到的一些樣式;

? app/.gitgnore：git使用的ignore文件

? app/app.iml: app模塊的配置文件

? app/build.gradle: app模塊的gradle編譯文件

? app/proguard-rules.pro: app模塊proguard文件

lbuild: 代碼編譯后生成的文件存放的位置

l.gradle: wrapper的jar和配置文件所在的位置

l.gitignore:git使用的ignore文件

l.build.gradle:項(xiàng)目的gradle編譯文件

l.gradle.properties:gradle相關(guān)的全局屬性設(shè)置

l.gradlew:編譯腳本，可以在命令行執(zhí)行打包

l.gradlew.bat:windows下的gradle wrapper可執(zhí)行文件

l.local.properties:本地屬性設(shè)置（key設(shè)置，android sdk位置等屬性），這個(gè)文件是不推薦上傳到VCS中去的

l.settings.gradles:和設(shè)置相關(guān)的gradle腳本

安卓界面布局

Android有五大基本布局分別是線性布局（LinearLayout）、單幀布局（FrameLayout）、相對(duì)布局（RelativeLayout）、絕對(duì)布局（AbsoluteLayout，Android2.0中標(biāo)注為已過期）和表格布局（TableLayout）。通過這五種布局之間的相互組合可以構(gòu)建各種復(fù)雜的布局。在Android程序中界面是通過布局文件設(shè)定的，該布局文件在app/src/main/res/layout下。下面分別介紹五大布局：

線性布局（LinearLayout）

LinearLayout是一種線型的布局方式，在開發(fā)中使用最多。線性布局容器內(nèi)的控件一個(gè)挨著一個(gè)地排列起來：不僅可以控制各個(gè)控件橫向排列，也可控制各個(gè)控件縱向排列。當(dāng)控件水平排列時(shí)，顯示順序依次為從左到右，當(dāng)空間垂直排列時(shí)，顯示順序是從上到下。

LinearLayout按照垂直或者水平的順序依次排列子元素，每一個(gè)子元素都位于前一個(gè)元素之后。如果是垂直排列，那么將是一個(gè)N行單列的結(jié)構(gòu)，每一行只會(huì)有一個(gè)元素，而不論這個(gè)元素的寬度為多少；如果是水平排列，那么將是一個(gè)單行N列的結(jié)構(gòu)。如果搭建兩行兩列的結(jié)構(gòu)，通常的方式是先垂直排列兩個(gè)元素，每一個(gè)元素里再包含一個(gè)LinearLayout進(jìn)行水平排列。

在線性布局中有一個(gè)非常重要的屬性orientation，用于控制控件的排列方向，android:orientation設(shè)置線性布局="vertical"時(shí)，為垂直線性布局，當(dāng)其="horizontal"時(shí)，為水平線性布局，不管是水平還是垂直線性布局一行（列）只能放置一個(gè)控件。

常用屬性和值：

實(shí)例：登錄界面線性布局文件

技術(shù)解釋：上面是線性布局設(shè)計(jì)的登錄界面文件，包含用戶名提示不可編輯文本框和用戶名輸入文本框，以及兩個(gè)按鈕分別為登錄和取消。上例中的布局使用一個(gè)大的<LinearLayout>嵌套了一個(gè)小的<LinearLayout>來實(shí)現(xiàn)的，大的<LinearLayout>中，采用垂直方式排列布局，小的<LinearLayout>中采用水平排列，右對(duì)齊的方式。控件屬性layout_width設(shè)置為wrap_content(當(dāng)前控件根據(jù)控件內(nèi)容大小自動(dòng)伸縮)。

表格布局（TableLayout）

表格布局是指將子元素的位置分配到行或列中。表格布局類以行和列的形式對(duì)控件進(jìn)行管理，每一行為一個(gè)TableRow對(duì)象，或一個(gè)View控件。當(dāng)為TableRow對(duì)象時(shí)，可在TableRow下添加子控件，默認(rèn)情況下，每個(gè)子控件占據(jù)一列。當(dāng)為View時(shí)，該View將獨(dú)占一行。

TableLayout的行數(shù)由開發(fā)人員直接指定，即有多少個(gè)TableRow對(duì)象（或View控件），就有多少行。TableLayout的列數(shù)等于含有最多子控件的TableRow的列數(shù)。如第一TableRow含2個(gè)子控件，第二個(gè)TableRow含3個(gè)，第三個(gè)TableRow含4個(gè)，那么該TableLayout的列數(shù)為4。

表格布局繼承了LinearLayout，因此它的本質(zhì)依然是線性布局管理器。表格布局不需要明確聲明包含多少行、多少列，而是通過添加tableRow、其他組件來控制表格的行數(shù)和列數(shù)。

常用屬性：

實(shí)例：登錄界面

技術(shù)解釋：上例中登錄界面的設(shè)計(jì)是表格布局形式。界面包含用戶名密碼輸入框，以及登錄注冊(cè)兩個(gè)按鈕。表格為三列，第一列中放置用戶名文本框，第二列中放置密碼文本框，第三列中放置登錄和注冊(cè)按鈕。

單幀布局（FrameLayout）

FrameLayout幀布局或叫層布局，從屏幕左上角按照層次堆疊方式布局，是最簡單的布局了。FrameLayout好比一塊在屏幕上提前預(yù)定好的空白區(qū)域，可以將一些元素填充在里面。所有元素都被放置在FrameLayout區(qū)域的最左上區(qū)域，而且無法為這些元素制指定一個(gè)確切的位置，FrameLayout中設(shè)置多個(gè)控件，則第二個(gè)控件會(huì)堆疊在第一個(gè)控件上面，如此類推，一層一層地疊上去。FrameLayout通常只包含一個(gè)控件。幀布局的大小由子控件中最大的子控件決定,如果都組件都一樣大的話,同一時(shí)刻就只能能看到最上面的那個(gè)組件了！

需要實(shí)現(xiàn)層面顯示的樣式時(shí)就可以采用這種布局方式，比如實(shí)現(xiàn)一個(gè)類似百度地圖的布局，移動(dòng)的標(biāo)志是在一個(gè)圖層的上面。在普通功能的軟件設(shè)計(jì)中用得也不多。層布局主要應(yīng)用就是地圖方面。

幀布局常用屬性和值：

實(shí)例：

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<TextView

android:layout_width="300dp"

android:layout_height="300dp"

android:background="#00BFFF"

/>

<TextView

android:layout_width="260dp"

android:layout_height="260dp"

android:background="#FFC0CB"

/>

<TextView

android:layout_width="220dp"

android:layout_height="220dp"

android:background="#0000FF"

/>

</FrameLayout>

技術(shù)解釋：界面中放置三個(gè)按鈕，最先放入的放置在最底層，后放入的按鈕依次疊加在上面，由于三個(gè)按鈕寬和高依次減小，android:layout_width 和 android:layout_height兩個(gè)屬性控制大小，該界面出現(xiàn)的情況就是三個(gè)按鈕最大的也就是第一次放入的按鈕在最下面。

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的java实现图形界面输入半径求圆面积_测试开发工程师系列之Android自动化测试Appium(Python)连载（7）安卓图形界面...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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