精华内容
下载资源
问答
  • Python3.5.3 + PyQt5.6 + PyCharm2017.2开发环境暂不赘述,打开Qt Designer后,右键空白处添加工具栏 顶栏处 文件 编辑 关于都是通过双击在这里输入后,键入名称后回车实现,并可根据需要插入分隔符。 此时,...

    开发环境
    Python3.5.3 + PyQt5.6 + PyCharm2017.2

    开发环境暂不赘述,打开Qt Designer后,右键空白处添加工具栏
    这里写图片描述
    顶栏处 文件 编辑 关于都是通过双击在这里输入后,键入名称后回车实现,并可根据需要插入分隔符。
    此时,单击文件会出现在这里输入,这相当于子栏目,添加方法同上一行所述。同理,在编辑栏目下也可如此。本文在文件下添加了打开,新建,在编辑下添加了撤销,关于下没有添加子栏目
    这是在Qt IDE的右下角动作编辑器,看到如下图
    这里写图片描述
    你现在可能还没有图标,不要紧,后续会介绍方法。以打开为例,双击上图的actionOpen那一栏,弹出如下对话框
    这里写图片描述
    这里项目按需要填写,着重讲一下图标设置,点击图标栏靠右的倒三角,选择资源,如下图
    这里写图片描述
    弹出如下界面,第一次打开,只有resource 那一行,我这里添加过了,所以会有第二行
    这里写图片描述
    此时单击左上角铅笔图标,弹出编辑资源对话框,如下图。第一次应该是空的,我这里已经添加过了。
    这里写图片描述
    在左栏下方,第二个图标是打开资源文件,这里我们在当前PyQt工程下,建立一个空白文件,名称叫icons.qrc。然后通过前述的第二个图标打开资源文件 把刚刚新建的空白文件添加进来
    这里写图片描述
    在右侧栏 前缀/路径,下方第一个图标添加前缀,写../,原因是我把icon都放在了当前目录/icon下
    这里写图片描述
    然后在当前前缀下,添加文件(下方第二个图标),然后就会出现图标路径索引列表,如之前图示。OK退出,然后在选择资源对话框,刷新一下
    这里写图片描述
    可以看到这里已经有图标列表(icon不是很好看….),此时点击哪个图标,当前actionOpen就会选择哪个图标作为icon。最后一项跑动的人TUAN,是通过新建产生的
    这里写图片描述
    而后按住鼠标左键,拖动TUAN到工具栏,也可以将已有fire打开 拖动过去。CTRL+R预览一下,
    这里写图片描述
    最后保存,在当前工程文件下,cmd运行命令
    pyrcc5 -o icons_rc.py icons.qrc
    这里写图片描述

    会在当前路径下生成icons_rc.py
    通过UIC将newpyqt1.ui转换成newpyqt1.py

    这里写图片描述

    而后新建一py文件:newpyqt11

    from PyQt5 import QtWidgets
    from newpyqt1 import Ui_MainWindow
    from PyQt5.QtWidgets import QFileDialog
    
    class MyWindow(QtWidgets.QMainWindow,Ui_MainWindow):
        def __init__(self):
            super(MyWindow,self).__init__()
            self.setupUi(self)
            self.actionOpen.triggered.connect(self.openMsg)
    
        def openMsg(self):
            file,ok = QFileDialog.getOpenFileName(self,"dakai","C:/","ALL FILES(*)")
            self.statusbar.showMessage(file)
    
    if __name__ == "__main__":
        import sys
        app = QtWidgets.QApplication(sys.argv)
        myshow = MyWindow()
        myshow.show()
        sys.exit(app.exec_())

    运行结果,打开D盘下的一个txt
    这里写图片描述

    好,收工

    展开全文
  • 网上很多教程都是纯代码,对于新手看起来就很头疼,pyqt为我们提供了Qt designer设计窗口界面,用起来也非常方便。对于新手来说应该善用它,虽然做出来的界面不那么华丽,但至少可以做出个像样的窗口来。 ...

    网上很多教程都是纯代码,对于新手看起来就很头疼,pyqt为我们提供了Qt designer来设计窗口界面,用起来也非常方便。对于新手来说应该善用它,虽然做出来的界面不那么华丽,但至少可以做出个像样的窗口来。


    初识Qt Designer


    打开PyQt5的Qt Designer,会自动弹出新建窗体对话框,对于我们最常用的就是Widget通用窗口类,还有个MainWindows顾名思义主窗口。PyQt5的Widget被分离出来,似乎用来替代Dialog,并将Widget放入了QtWidget模块(库)中,PyQt4是QtGUI。



        这是一个Widget和MainWindows,MainWindows默认添加了菜单栏、工具栏和状态栏等。


    默认左边是控件栏,提供了很多空间类,我们可以直接拖放到widget中看到效果,点窗体--预览(Ctrl+R)。

    每个空间都有自己的名称,提供不同的功能,比如常用的按钮、输入框、单选、文本框等等。


            右边是对窗口及控件的各种调整、设置、添加资源(列如:图片)、动作。还可以直接编辑Qt引以为豪的信号槽(signal和slot)。


        有了Qt Designer使得我们在程序设计中更快的能开发设计出程序界面,避免了用纯代码来写一个窗口的繁琐,同时PyQt支持界面与逻辑分离,这对于新手来说无疑是个最大的福音,当然要做出华丽的界面还是要学代码的。至少Qt Designer为我们提供了一些解决方法,另外我们也可以通过Qt Designer生成的代码来学习一些窗口控件的用法。


    Qt Designer Layouts窗口布局



    Qt Designer窗口布局Layouts提供了四种布局方法,他们是:


    Vertical Layout 纵向布局
    Horizontal Layout 横向布局
    Grid Layout  栅格布局
    Form Layout  在窗体布局中布局


    前三种是我们经常会用到的,我们将布局Layouts拖动到窗体上会有红色框来显示(中间窗体中的四个小红框就是),Layout的一些属性可以通过属性编辑器来控制,一般包括:上下左右边距间隔,空间之间间隔等。


    在我们使用布局之前,我们得对层次要有个了解,在程序设计中一般用父子关系来表示。当然有过平面设计经验的童鞋对分层应该有所了解,这里我们还需要将层分成层次。其实就像python中规定的代码缩进量代表不同层次的道理差不多。


             从对象查看器中我们可以方便的看出窗体(Form)--布局(Layout)--控件(这里是PushButton按钮)之间的层次关系。Form窗口一般作为顶层显示,然后使用Layout将控件按照我们想要的方式规划开来。


    小提示:

    通常我们使用栅格布局作为顶层布局,将控件放置好之后可以通过右键--布局--栅格布局,将布局充满整个窗体。我们可以先放入控件,然后ctrl选中多个控件,然后点击工具栏上快速布局工具进行布局。




    这里要注意一下,Qt Designer设计出来的文件默认为ui文件,里面包含的类css布局设计语言,如果想要查看代码我们还需要将它转换(编译)成py文件,我们可以使用一条DOS命令来完成D:\Python33\Lib\site-packages\PyQt5\pyuic5.bat main.ui -o frist.py。  我的pycharm经过PyQt5+python3+pycharm开发环境配置(点击我)的配置。通过下图的操作可以便捷的对UI进行转化



    更实用的转换命令可以将当前文件夹下所有ui转换成py文件:

    for /f "delims=" %%i in ('dir /b /a-d /s *.ui') do D:\Python33\Lib\site-packages\PyQt5\pyuic5.bat %%i -o %%i.py

    PyQt支持用LoadUi方法直接加载ui文件,当然我们通过转换后可以方便学习PyQt窗体控件的源代码。


    展开全文
  • 从网站上拔下来的,这个是中文的
  • Web设计人员和开发人员的20个热门论坛 .no-js #ref-block-post-1017 .ref-block__thumbnail { background-image: url("https://assets.hongkiat.com/uploads/thumbs/250x160/17-forums-web-designers...

    如果您在Google+上很活跃,那么有很多社区可供Web设计人员或UI设计人员加入 Google+社区就像在线团体或论坛一样 ,人们可以聚在一起谈论共同的爱好,兴趣或职业(例如设计)。 只有特定社区的成员才能在他们的信息流中看到您的信息。 作为设计师,这很棒,因为您可以免费共享您的作品获得 成千上万其他设计师的 反馈

    在下面的设计社区中,您将找到许多来自会员的重要信息,免费赠品,技巧和窍门以及个人设计作品。 另外,您可以寻求帮助或向他人提供帮助。 让我们为您找到理想的Google+设计社区。 注意 :截至撰写本文时,每个社区列出的成员数量都是准确的。)

    Web开发人员,Web设计,Web编码

    无论您是Web设计师还是开发人员,您都会喜欢这个社区。 它是讨论,提问和回答,集思广益以及与Web设计和开发相关的任何其他事情的理想场所。 甚至还有职位发布类别 ,因此,如果您正在寻找工作,请务必将其签出。 您可能会找到一个辅助项目进行工作,甚至是一份全职工作。 对于初学者,甚至对于经验丰富的设计师和开发人员,都有大量信息。

    Android App设计

    这个社区是Android应用设计师地方。 对于初学者 ,有一个特殊类别 ,对刚开始的人来说非常有用 如果您想改善应用程序的设计,则可以向超过7万名成员索取反馈和建议。 当然,您还可以共享设计技巧和窍门,您最喜欢的应用程序的屏幕截图,设计模型等。

    Web开发

    尽管该社区被称为“ Web开发”,但描述指出它是一个面向程序员,Web设计人员,客户以及热爱Web开发的人社区 尽管它专注于开发,但您还将发现许多有关Web设计的信息,技巧和窍门。 对于可能正在寻求开发并希望开始学习绳索的设计师来说,这也很棒。 您会发现大多数与设计相关的主题都在常规的“讨论”类别中。

    SEO + –搜索引擎优化/网站设计

    这是一个SEO社区,也致力于Web设计以及其他主题。 如果您想了解SEO及其受Web设计的影响,那么这是个好地方。 您还可以了解有关设计SEO登陆页面,设计病毒内容,响应式Web设计,WordPress设计等的信息。 如果您管理自己的网站或博客,并想了解SEO和Web设计如何协同工作以提高排名,那么这是一个很棒的社区。

    平面设计

    图形设计社区专注于所有具有创意的事物,例如:版式,徽标设计,印刷设计,插图,信息图表,品牌,动态图形和Web设计。 您可以分享您的设计工作并获得反馈 ,发现出色的技巧和窍门,找到要下载的设计赠品(UI套件,背景,矢量,图标等)等等。 这个社区更加严格。 有很多规则要遵循(大多数时候没有),因此请确保在发布前通读它们。

    网页设计

    这个社区全都与Web设计有关 从技巧和窍门到免费赠品再到会员的实际设计工作,您将在这里找到所有内容。 警告您必须在正确的类别中发布,否则您的帖子可能会从社区中完全消失(被删除)。 与任何社区一样,您不仅应该发布信息 ,而且还要贡献 其他人和帖子与之互动 尽管“涵盖了所有主题”,但没有太多类别可供选择。

    UI设计

    这只是一个共享UI设计思想和想法的社区。 如果您要使用Web,桌面或移动UI(用户界面) ,则此社区适合您。 您将看到其他成员的许多UI设计工作,并且可以提供反馈。 还发布了免费赠品,例如模板,UI套件,移动GUI。 您还会偶尔遇到工作清单,问题,当然还有提示和技巧。

    最后的想法

    多亏了这些面向设计师的顶级Google+社区,您确实有一些很棒的资源,可以免费下载技巧和窍门。 另外,您可以与其他设计师联系,查找甚至合作

    我鼓励您阅读每个社区的社区政策/指南(大多数都有)。 通常,您会在说明框中找到一个链接(“关于此社区”),以便您可以了解特定社区的注意事项 您不希望您的帖子或您自己不遵守规则而退出社区。

    您是这些社区中的任何一个吗? 如果是这样,您最喜欢哪一个?


    翻译自: https://www.hongkiat.com/blog/gplus-designer-communities/

    展开全文
  • Qt学习之Qt Designer(设计师)

    千次阅读 2019-12-04 09:38:05
    1)执行“designer”即可进入设计师 2)在新建窗体界面选择“Dialog Without Buttons”//也可以选其他父窗口 在设计师中完成界面设计 1)从"Widget Box"选需要使用控件,拖拽父窗口上面 LineEdit(3个) Label(1个) ...
    1. 创建工程目录
      mkdir Calculator2

    2. 进入工程目录,启动设计师
      1)执行“designer”即可进入设计师
      2)在新建窗体界面选择“Dialog Without Buttons”//也可以选其他父窗口

    3. 在设计师中完成界面设计
      1)从"Widget Box"选需要使用控件,拖拽父窗口上面
      LineEdit(3个)
      Label(1个)
      PushButton(1个)
      2)设置父窗口和每个控件的属性
      –》父窗口
      objectname(对象名):CalculatorDialog
      注:将来父窗口对象名生成相同类名
      font(字体):点大小(20)
      windowTitle(窗口标题):计算器
      –》左操作数
      objectname:m_editX
      alignment:水平(AlignRight)
      –》右操作数
      objectname:m_editY
      alignment:水平(AlignRight)
      –》显示结果
      objectname:m_editZ
      alignment:水平(AlignRight)
      readOnly:勾选√
      –》加号
      objectname:m_label
      text:"+"
      –》等号
      objectname:m_button
      enabled:去掉勾选√ //禁用
      text:"="
      3)调整大小和位置
      –》方法1:鼠标拖拽
      –》方法2:键盘,ctrl/shift+方向键
      –》方法3:设置geometry,位置(x,y)/大小(宽度,高度)
      –》方法4:设置布局器//推荐
      4)窗体->预览
      5)保存(ctrl+s)
      指定文件名:CalculatorDialog.ui
      6)退出,最终在工程目录下得到CalculatorDialog.ui文件

    4. 将".ui"(xml)转换".h"(C++)注:这一步不是必要,是为了了解原理
      uic CalculatorDialog.ui -o ui_CalculatorDialog.h

      ui_CalculatorDialog.h文件内容:

      class Ui_CalculatorDialog{
      public:
        图形控件声明;
        void setupUi(){//界面初始化}
      };
      namespace Ui{
        class CalculatorDialog:public Ui_CalculatorDialog{
        };
      }
      Ui::CalculatorDialog<=等价=>Ui_CalculatorDialog
      

      使用ui_CalculatorDialog.h方法:
      方法1:继承//参考CalculatorDialog2
      class XX:public Ui::CalculatorDialog{
      //将界面相关的代码继承过来直接使用
      };
      方法2:组合//参考CalculatorDialog2_2
      class XX{
      构造函数():ui(new Ui::CalculatorDialog){}
      //通过"ui->"访问和界面相关代码
      //访问 ui指针中的setupUi也要用ui->
      //为该类增加析构函数
      Ui::CalculatorDialog* ui;
      };

    5. 编码、构建、测试和运行
      继承方法:
       
      CalculatorDialog.h

      #ifndef __CALCULATORDIALOG_H
      #define __CALCULATORDIALOG_H
      //方法一:继承
      #include "ui_CalculatorDialog.h"
      
      //继承父窗口类,当前类就也是父窗口
      class CalculatorDialog
          :public QDialog,public Ui::CalculatorDialog{
          Q_OBJECT //moc
      public:
          //构造函数
          CalculatorDialog(void);
      public slots://自定义槽函数
          //恢复按钮为正常状态的槽函数
          void enableButton(void);
          //计算和显示结果的槽函数
          void clickButton(void);
      };
      
      #endif//__CALCULATORDIALOG_H
      

      CalculatorDialog.cpp

      #include "CalculatorDialog.h"
      //构造函数
      CalculatorDialog::CalculatorDialog(void){
          //界面初始化
          setupUi(this);
          //设置数字验证器:只能输入数字形式的内容
          m_editX->setValidator(
                  new QDoubleValidator(this));
          m_editY->setValidator(
                  new QDoubleValidator(this));
      
          //信号和槽函数连接
          //左右操作数文本改变时,发送信号textChanged
          connect(m_editX,SIGNAL(textChanged(QString)),
                  this,SLOT(enableButton(void)));
          connect(m_editY,SIGNAL(textChanged(QString)),
                  this,SLOT(enableButton(void)));
          //按钮点击时,发送信号clicked()
          connect(m_button,SIGNAL(clicked(void)),
                  this,SLOT(clickButton(void)));
      }
      //自定义槽函数
      //恢复按钮为正常状态的槽函数
      void CalculatorDialog::enableButton(void){
          bool bXOk,bYOk;
          //text():获取文本内容(QString)
          //toDouble():将QString转换double,转换是否成
          //功的结果保存到参数中
          m_editX->text().toDouble(&bXOk);
          m_editY->text().toDouble(&bYOk);
          //如果左右操作数都输入了有效数据,则恢复按钮
          //为正常可用状态,否则设置禁用状态
          m_button->setEnabled(bXOk && bYOk);
      }
      //计算和显示结果的槽函数
      void CalculatorDialog::clickButton(void){
          //计算结果
          double res = m_editX->text().toDouble() 
                     + m_editY->text().toDouble();
          //将结果转换为字符串
          //number():将double转换为QString
          QString str = QString::number(res);
          //显示计算结果
          m_editZ->setText(str);
      }
      

      main.cpp

      #include "CalculatorDialog.h"
      #include <QApplication>
      
      int main(int argc,char** argv){
          QApplication app(argc,argv);
          CalculatorDialog dialog;
          dialog.show();
          return app.exec();
      }
      

      组合方法:(能组合就不继承)
      CalculatorDialog.h添加析构函数和私有成员子对象指针

      #ifndef __CALCULATORDIALOG_H
      #define __CALCULATORDIALOG_H
      //方法一:组合
      #include "ui_CalculatorDialog.h"
      
      //继承父窗口类,当前类就也是父窗口
      class CalculatorDialog:public QDialog{
          Q_OBJECT //moc
      public:
          //构造函数
          CalculatorDialog(void);
          //析构函数
          ~CalculatorDialog(void);
      public slots://自定义槽函数
          //恢复按钮为正常状态的槽函数
          void enableButton(void);
          //计算和显示结果的槽函数
          void clickButton(void);
      private:
          //通过"ui->"访问和界面相关的代码
          Ui::CalculatorDialog* ui;
      };
      
      #endif//__CALCULATORDIALOG_H
      

      CalculatorDialog.cpp

      #include "CalculatorDialog.h"
      //构造函数
      CalculatorDialog::CalculatorDialog(void)
          :ui(new Ui::CalculatorDialog){
          //界面初始化
          ui->setupUi(this);
          //设置数字验证器:只能输入数字形式的内容
          ui->m_editX->setValidator(
                  new QDoubleValidator(this));
          ui->m_editY->setValidator(
                  new QDoubleValidator(this));
      
          //信号和槽函数连接
          //左右操作数文本改变时,发送信号textChanged
          connect(ui->m_editX,SIGNAL(textChanged(QString)),
                  this,SLOT(enableButton(void)));
          connect(ui->m_editY,SIGNAL(textChanged(QString)),
                  this,SLOT(enableButton(void)));
          //按钮点击时,发送信号clicked()
          connect(ui->m_button,SIGNAL(clicked(void)),
                  this,SLOT(clickButton(void)));
      }
      CalculatorDialog::~CalculatorDialog(void){
          delete ui;
      }
      //自定义槽函数
      //恢复按钮为正常状态的槽函数
      void CalculatorDialog::enableButton(void){
          bool bXOk,bYOk;
          //text():获取文本内容(QString)
          //toDouble():将QString转换double,转换是否成
          //功的结果保存到参数中
          ui->m_editX->text().toDouble(&bXOk);
          ui->m_editY->text().toDouble(&bYOk);
          //如果左右操作数都输入了有效数据,则恢复按钮
          //为正常可用状态,否则设置禁用状态
          ui->m_button->setEnabled(bXOk && bYOk);
      }
      //计算和显示结果的槽函数
      void CalculatorDialog::clickButton(void){
          //计算结果
          double res = ui->m_editX->text().toDouble() 
                     + ui->m_editY->text().toDouble();
          //将结果转换为字符串
          //number():将double转换为QString
          QString str = QString::number(res);
          //显示计算结果
          ui->m_editZ->setText(str);
      }
      

      main.cpp不变

    展开全文
  • React设计师 工具可帮助您在纸上创建形状
  • 界面设计师 Qt Designer

    2020-05-05 21:09:34
    ## Qt Designer 简介 点击这里,边看视频讲解,边学习以下内容 QT程序界面的 一个个窗口、控件,就是像上面那样用相应的代码创建出来的。 但是,把你的脑海里的界面,用代码直接写出来,是有些困难的。 很多时候,...
  • Python PyQt5 Qt Designer (Qt设计师)

    万次阅读 多人点赞 2019-02-19 13:54:12
    PyQt5 Qt Designer (Qt设计师) 本文由 Luzhuo 编写,转发请保留该信息. 原文: `` PyQt5是对Qt所有类进行封装, Qt能开发的东西, PyQt都能开发. Qt是强大的GUI库之一, 用C++开发, 并且跨平台. PyQt双许可证, 要么...
  • 需要零下载和安装。 所有Restcomm和现在都可以在。 视觉设计师 Restcomm视觉设计师
  • 1. 通过设计师生成ui文件
  • QT:Qt设计师的使用 designer

    千次阅读 2017-04-04 00:38:31
    QT设计师的使用 designer 源文件/头文件的'最后加空行',有些编译不加空行会报警告。 1. 启动设计师  在命令行 $: designer  根据提示选择模板(父窗口):Dialog without buttons  文件 -> 保存 ...
  • 对于Qt开发人员,使用Qt Designer(Qt 设计师)设计界面无疑是提高界面设计效率的重要途径之一,它可以在你对Qt Gui类以及布局等相关设计原理及API使用不是很熟的情况下依然可以高效率地设计出好看实用的界面,以为...
  • 1. 参与产品构思及交互原型设计; 2. 提出对产品界面规划的见解; 3. 按照SDLC流程完成系统介面设计、开发工作; 4. 指导其他软件工程师的介面框架实施工作; 职位要求: 1. 大学本科或者以上学历,计算机...
  • 1. 通过设计师生成ui文件 2. 将ui文件转为c++头文件并使用 这里生成ui_CalculatorDialog.h是为了更清楚整个构建过程, 一般make会自动做这一步 下面的代码是组合的方式来构建的。(注意要写析构函数销毁ui对象) ...
  • 通过设计师设计的UI中的控件都在setUp()接口 查看ui_abc.h头文件,得到类的名字,然后生成ui对象 Ui_form ui; 设计师使用技巧 使用setupUi()的原因: Designer创建出来的对象是没有基类的; 通过设计...
  • 设计师登陆 网页设计师的登录页面
  • QT设计师designer)下载安装

    万次阅读 2019-07-21 09:27:44
    本文主要讲解designer的下载安装
  • 使用Qt设计师(Qt Designer)设计窗体,保存在%name%文件夹中,并命名为%name%.ui 在%name%文件夹中,建立main函数 使用qmake建立工程时(qmake -project;qmake %name%.pro),qmake会自动检测到用户界面文件...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 910
精华内容 364
关键字:

designer设计师