第一章 第一个应用

系列教程导航

1.2 初识界面编程

文章目录

• 为什么
• 讲解
• 后记

---

为什么

    对于一个Android应用来说，一个好看的界面是非常重要的。在上一篇文章，你已经学会了自定义我们的第一个应用中间的文字。但是这还不够，因为我们平常见到的应用，都有着很丰富的界面。

    接下来，我会讲解一些基础的界面编程知识。

---

讲解

以下讲解全部在res/layout/main.xml这个文件下进行！


    看到main.xml里面的那一大堆代码，也许你会感觉害怕吧。如果我们想要开发一个好看的界面，往往会写比这个多的多的代码。如果你全都打算手写的话，这将会是一件很麻烦的事情。幸好，AIDE提供了一定的自动生成代码功能。不过实际开发的时候，我们有的时候需要手写一些代码。在现在你对xml文件并不是那么熟悉的情况下，我们将主要使用这个功能来进行界面编程。

    注意，有一些版本的AIDE并不能使用以下讲解里面的功能。如果你的AIDE不能使用，可以考虑更换其他版本，或者下载我的这个版本（网盘链接，提取码:owen （软件仅供交流学习，不得商用））

    首先，让我们点击右上角那个长得像一个图片的按钮

    你会进入到这样的一个界面，我来详细讲解一下它的用法。

• 首先是左上角的那三条杠，点击之后，你的屏幕左边会滑出来一个页面，上面显示的就是你的这个布局文件的大致结构。
• 然后是中间的Light Theme Small，点击它以后你可以自由选择样式
• 接着是有着笔图标的按钮，点击它，它就会变成一个眼睛一样的按钮。他们的意思分别是读写模式和只读模式。如果你处于读写模式下，你可以自由地编辑该代码，而如果你处于只读模式下，你只能看代码，不能编辑。如果我们只是出于看代码的目的的话，那么就可以切换到只读模式，这样可以防止不小心删除或者输入。
• 右上角那个看起来像返回键一样的按钮，是用来撤销的。如果你感觉操作失误，点一下它，你就可以退回到上一个状态。
• 至于右边那三个点，可以不用管，平时不怎么用。（那里面有一个Redo选项，翻译过来叫“重做”，它的功能，简单讲，就是如果你觉得你撤销的不对，就可以点Redo来返回撤销之前的状态。也就是说，撤销是后退，Redo是前进）
  

    接下来是最重要的部分，为了大家吸收起来更容易，我会讲解如下内容：

• 创建一个文本框
• 在文本框里面写入自定义的文本
• 自定义文本颜色和大小
• xml属性讲解

创建文本框
    首先我们点击下面的大矩形框，它的边框是虚线，注意不要点到中间的小矩形框
    然后在弹出来的页面点击第二项，里面添加
    接下来点击视图
    选择文本
    然后，我们就会看到，原来的文本框下面，已经多了一个新的小框框，创建文本框成功在文本框里面写入自定义的文本
    点击刚刚的那个新生成的小框，将会弹出这样的一个页面
    点击Text="文本"这一项
    然后自由编辑，写好后，点击确定
自定义文本颜色和大小
    同样是点击刚才的那个小框（它里面已经变成了你自定义的文字了），往下翻，找到这样的两个选项
    红色箭头所指的选项可以设置文本的颜色
    颜色的话可以自己调，我调的是红色。

    绿色箭头所指的选项可以设置文本的大小，文本的大小其实有很多单位，这里就不细讲了。

    完成后的界面如下：

    然后点击右上角的三角形按钮，运行，安装。我这边打开后是这样的xml属性讲解
    让我们来看一下这个xml文件现在是个什么样子，点击返回，即可回到xml文件
    你会发现里面新增了一段代码，我们不妨将这段新的代码和上面的代码进行对比，会发现它多了两行

android:textColor="#FF0F00"
android:textSize="20sp"

    这两行就分别指定了我们新创建的文本框的两个属性：textColor（文本颜色）和textSize（文本大小）。注意除了双引号里面的内容之外，所有的字符都是英文字符。其他的xml属性在格式上都和这两个差不多。

---

后记

    本章内容到此基本结束。作为整个AIDE手机编程初级教程的第一章，我简要的讲解了AIDE的一些基本使用方法，并教你实现了简单的界面编程。下一章节我会把Android应用开发和Java基础结合起来讲，并且尽量让零基础的你看懂。等到下一个章节结束的时候，你就可以开发出更加多姿多彩的应用了！

感谢你的阅读！本教程会长期不定时更新。本人不是大神，也会犯错，如果有建议或者提问的话，欢迎评论留言！

系列教程导航