IntelliJ IDEA:使用文本编辑器编辑UI布局

2018-03-27 09:07 更新

使用文本编辑器编辑UI布局

现在,当您熟悉使用内置设计器的基本UI布局编辑选项时,我们可以通过手动编辑布局,将更多元素添加到应用程序的主视图中。

1.切换到文本视图

切换到编辑器底部的“文本(Text)”选项卡。IntelliJ IDEA 将显示当前所选布局文件的 XML 源代码:

IntelliJ IDEA:使用文本编辑器编辑UI布局

2.添加一个水平标尺

我们添加一些插入分隔符的标记。添加水平分界线的最简单方法是将以下内容添加到您的源代码中:

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

分离器的厚度为5个单位,涂有绿色背景并放置在最近的元素下方。

3.添加一个TextView元素

要添加另一个TextView元素,请将以下内容添加到源代码中:

<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个单位;它水平居中并使用默认的字体颜色。与该元素关联的文本字符串是显式声明的。

与分隔符不同的是,TextView 元素也具有id属性。它的语法表明,在“/”符号后面是一个必须被视为ID资源的字符串,并且将用于引用视图元素。Android运行时会适当地处理这些信息,并使您可以编写与 TextView 组件交互的 Java 代码。

右侧的预览窗格显示更改的结果:

添加一个TextView元素
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号