当前位置: 首页 > 软件教程 >  炫彩界面库怎么使用?炫彩界面库使用方法

炫彩界面库怎么使用?炫彩界面库使用方法

来源:欧普软件园
|
更新:2016-12-04 16:54

炫彩界面库是一款非常好用的非常好用的界面开发框架软件,软件功能丰富,小巧,高度可以自定义满足不同软件UI的需求。小编为大家带来了详细的使用教程,希望可以帮助到大家!

炫彩界面库使用方法

1. 打开UI设计器,主菜单->新建项目,在弹出的窗口中输入信息.
炫彩界面库怎么使用?炫彩界面库使用方法
2.点击确定按钮,创建项目完成,在文件视图中,可以看见创建的项目,里面有3个文件,布局文件,样式文件和资源文件.
炫彩界面库怎么使用?炫彩界面库使用方法
2.布局视图
2.1.在文件视图中,双击布局文件(mainFrame.xml)打开,然后在布局视图中显示.
点击右侧属性视图,设置属性参数,设置窗口名称,宽度850和高度600.在布局视图空白区域点鼠标右键,菜单->隐藏边框,因为360安全卫士没有边框“
炫彩界面库怎么使用?炫彩界面库使用方法
2.2.在资源视图中添加ID,如下图所示.
步骤:文件视图->双击资源文件->资源视图中点击添加[按钮]->弹出选择资源类型窗口.这里选择ID资源,然后点击[确定]按钮.
炫彩界面库怎么使用?炫彩界面库使用方法
2.3.在弹出的窗口中,输入资源ID名称和值,点击确定按钮.
炫彩界面库怎么使用?炫彩界面库使用方法
2.4.添加9个按钮ID.
炫彩界面库怎么使用?炫彩界面库使用方法
2.5. 在布局视图中选中客户区,让客户区拥有焦点边框, 以确定我们要放入元素的父元素, 从工具箱中选择按钮元素,将按钮放入布局视图,如下图所示.
炫彩界面库怎么使用?炫彩界面库使用方法
在属性视图中输入按钮属性,及按钮名称,按钮ID等,如下图所示.
2.6.调整按钮位置和大小,可以通过键盘方向键微调坐标,如下图所示,按钮的ID:@IDB_TAB1 ... @IDB_TAB9
炫彩界面库怎么使用?炫彩界面库使用方法
2.7.从工具箱中选中图片元素,放入布局视图,在属性视图中填入信息,如下图所示.
炫彩界面库怎么使用?炫彩界面库使用方法
2.8在布局视图中,放入一个图片元素,作为第一个子页面,也就是[电脑体验]按钮对应的页面,如下图所示,输入参数.
炫彩界面库怎么使用?炫彩界面库使用方法
2.8..1再在子页面上放入一个图片元素,如下图所示.
炫彩界面库怎么使用?炫彩界面库使用方法
2.9如下图所示,放入其他几个UI元素,在资源视图中,定义所有的ID.
炫彩界面库怎么使用?炫彩界面库使用方法

免责声明:文中图文均来自网络,如有侵权请联系删除。

欧普软件发布此文仅为传递信息,不代表欧普软件认同其观点或证实其描述。

热门文章
最近更新