极速下载站 —— 提供优质软件下载服务,感受全新的极速下载体验!

最近更新 | 软件专题 | 软件分类 | 软件排行

您的位置:极速下载站资讯首页软件教程电脑软件教程 → Uidesigner官方下载使用教学

Uidesigner官方下载使用教学

时间:2021-04-07 17:21:40  作者:无名  浏览量:59

uidesigner是由腾讯推出的一款UI原型设计工具,UIDesigner 2.5官方版可以快速搭建iOS平台产品原型的设计,目标用户是设计师和产品经理。uidesigner具有快速设计软件原型、项目管理等特色,有了他产品经理就可以轻松地制作出某个产品的UI,非常的简单方便。
Uidesigner官方下载使用教学
Uidesigner官方下载使用教学图1
UIDesigner使用方法
1、这次通过UIDesigner来做个常用的对话框设计 ,包含提示信息,选择信息,以及按钮功能。
Uidesigner官方下载使用教学
Uidesigner官方下载使用教学图2
2、先看这个对话框的布局界面
(1) 标题信息: 标题信息 关闭的X按钮
(2)提示信息内容 : 图片 、文本内容、单选项
(3)按钮功能: 确定 取消按钮
Uidesigner官方下载使用教学
Uidesigner官方下载使用教学图3
3、好的,下面我们就来实现这个:
4、单击菜单中“文件”--》“新建”,出现一个新建的窗口
5、新建窗口后,将在设计区里会出现一个可编辑的窗体,如题所示
Uidesigner官方下载使用教学
Uidesigner官方下载使用教学图4
6、绘制界面布局
(1)对窗体双击后弹出“窗体属性”的框,在此框的“大小”的信息中输入合
(2)适的尺寸,这里输入宽度为 220,高度为 150。
(3)然后“确定”,就完成尺寸的确定
Uidesigner官方下载使用教学
Uidesigner官方下载使用教学图5
7、绘制标题信息栏
(1)双击窗体,弹出“窗体属性”框。
(2)然后在对话框的“标题”中填写上标题;
(3)再然后属性对话框的下方进行设置 显示图标信息,最后 点击确定按钮。
(4)这样就完成了对界面的设计,那么现在可以点击菜单“预览”选项进行设计预览,或者可以直接按键盘按钮“F10”。反正我是习惯按F10了,作为一名程序猿,操作电脑一定要快~ 体现专业哇~
Uidesigner官方下载使用教学
Uidesigner官方下载使用教学图6
8、绘制信息提示区里添加一个提示图片的图
9、另外在绘制添加描述文字拿到文本标签图标,然后拖到编辑区域内,则直接可以在‘文本’录入框中增加文字描述信息
Uidesigner官方下载使用教学
Uidesigner官方下载使用教学图7
10、配置单选框,在设计界面工具中点击选择'单选按钮'的图标功能,就拖到窗体内,然后在‘文本’录入框中为别录入该选项信息,然后移动到合适的地方。
Uidesigner官方下载使用教学
Uidesigner官方下载使用教学图8
11、预览刚才我们设计的界面
12、鼠标点‘预览’功能图标, 或你也可以直接按键盘按钮“F10” 进行迅速的预览效果
Uidesigner官方下载使用教学
Uidesigner官方下载使用教学图9
13、最后就是保存我们的设计文件然后导出exe
14、查找菜单那边的'生成' 的下拉后里有个'导出 exe'的功能,或你可以直
15、接按键盘的快捷键的'F12' 就导出了。

UIDesigner V2.0 官方安装版

UIDesigner图片
  • 软件性质:国产软件
  • 授权方式:免费版
  • 软件语言:简体中文
  • 软件大小:9495 KB
  • 下载次数:1070 次
  • 更新时间:2021/4/6 7:35:25
  • 运行平台:WinXP,Win7...
  • 软件描述:uidesigner,简称”uid”,腾讯目前还在开发的... [立即下载]

相关软件