1、创建好了一个android工程,比如名为Dzhjjij,打开之后可以看到下图,红圈椭圆形是创建的工程的所有的文件;红色矩形打开文件显示的内容;红色圆角矩形是sdk的工具。
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/116b1ae23ea23a42bc3098a33733ec3835bbc09c.jpg)
2、比如,在文件rec下有个AndroidManifest.xml,这个xml是每个应用都需要的文件,描述了包的全局变量。双击可以打开这个文件。
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/a151a233ec3834bb38a59aec8714c27bd3823d9d.jpg)
3、还有就是,res/layout下有个文件activity_main.xml和fragment_main.xml,双击可以打梯瓣氨割开这两个文件。点击中间的activity_main.xml和fragment_main.xml,可以进去代码编辑。这两个文件是来定义用户界面的,今天我们就要用到,在此说明一下,fragment_main.xml是在新版本才有的,不要慌,我们在定义用户界面的时候可以直接在这个文件下进行。
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/87c8bf46b7b1eef955f774cfbfb33c4132ba329d.jpg)
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/3d002dbad341037dd07df1c5a9bc7dc5ce672d9d.jpg)
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/d4071b96b814f4d08e49f061cdfe474ec383239d.jpg)
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/c3c22dbf3bef354f13f28c8d23db574afb321b9d.jpg)
4、下面,再简单的介绍一下前面我们提到的sdk的工具,让大家可以很直观的了解打开eclipse之后呈现的说用的东西。打开window/Show View/Other,在弹出的串口中打开android,可以看到里面所有的工具,比如资源管理、模拟器控制、错误、日志等等,点击一下就可以在下面看到。
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/a1780d1fceecd3d93d3fca77679959430501089d.jpg)
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/edd84743040148fe440865d88fd149299b88029d.jpg)
5、下面一起来创建一个简单的用户界面,首先在fragment_main.xml下写入一个文本和一个按钮。
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/486884883913e8e58da4950f352f477047187d9d.jpg)
6、里面的一个文本和一个按钮分别引用了字串符,因此,要定义一个字串符资源。所有的字串符资源都要写入rec/values/strings.xml,双击打开这个文件,改写两条代码。
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/46315818dfdae43b53cc3a92c457935652bb749d.jpg)
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/03605157935653bb956a5c481d0b31210461719d.jpg)
7、最后在模拟器上运行这个APP,右键点击这个android工程,选择Run As/Android Application,在弹出的窗口点击OK,选择一个创建的模拟器,就可以看到模拟器显示的内容了。
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/65ba880b3121056176e96d5a08aee8d7582a6a9d.jpg)
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/30601b6104a355e9f7e4d064d22ae3efe178689d.jpg)
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/586bfdefe0781431a5fc0adfdc6699cf0353629d.jpg)
![图解如何使用eclipse创建用户界面:[3]](https://exp-picture.cdn.bcebos.com/988e1c532f632385617cda22cce833e038725d9d.jpg)