精华内容
下载资源
问答
  • QT界面设计

    2018-09-06 13:28:13
    非常好的QT界面设计实例,便于做界面开发的参考与学习
  • Qt界面设计

    2018-11-22 16:38:10
    https://blog.csdn.net/zhangxiaoyu_sy/article/details/78925221
    展开全文
  • Qt Designer Setup.exe(qt界面设计器)
  • QT界面设计之安防系列,主要包含自定义界面设计和自定义类的设计,适用于想学习界面的同学。
  • PyCharm安装QT界面设计器 1.安装QT5 # pip install PyQt5 2.安装QT界面设计器 # pip install PyQt5-tools 3.在PyCharm里配置设计器

    PyCharm安装QT界面设计器


    1.安装QT5

    # pip install PyQt5

    2.安装QT界面设计器

    # pip install PyQt5-tools

    3.在PyCharm里配置设计器

         1). 打开 File -> Settings
         2). 如下图配置:

    配置

         3). 重要参数配置:
                 QT-Designer
                 D:\Python\Python365-amd64\Lib\site-packages\pyqt5_tools\designer.exe
                 $FileDir$

    4.在PyCharm里配置代码转换器, 把 .ui 文件转换为 .py 文件.

         1). 打开 File -> Settings
         2). 如下图配置:

    配置

         3). 重要参数配置:
                 QT-UIC
                 -m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py
                 $FileDir$

    5.使用.

    使用

         1). 使用 QT-Designer 进行页面设计.

    使用编辑器

         2). 使用 QT-UIC 将 .ui 文件编译成 .py 文件.

    使用 QT-UIC 将 .ui 文件编译成 .py 文件

    6.显示UI, 在__Main__.py文件里添加.

    显示

    from PyQt5.QtWidgets import QMainWindow, QApplication
    import sys
    
    from ImageEditorPage import Ui_MainWindow as ImageEditorPage
    
    
    class MainWindow(QMainWindow):
    
        def __init__(self):
            QMainWindow.__init__(self)
            self.ui = ImageEditorPage()
            self.ui.setupUi(self)
    
    
    if __name__ == '__main__':
        qApp = QApplication(sys.argv)
        window = MainWindow()
        window.show()
        sys.exit(qApp.exec_())
    
    
    展开全文
  • 智慧大棚QT界面设计

    2017-06-25 21:39:54
    实现了“智慧大棚”QT界面嵌入式开发,设计到拍照、多线程、界面切换等功能
  • Qt文件编码转换工具(三) Qt界面设计

    千次阅读 多人点赞 2019-01-19 20:13:47
    目录 ...本节为Qt界面设计   下载链接 Realase打包版本下载: Qt文本转化工具 realase版本 https://download.csdn.net/download/qq78442761/10927836     Qt文件编码转换工具源码 ...

    目录

     

     

    下载链接

    上一节为C++判断文件编码

    本节为Qt界面设计


     

    下载链接

    Realase打包版本下载:

    Qt文本转化工具 realase版本

    https://download.csdn.net/download/qq78442761/10927836

     

     

    Qt文件编码转换工具源码

    https://download.csdn.net/download/qq78442761/10927834

     

     

    上一节为C++判断文件编码

    Qt文件编码转换工具(二) C++判断文件编码

    https://blog.csdn.net/qq78442761/article/details/86555931

     

    本节为Qt界面设计

    本程序界面如下:

    这里的关键本人已经做了2个详细的博文!

    如下连接:

     

    Qt工作笔记-QMainWindow自定义窗体中利用状态栏进行窗体放缩

    https://blog.csdn.net/qq78442761/article/details/86534881

     

     

    Qt工作笔记-设置窗体底纹以及控件透明度

    https://blog.csdn.net/qq78442761/article/details/86538655

     

    这里本人就说下:QFileSystemModel这个模型:

    这个模型配合QTreeView很好用:

    官方在介绍QTreeView的时候,一开始就提到了这个:

     

    本程序的使用如下:

    把model显示上view上:

    void MainWindow::initTreeView(const QString &path)
    {
        m_model = new QFileSystemModel;
        m_model->setRootPath(path);
    
        ui->fileTreeView->setModel(m_model);
        ui->fileTreeView->setRootIndex(m_model->index(path));
    }
    

     

    这是获取当前选中的model

    void MainWindow::startBtnClicked()
    {
        //printModel();
        QModelIndex treeIndex = ui->fileTreeView->currentIndex();
        if(!m_model->isDir(treeIndex)){
    
            QString fileName = m_model->fileInfo(treeIndex).absoluteFilePath();
            m_disposeFile->setCurrentFileName(fileName);
            m_disposeFile->transformFile(fileName);
        }
    }

     

    这里本次小工具的这个版本就结束了,后期会补全其他编码间的转换!

    展开全文
  • 初学者求大神指教!!!如何实现通过qt界面设计,按不同的按钮,向串口发送不同的数据,例如,点击1按钮后pc会向串口发送信号1
  • 网上下载的一款QT界面设计的电子地图,具有放大等功能
  • Qt界面设计   上一篇博文 Qt + Python + OpenCV图标替换工具 之 Python调用dll(三) https://blog.csdn.net/qq78442761/article/details/85941704     程序的下载地址以及源码 源码已经打包: 运行...

    目录

     

    上一篇博文

    程序的下载地址以及源码

    Qt界面设计


     

    上一篇博文

    Qt + Python + OpenCV图标替换工具 之 Python调用dll(三)

    https://blog.csdn.net/qq78442761/article/details/85941704

     

     

    程序的下载地址以及源码

    源码已经打包:

    运行版本(release版本(编译好)下载地址如下):

    https://download.csdn.net/download/qq78442761/10899496

     

    源码下载地址如下:

    https://download.csdn.net/download/qq78442761/10899518

     

    Qt界面设计

    Qt界面结构如下:

     

    界面运行截图如下:

     

    这里把使用自定义界面,就是把系统的标题栏和边框全部去掉!

        setWindowFlags(Qt::Window | Qt::FramelessWindowHint);
        setAttribute(Qt::WA_TranslucentBackground);

    然后再使用重写下面三个事件:

        void mouseMoveEvent(QMouseEvent * event) Q_DECL_OVERRIDE;
        void mousePressEvent(QMouseEvent *event) Q_DECL_OVERRIDE;
        void mouseReleaseEvent(QMouseEvent *event) Q_DECL_OVERRIDE;

    重写

     void paintEvent(QPaintEvent *event) Q_DECL_OVERRIDE;

    可以实现制作圆角界面:

    void PicWidget::paintEvent(QPaintEvent *event)
    {
        QPainter painter(this);
        painter.setRenderHint(QPainter::Antialiasing);
        painter.setBrush(QBrush(Qt::white));
        painter.setPen(Qt::black);
        QRect rect = this->rect();
        rect.setWidth(rect.width() - 1);
        rect.setHeight(rect.height() - 1);
        painter.drawRoundedRect(rect, 15, 15);
    
        QWidget::paintEvent(event);
    }

     

    这里再说明最后一点:

    也就是 “用户提示” 手册,这里使用了QGraphicsView框架!

    这里是构造一个界面,然后最大话,在吧item放到界面上即可:

    ShowGraphicsView::ShowGraphicsView(QWidget *parent) : QGraphicsView(parent)
    {
        this->setWindowTitle("用户使用手册");
        setStyleSheet("background: transparent;border:0px");
        setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
        setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
        setRenderHints(renderHints() | QPainter::Antialiasing | QPainter::SmoothPixmapTransform);
        setWindowFlags(Qt::Window | Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);
        setAttribute(Qt::WA_TranslucentBackground);
    
        m_scene = new QGraphicsScene;
        this->setScene(m_scene);
    
    
    
        this->setGeometry(0, 0, 100, 100);
    }

     

    通过添加item实现界面上显示文字,如下图:

     

    void ShowGraphicsView::addTextItem(const int &posX, const int &posY, const QString &text)
    {
        TipGraphicsItem *item = new TipGraphicsItem;
        item->setPos(posX, posY);
        item->setShowText(text);
        m_scene->addItem(item);
    }

     

    添加文字的源码如下:

    void PicWidget::manualBtnClicked()
    {
        QRect screenRect = QApplication::desktop()->screenGeometry();
        m_showGraphicsView->fixSceneWindow(screenRect.width(), screenRect.height());
    
        m_showGraphicsView->show();
        m_showGraphicsView->addTextItem(pos().x() + ui->iconLabel->pos().x() - 40
                                        , pos().y() + ui->iconLabel->pos().y() - 15, "程序的icon");
    
        m_showGraphicsView->addTextItem(pos().x() + ui->closeLabel->pos().x() - 40
                                        , pos().y() + ui->closeLabel->pos().y() - 15, "程序的关闭按钮");
    
        m_showGraphicsView->addTextItem(pos().x() + ui->choosePicLabel->pos().x() - 40
                                        , pos().y() + ui->choosePicLabel->pos().y() + 75, "选着一张图片");
    
        m_showGraphicsView->addTextItem(pos().x() + ui->chooseColorLabel->pos().x() - 20
                                        , pos().y() + ui->chooseColorLabel->pos().y() + 75, "选着图片后选着一个颜色");
    
        m_showGraphicsView->addTextItem(pos().x() + ui->productLabel->pos().x()
                                        , pos().y() + ui->productLabel->pos().y() + 75, "调用py生成图片并读取");
    
        m_showGraphicsView->addTextItem(pos().x() + ui->changeProLabel->pos().x() - 10
                                        , pos().y() + ui->changeProLabel->pos().y() + 80, "转化算法,生成其他图片");
    
        m_showGraphicsView->addTextItem(pos().x() + ui->howToUseLabel->pos().x() - 40
                                        , pos().y() + ui->howToUseLabel->pos().y() + 90, "用户使用手册");
    
        m_showGraphicsView->addTextItem(pos().x() + ui->genLabel5->pos().x() + 90
                                        , pos().y() + ui->genLabel5->pos().y() + 90, "生成图片的位置,右击保存");
    
        QEventLoop loop;
        QTimer::singleShot(5 * 1000, &loop, SLOT(quit()));
        loop.exec();
    
        m_showGraphicsView->hide();
        m_showGraphicsView->clearItem();
    }

     

     

     

    展开全文
  • 大四课程设计之基于RFID技术的考勤管理系统(四)Qt界面设计
  • Qt界面设计1

    千次阅读 2013-08-30 01:13:21
    最近刚接触Qt 对于QML做界面感觉已经很轻松了,但是想尝试一下GUI..准备做一个理财的小软件 ....慢慢记录我的一点一滴的学习经历. 自己封装界面UI 遇到了好多新手级别的问题=_=!!!    1、界面透明 方法好多设置...
  • Qt 界面设计消除父组件对子组件的影响 在设计界面时,通常会用到背景设置,Qt设计类能大大优化设计过程。在此写上部分自己遇到的问题。 问题一:对Widget设置背景且自适应背景大小: 解决: styleSheet->添加资源...
  • 记录一些常见问题pro文件修改.h头文件串口端口刷新textBrowser自动滚屏启动自动选择历史port启动串口界面 pro文件修改 QT += serialport .h头文件 #include <QtSerialPort/QSerialPort>//提供访问串口的功能 #...
  • 基于人脸识别的课堂签到管理系统(一)---环境设置以及简单的QT界面设计一.前言二.Pycharm安装与环境配置2.1 Pycharm安装配置2.2 Pycharm环境配置三.QT界面设计3.1 QtDesigner界面窗口设计3.2 Pycharm设计界面程序四...
  • Qt 界面设计笔记

    2017-07-06 00:44:04
    于是采用了QTimer::singleShoot(0, obj, SLOT())的hack技术,在界面加载完成后发送一条定时器消息,设置QLabel的大小为QScrollArea的大小,就没有滚动条出现了,达到了预期的效果。 可以看出 延时为0的定时器消息...
  • Qt界面设计总结

    万次阅读 2015-12-03 00:12:05
     Qt::Key_Enter、Qt::Key_Reture Qt::Key_Enter对应小键盘的Enter键 Qt::Key_Return对应大键盘的Enter键 9.  事件过滤。窗口部件的事件到达目的地之前提前获取并处理相关事件,实现个性化的处理。...
  • QtCreate创建的界面应用程序,在ui文件中拖入所需的控件,并进行布局,布局完成后在ui文件的工具->form Editor->预览可查看当前界面。问题便是:通过预览查看界面布局没有问题,但运行程序时界面与预览的界面...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,421
精华内容 2,168
关键字:

qt界面设计