图形界面设计Qt-designer入门实例

 时间:2024-11-01 15:10:22

1、新建一个工程文件:File/New,选择下方的“creat”

图形界面设计Qt-designer入门实例

2、打开的表单(Form)中,拖入部件(1)按钮:Input Widgets/button/Push button(2)文本标记:Display widget/Label(3)文本框:Display widget/Text Browser注:直接点击各组件,可以修改其属性

图形界面设计Qt-designer入门实例
图形界面设计Qt-designer入门实例

3、演示(1)save as自己命名文件,如保存为mygui.ui(2)Form/preview,可以预览界面实现效果

图形界面设计Qt-designer入门实例

4、示例二(1)按上面方法建立一个框架

图形界面设计Qt-designer入门实例

5、(2)用Signal/slot机制建立联系 目的是当按钮时,可以在文本框中,显示相应的内容。进入setting模式,在右侧的Signal/slot Editor编辑左侧的TEXT、BUTTON关联关系。

图形界面设计Qt-designer入门实例

6、(3)编辑相应的联系  在左侧的Line Edit为输入数据框,在它下面用Lable注明是输入数据;右侧的Text Edit为输出数据框,在它下面用Lable注明是输出数据;左侧的Push Button改名字为清屏,右侧的Push Button改名字为退出。

图形界面设计Qt-designer入门实例

7、(4)点击FORM->PREVIEW,运行图形界面程序  显示结果为:左侧输入数据2034,右侧同步显示数据2034

图形界面设计Qt-designer入门实例

8、查看所编辑界面的程序代码 点击FORM->VIEW CODE 如果显示不了,则到安装目录下,在Qt Designer文件夹下新建一个bin文件夹,将uic.exe复制进去,再点击FORM->VIEW CODE则可以显示代码。

图形界面设计Qt-designer入门实例
  • 如何用matlab来创建图形用户界面?
  • Eclipse中文版官方语言包怎么下载
  • 2016武大电气专硕考研二战失败的心路分享
  • Mathematica基础——简单的图片处理①
  • Matlab App Designer基本使用之标签组件
  • 热门搜索
    清明节手抄报大全图片 爱国手抄报图片 手抄报图 从小学先锋长大做先锋手抄报 健康饮食手抄报 禁毒防艾手抄报 体育手抄报 端午节手抄报资料 廉洁文化进校园手抄报 植树节手抄报简单