IntelliJ IDEA：使用文本編輯器編輯UI布局

2018-03-27 09:07 更新

使用文本編輯器編輯UI布局

現(xiàn)在，當(dāng)您熟悉使用內(nèi)置設(shè)計器的基本UI布局編輯選項時，我們可以通過手動編輯布局，將更多元素添加到應(yīng)用程序的主視圖中。

1.切換到文本視圖

切換到編輯器底部的“文本（Text）”選項卡。IntelliJ IDEA 將顯示當(dāng)前所選布局文件的 XML 源代碼：

IntelliJ IDEA：使用文本編輯器編輯UI布局

2.添加一個水平標(biāo)尺

我們添加一些插入分隔符的標(biāo)記。添加水平分界線的最簡單方法是將以下內(nèi)容添加到您的源代碼中：

<View android:layout_width="fill_parent"
android:layout_height="5dp"
android:layout_marginTop="60dp"
android:background="#00ff00" />

分離器的厚度為5個單位，涂有綠色背景并放置在最近的元素下方。

3.添加一個TextView元素

要添加另一個TextView元素，請將以下內(nèi)容添加到源代碼中：

<TextView android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="60dp"
          android:text="Warning! Don't touch the droid..."
          android:id="@+id/message"
          android:layout_gravity="center_horizontal" />

新元素將放置在分離器下方60個單位；它水平居中并使用默認(rèn)的字體顏色。與該元素關(guān)聯(lián)的文本字符串是顯式聲明的。

與分隔符不同的是，TextView 元素也具有id屬性。它的語法表明，在“/”符號后面是一個必須被視為ID資源的字符串，并且將用于引用視圖元素。Android運行時會適當(dāng)?shù)靥幚磉@些信息，并使您可以編寫與 TextView 組件交互的 Java 代碼。

右側(cè)的預(yù)覽窗格顯示更改的結(jié)果：

添加一個TextView元素
以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號