神奇的编码——可视化编程

神奇的编码——可视化编程

 

刷刷，时间飞逝，不知不觉中，我进入了Android编程的世界。在这里，有比较符合人性的设置——可视化界面编程，我们设计图形界面不再仅仅只是以代码的形式编辑，还可以以人工移动图形组件来编辑想要的界面。

下面以登录界面为例来说明Android组件及其中的布局形式。每当我们创建一个新的项目的时候，也会相应创建一个显示Hello Wolrd文本，页面布局默认为相对布局——这个布局的好处是定下第一个组件，后面的组件都可以以第一个组件为参照（或者仍以当前界面为参照）设置位置。

1.如何找到图形化界面：

当前工程/res/layou文件夹下文件都是图形化界面，我们可以在这个文件夹下找到或者设计我们自己的界面。

2.如何设置当前界面的布局：

在当前界面上单击鼠标右键，可以自己设置相应的界面布局。如果只是需要在当前布局下继续添加布局，那么我们可以拖动Platte模块中的Layouts中的布局。

注意：有些布局可能受到Android系统版本的限制而无法在当前工程中使用。

3.实现登录界面：（当前登录界面以模仿QQ登录界面为主，没有考虑实际手机不易点控问题。）

将头像、背景图片保存在drawable文件夹下，一般我会选择放在res/drawable-hdpi文件夹下。（没有什么特殊原因，只因该文件夹是距离我操作文件——layout文件夹下文件最近的位置。）

 

接下来就是组件、布局等得拖动。

下面是效果图：

        

下面分别为布局与布局、布局与组件的关系图： 

             

 

如此这般，设计能者就能够设计出美丽的图形界面了。有时候，仅根据拖动图形组件设计界面可能会有点麻烦，比如上面想要的这种布局与布局的关系可能仅通过拖拽组件有点难实现，此时我们还是得通过一定的代码修改才能得到相应的效果。

 PS：上述效果图有些丑，望观者勿无语。