2 画图软件界面设计

打开Qt creator
新建项目
（1）选择Qt控件项目–> Qt Gui应用（为了适合新手我尽量附图）

（2）点击确定后出现项目名称和创建路径大家自己选择喽。我起的名称是pen
然后一直点击下一步就好了
我们双击界面文件mianwindow.ui，出现如下界面

（1）菜单设计
我们双击在“在这里输入” 输入我们依次输入我们的菜单名字PS：输入一次，按下回车Enter键。如果发现不支持中文。见我的另外一篇博客，里面有解决方案。完成如下图所示：

然后我们点击“文件”菜单双击在这里输入如下图所示
依次输入新建、打开、保存、另存为、打印、退出
同样点击查看依次输入放大、缩小、旋转、还原
工具菜单里输入编辑、橡皮擦、撤销、恢复
帮助里输入关于本软件
输入好如下图所示，这里我只贴了一个图片

（2）工具栏设计
如果不知道什么是工具栏自己百度吧。
首先我们要给菜单添加图标；因此我们首先为项目创建资源文件。
选中我们的项目名称，右击点击”添加文件”。点击Qt选择资源文件，确定后名称自己定。我起的是images。然后一直下一步就好了。
出现如下图：
如上图点击“添加前缀” 前缀输入myicon 根据自己喜好自己起名字。起好如下图所示
接下来点击“添加”，选择添加文件。选择我们要添加的图标。（补充图标哪里来，到这个网站去下载。比如我们在这个网站输入打开，就会出现相应图标，下载下来就好啦，免费的。但是要注册账号）http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2
下图为我放在工程目录下的图标。我把所有图标放在images文件夹下。
点击“添加”，选择添加文件找到images文件夹进入后全部选中所有图标。点击“打开”。之后就如下图所示

Ps：按下ctrl+s保存所有文件。不然一会在资源文件中可能找不到图标。
菜单添加图标
双击“mainwindow.ui”文件双击如上图所示的“action”出现如下图所示，点击“…”。

点击下图红线标注的按钮

点击images 然后找到新建图标选中确定如下图

这时候可以看大action前面有图标了，如下图所示

按照上述操作给所有菜单添加图标。
完成后我们开始工具栏设计
鼠标左键选中action 往上拖，看到鼠标样式变成小手松开出现如下图

这样就把菜单添加到工具栏了。我们依次添加我们想要的菜单到工具栏，这样做当然是方便软件的操作相当于快捷方式了。
（3）绘图工具栏设计
我们在左边的部件栏里找到Dock Widget 拖入到界面中。默认坐标自动停靠。将其属性windowTitle改为“画图工具”。
然后拖入四个Label 便签名字依次命名为：选择图形、画笔线宽、画笔颜色、填充颜色。
然后拖入三个Combo Box 。对象名称objectName依次修改为：ShapeComboBox,penColorComboBox,brushColorComboBox. 接着拖入Spin Box 修改对象名字为penWidthSpinBox. 修改其属性minimum为1.
上述完成后如下图所示。

双击选择图形标签下面的Combo Box。点击+号依次写入无，点，直线，矩形。如下图所示

对于画笔颜色填充颜色我们将在后文实现。

最后我们选中Dock Widget就是我们的编辑工具。右击布局选择栅格布局。

最后我们运行程序生成的界面如下图所示：

好了这次更新就到这里，我们将在3 添加画布开始我们的绘图设计。

2 画图软件界面设计相关推荐

一种全新的软件界面设计方法
一种全新的软件界面设计方法撰文:Aweay 你可转载,拷贝,但必须加入作者署名Aweay,如果用于商业目的,必须经过作者同意. 下载实例代码关键字:COM MySpy IE SetUIHanlde ...
准备“软件界面设计”培训（更新－0816）
第一期"面向对象软件开发"的培训已经基本结束,本周开始准备"软件界面设计"培训课程. 和上次培训一样,在完成培训PPT初稿后,我会上传到园子里,和大家分享我的心 ...
html5画图论文结束语,基于HTML5 Canvas画图软件的设计与实现.doc
摘要:在最近十年里,HTML5在Web开发标准完成了巨大的飞跃,和以前的版本相比,HTML5不但用来表示Web的内容,而且还把Web带入一个更高的平台.HTML5为我们带来很多新的特性,其中一个最重要 ...
软件界面设计必备的色彩搭配技巧
无论是软件界面设计还是平常的平面设计,亦或者宣传页.手机APP界面的设计,都离不开色彩的搭配,由此可见,色彩搭配工作在设计过程中的重要性.今天就以软件界面设计为例来分享一下在具体设计过程中的要把握好的 ...
如何做好软件界面设计？2个方法一次掌握！
软件界面设计通常是指 UI 设计-- User Interface 的简称.UI 设计是指对软件的人机交互.操作逻辑.界面美观的整体设计. 好的软件界面设计要做到清晰.舒适.美观.要想做好软件界面设计 ...
软件工程（五）软件界面设计
一看视频中有软件界面设计我就乐了.一看视频我就哭了--感觉有点老吧.虽然概念性的东西没变.但是提不起来兴趣呢.所以这次总结下我对界面设计的认识. 如果说软件是一个亭亭玉立的姑娘.那软件界面就是姑娘身上 ...
一种全新的软件界面设计方法(续)
一种全新的软件界面设计方法(续) 点击下载文章所附代码撰文:Aweay 你可转载,拷贝,但必须加入作者署名Aweay,如果用于商业目的,必须经过作者同意. 前段时间,笔者写了一篇关于使用Web页面设 ...
搜应用网是中国最丰富的手机资源下载站,为你提供精彩的手机图片.手机应用软件.手机游戏,定制服务手机用户的个性化需求,是广大手机用户.手机开发者.手机软件界面设计人员的广阔乐园.
搜应用网是中国最丰富的手机资源下载站,为你提供精彩的手机图片.手机应用软件.手机游戏,定制服务手机用户的个性化需求,是广大手机用户.手机开发者.手机软件界面设计人员的广阔乐园. 搜应用网是中国最丰富的 ...
软件界面设计原则(转)
一:遵循一致的准则,确立标准并遵循无论是控件使用,提示信息措辞,还是颜色.窗口布局风格,遵循统一的标准,做到真正的一致. 这样得到的好处: 1:使用户使用起来能够建立起精确的心里模型,使用熟练了一个 ...

2 画图软件界面设计

2 画图软件界面设计相关推荐

最新文章

热门文章

2 画图软件 界面设计

2 画图软件 界面设计相关推荐

最新文章

热门文章

2 画图软件界面设计

2 画图软件界面设计相关推荐