简介

UI设计器用于软件界面布局,UI元素修饰,资源管理,界面换肤功能; 应用程序通过加载布局文件生成软件界面,通过加载样式文件对界面进行修饰及换肤美化. 在软件界面开发中可以帮助我们尽量少写UI代码,提高开发速度;UI设计器主要生成3类文件: 1.布局文件,2.样式文件,3.资源文件.

功能划分

1.布局视图,2.样式视图,3.资源视图,4.文件视图,5.工具箱,6.属性视图,7.元素关系视图,8.工具条和菜单.

布局视图

布局视图主要是对软件界面进行基础布局,对窗口大小位置,及元素大小位置,UI元素的层次关系定位. 从工具箱中选择元素放置到布局视图中,可以通过键盘上的方向键移动他们,通过属性视图修改属性. 在布局视图空白区域,点击鼠标右键菜单,显示或隐藏窗口边框和标题栏.

样式视图

样式主要是对界面元素进行修饰,美化效果; 在程序执行中,我们可以动态更换样式文件,来改变软件界面的外观. 样式分为3类:1.通用类型,2.套用类型.3指定类型. 通用类型:用于修饰所有指定类型元素,例如:定义按钮元素的通用类型,将修饰所有的按钮元素. 套用类型:定义某种类型元素的套用样式,该类型元素都可以套用该样式,例如:定义按钮元素的套用样式,多个按钮可以套用该样式来修饰外观. 指定类型:定义某种类型元素的指定样式,并且指定要修饰元素的ID,即可对该ID的元素进行修饰.

在样式视图,我们可以添加删除样式,添加删除指定样式的属性.

资源视图

我们可以在这里定义各种类型的资源,在布局文件和样式文件中,可以引用资源, 注意在引用资源的时候,需要在资源名称前面加上"@"符号, 例如:资源名name="IDB_BUTTON1",引用的时候应该写为:"@IDB_BUTTON1","@"为引用符号, 如果不加"@"那么认为是实际值.

资源分类:1.ID,定义各种元素的ID标示符, 2.图片,定义图片资源,3.字符串,4颜色.

文件视图

在文件视图中可以显示多个UI项目,在UI项目下有布局文件,样式文件和资源文件. 可以通过属性右键菜单操作.

工具箱

在这里提供了几乎所有的UI元素,在布局视图中选择要放置元素的父元素, 然后从工具箱中选择一个元素,在选择的父元素上点击一下即可添加到上面. 如果你不选择要放置元素的位置,那么UI设计器是不知道你要放在窗口上, 还是子元素上,还是子元素的子元素上.

属性视图

在这里我们可以查看和修改布局属性,对元素的大小及位置定位,查看元素类型, 修改元素ID,指定套用样式.

元素关系视图

在这里可以查看窗口上所有元素的层次关系.

工具条和菜单

通过工具条和菜单,可以创建项目,新建文件,打开保存文件等功能.

创建项目

通过主菜单->新建项目,在弹出的窗口中,输入名称,保存位置.

导入项目

主菜单->导入项目, 浏览项目文件位置.

新建文件

通过工具条新建按钮或菜单,创建布局文件,布局页文件,样式文件和资源文件.

添加文件

通过工具条添加按钮或菜单,可以添加已有的文件.

文件相对路径

文件的相对路径为UI设计器的路径;例如在UI设计器目录中有个UI项目文件夹[MyProject], 在项目文件夹中有个图片文件夹[image],在图片文件夹中有个按钮图片[button.png], 那么图片的相对路径为:MyProject\image\button.png. 如果图片路径错误,是不会显示该图片的,你也可以输入全路径.