uidesigner 怎么使用
的有关信息介绍如下:在软件设计时候,在做界面设计,或流程界面扭转的时候,经常需要一些工具来实现,绘制出界面的雏形,给客户或用户演示,更好的展现软件的功能,现阶段有很多常用工具,比如Axure Vvisio,UIDesigner 等,
这里简单的给大家分享下uidesigner 这款怎么来设计界面原型,完成最基础的对话框设计
这次通过UIDesigner来做个常用的对话框设计 ,包含提示信息,选择信息,以及按钮功能。
先看这个对话框的布局界面
1标题信息: 标题信息 关闭的X按钮
2 提示信息内容 : 图片 、文本内容、单选项
3 按钮功能: 确定 取消按钮
好的,下面我们就来实现这个:
单击菜单中“文件”--》“新建”,出现一个新建的窗口
新建窗口后,将在设计区里会出现一个可编辑的窗体,如题所示
绘制界面布局
对窗体双击后弹出“窗体属性”的框,在此框的“大小”的信息中输入合
适的尺寸,这里输入宽度为 220,高度为 150。
然后“确定”,就完成尺寸的确定
绘制标题信息栏
双击窗体,弹出“窗体属性”框。
然后在对话框的“标题”中填写上标题;
再然后属性对话框的下方进行设置 显示图标信息,最后 点击确定按钮。
这样就完成了对界面的设计,那么现在可以点击菜单“预览”选项进行设计预览,或者可以直接按键盘按钮“F10”。反正我是习惯按F10了,作为一名程序猿,操作电脑一定要快~ 体现专业哇~
绘制信息提示区里添加一个提示图片的图
另外在绘制添加描述文字拿到文本标签图标,然后拖到编辑区域内,则直接可以在‘文本’录入框中增加文字描述信息
配置单选框,在设计界面工具中点击选择'单选按钮'的图标功能,就拖到窗体内
,然后在‘文本’录入框中为别录入该选项信息,然后移动到合适的地方。
预览刚才我们设计的界面
鼠标点‘预览’功能图标, 或你也可以直接按键盘按钮“F10” 进行迅速的预览效果
最后就是保存我们的设计文件然后导出exe
查找菜单那边的'生成' 的下拉后里有个'导出 exe'的功能,或你可以直
接按键盘的快捷键的'F12' 就导出了。