• Qt之实现网络下发配置的半透明友好提示界面


    一、说明

    在使用Qt开发的网管客户端程序中,网管客户端主要负责显示设备信息以及对设备下发配置信息等,如配置设备名字、更新设备程序等;由于在网管客户端程序的操作要先经过服务器处理,再由服务器将该命令转发给设备,因此网管客户端程序和设备之间是通过网络通信交互的;这样就会出现很多不稳定的情况,如网络连接断开、下发配置超时、下发配置失败、下发配置成功等等;然而所有如上的操作结果都需要反馈到网管客户端程序对用户进行友好的提示;该博文主要讲述如何实现这一流程。

    二、界面设想

    界面设想以及要求如下所示:

    • 有一个进度条来向用户表明当前正在进行配置操作
    • 有一个文本来向用户表明当前配置操作的结果,如成功或失败等
    • 配置操作的结果文本能用颜色更加明显的区分是失败还是成功
    • 配置操作结束后,文本显示并且进度条不显示
    • 配置操作结束后,文本一直显示直到用户主动关闭该界面
    • 该界面覆盖配置界面,即用户在配置界面上下发操作后立马会弹出该界面覆盖在其上面,这样用户不能再次操作配置界面,从而同步用户操作
    • 该界面可以设置半透明效果,使得在覆盖的同时可以看到配置界面的内容

    三、界面模型

    根据界面设想,使用Qt Designer设计出来的基本界面如下图所示:


    四、界面效果

    根据界面设想的要求,在实际项目中开发出来的界面效果如下所示:

    1、操作界面

    输入Hostname值以及选择Timezone信息,单击<Submit>按钮,则出现操作提示界面覆盖在其上,如下图所示,操作提示界面呈半透明,有进度条表明当前正在进行配置下发操作过程

    2、操作进行界面:

    3、操作结果界面:

    稍等片刻,即可得到该操作的结果,三种结果效果如下图所示:

    • 操作成功,操作结果用蓝色字体展示

    • 操作失败,显示失败详细原因并且操作结果用红色字体展示

    • 操作超时, 操作结果用红色字体展示

    在操作结束的任一界面中单击<Return>按钮可以返回到操作界面

    五、补充说明

    总的来说,这个设想与实现在实际项目中是非常人性化的;本来想把代码实现思路也写出来的,可是天色已晚,只好把该界面的代码实现思路作为下一条博文为大家讲述;谢谢!

  • 相关阅读:
    无障碍开发(十五)之好心办坏事
    无障碍开发(十四)之Android /iOS平台无障碍功能
    无障碍开发(十三)之盲人是如何使用手机的之屏幕阅读器Screen Reader
    无障碍开发(十二)之怎样做好信息无障碍?
    LABjs学习(一)之无阻塞动态并行加载脚本文件以及管理执行顺序
    jQuery选择器引入
    面向对象-标准的手机类代码及其测试
    面向对象-this关键字的内存图解
    面向对象-this关键字的概述和应用
    第一个jQuery程序
  • 原文地址:https://www.cnblogs.com/appsucc/p/3708318.html
Copyright © 2020-2023  润新知