从《C++.GUI.Qt.4编程(第二版)》上整理来的。 Qt提供4中类型的按钮：QPushButton、QToolButton、QCheckBox 和 QRadioButton。...QFrame可画些简单的图形，也可作为其他控件的基类，如QToolBox，QLabel等。 ? QTabWidget 和 QToolBox 是多页窗口部件。...在多页窗口部件中，每一页都是一个子窗口部件，并从 0 开始编号这些页。对于一个QTabWidget，它的每个Tab标签的位置和形状都可以进行设置。 ? 项视图窗口部件 ? 显示窗口部件。...（Qt助手就是使用QTextBrowser来为用户呈现文档的） ? Qt提供数个用于数据输入的窗口部件。如图，QLineEdit可以使用一个输入掩码、一个校验器或者同时使用两者对它的输入进行限定。...利用QWizard可方便快捷的创建向导（Mac上称作助手），向导常用于帮助用户完成复杂或是很少用到的操作。 ?
因此，迫切需要寻找新的β-内酰胺酶抑制剂用于药物开发。传统的高通量筛选成本很高，而基于结构的虚拟筛选受机制的限制。...本文构建了一个用于β-内酰胺酶抑制剂筛选的新型多通道深度神经网络(DeepBLI)，使用标签反转KIBA数据集进行预训练，并对BindingDB中的β-内酰胺酶抑制剂对进行微调。...首先，对编码器在空间上和顺序上融合酶和抑制剂的信息。然后，一个共注意力模块在抑制剂和酶嵌入之间建立连接。最后，多通道输出与元素智能乘积融合，然后被馈送到3层完全连接的网络来预测相互作用。...与最先进的方法相比，DeepBLI的AUROC为0.9240,AUPRC为0.9715，这表明它可以识别新的β-内酰胺酶-抑制剂相互作用。...为了证明其预测能力，演示了DeepBLI的应用，以筛选金属-β-内酰胺酶靶-1的潜在抑制剂化合物，并将粗糠柴苦素用于四类β-内酰胺酶靶点，表明了成为广谱抑制剂的可能性。
其他参数和返回值都是一样 如果index值超出范围，则新选项卡在所有选项卡最后面 如果在调用此函数之前QTabWidget没有选项卡，则插入选项卡将成为当前页，否则当前页保持不变 Qt–多页面切换组件...一.多页面切换组件 多页面的切换在我们日常的软件使用中是十分广泛的，有着很好的便捷性，下面一张图片展示了多页面的使用的便捷性 可以看到用鼠标点击不同的标题时会出现不同的页面内容 A.Qt中的多页面切换组件...QTabWidget Qt中为多页面切换的实现提供了一个专门的类QTabWidget,它可以实现能够在同一个窗口中自由切换不同页面的内容，并且是一个容器类型的组件，提供友好的页面切换方式，在QTabWidget...(),设置Tab的可关闭模式void setTabsClosable()等各种在实际应用中用的较多的函数，具体的函数可以在Qt助手进行查询。...QTabWidget组件的基本用法 Qt–多页面切换组件 B.QTabWidget组件的高级用法 1.设置Tab标签的位置 2.设置Tab的外观 3.设置Tab的可关闭模式 QTabWidget
QTabWidget 是Qt中用于实现标签页（tabbed interface）的控件，可以在一个窗口内切换不同的页面。...void setMovable(bool movable) 设置标签页是否可移动。默认为可移动。...1.1 重复窗体分页重复窗体的使用广泛应用于标签页克隆，例如一些远程SSH工具每次打开标签都是一个重复的交互环境，唯一不同的只是IP地址的变化，对于这些重复打开的标签页面就可以使用此分页来解决。...，每次点击都会创建一个独立的新窗体，如下图所示；1.2 独立窗体分页在1.1节中，笔者所介绍的方法仅用于重复功能页面的创建，而有时我们需要让不同的窗口展示不同的功能，此时就需要实现多窗体，通过ToolBar...与TabWidget组件的配合可以很好的实现多窗体的应用，如下图通过ToolBar配置一个按钮组件并初始化图标。
QMdiArea（Multiple Document Interface Area）是Qt中用于创建多文档界面的组件。...该组件主要用于设计多文档界面应用程序，具备有多种窗体展示风格，实现了在父窗体中内嵌多种子窗体的功能，使开发者能够轻松地创建支持多个文档的应用程序。...工具栏设置： ui->mainToolBar->setToolButtonStyle(Qt::ToolButtonTextUnderIcon); 设置工具栏按钮的显示风格为图标下方显示文本。...标签页多页显示模式（QMdiArea::TabbedView） 在这种模式下，子窗口以标签页的形式显示在主窗口的顶部，用户可以通过点击标签页来切换不同的子窗口。...提供了标签页的关闭按钮，允许用户关闭特定的标签页。 级联模式和平铺模式 这两种模式是在标签页多页显示模式下的两种特定排列方式。
-主要特性-强大的构建块，如按钮，图表，列表，滑块，图像等。...高级图形动画，抗锯齿，不透明度，平滑滚动各种输入设备，如触摸板、鼠标、键盘、编码器等多语言支持与UTF-8编码多显示器支持，即使用更多的TFT，单色显示器同时完全可定制的图形元素与css类样式硬件独立与任何微控制器或显示器使用可扩展...这样也就说明只需要是我们经常用于开发的单片机几乎都可以支持(16bit及以上)LVGL，LVGL能够同时被这么多平台支持的主要原因是LVGL对硬件的要求并不算太高。...驱动程序除特定的驱动程序外，它还有其他的功能，可驱动显示器GPU、读取触摸板或按钮的输入。MCU有两种典型的硬件设置。...WYS|WYG编辑器（Qt Quick Designer）；Qt Quick Ultralite 图形框架提供了丰富的 QML API 集，用于构建流畅的 GUI 和渲染引擎。
；也介绍了常用界面组件、文件读写、绘图、图表、数据可视化、数据库、多线程、网络、多媒体等模块的使用。...每个编程主题都精心设计了完整的实例程序，适用于Qt支持的任何平台。...使用QPalette设置QPlainTextEdit颜色时，不生效 练习2.2 可视化UI设计的示例程序sample2_2时，第32页的编写一个设置QPlainTextEdit的文本编辑框txtEdit...解决方法就是把这个样式表的颜色设置给去掉。 当选择Red单选按钮时，发现下面的文本编辑中的Hello,world It is my demo.文本变成了红色。如下图所示： ?...参考资料 https://doc.qt.io/qt-5/qwidget.html#palette-prop 【Qt】使用QPalette设置按钮颜色时，不生效
1.1 TabWidget QTabWidget 是 Qt 中的一个用于显示多个页面的小部件，其中每个页面通常包含不同的内容。每个页面与一个标签相关联，用户可以通过点击标签来切换不同的页面。...以下是关于 QTabWidget 的主要特点和用法： 主要特点 多页显示： QTabWidget 允许在同一窗口中显示多个页面，每个页面由一个标签页表示。...标签页： 每个页面都有一个与之相关联的标签，通常是一个文本标签或包含图标的标签，用于显示页面的名称或标识。 切换页面： 用户可以通过点击标签页来切换显示不同的页面，使得只有一个页面处于可见状态。...自定义标签页： QTabWidget 允许通过添加小部件（如按钮、文本框等）作为标签页，以定制标签页的外观和功能。...列显示： 可以在每个节点下显示多列数据，每列可以包含不同的信息，这使得 QTreeWidget 可以用于显示表格型数据。 编辑节点： 用户可以编辑节点的数据，允许动态修改树的内容。
draw_stackedBar函数与柱状图很类似，只是没有平均值（1）（2）（3）（4）运行效果百分比柱状图初始化百分比柱状图和绘制百分比柱状图函数构造函数里调用draw_percentBar函数（1）（2）（3）运行效果统帅的统计结果...0到59的有2人，占29%；80-89的有1人，占14%；90-100的有4人，占57%百分比柱状图效果图水平百分比柱状图效果图饼图初始化饼图函数构造函数中调用饼图的窗体界面drawPieChart函数按钮对应函数...do_pieHovered函数运行效果初始界面默认为统帅，点击绘制饼图按钮切换分析数据下拉框HoleSizepiesizepiesize就像几寸的披萨的寸一样，越小饼图越小holesize = piesizeholesize...= piesize就完全看不见了hovered顶部frameHead上按钮重新生成数据按钮重新统计按钮图表主题下拉框getCurrentChart槽函数设置图表主题的时候，要知道当前tabWidget...选中了哪一页图表动画下拉框主题修改测试默认是light主题改成qt主题动画按钮测试动画过程截图tableView和tableWidget隔行变色当前显示可以看到，隔行颜色是不同的，这是因为下面这两行的作用去掉这两行看看效果效果代码补回去
2.4.2 百分比柱状图效果图 5 百分比柱状图相关函数源码 三、饼图 1 初始化饼图函数 2 构造函数中调用 3 饼图的窗体界面 4 drawPieChart函数 5 按钮对应函数 6 do_pieHovered...1 重新生成数据按钮 2 重新统计按钮 3 图表主题下拉框 4 getCurrentChart槽函数 5 图表动画下拉框 6 主题修改测试 7 动画按钮测试 8 工具栏相关函数源码 五、后言 --...QBarSet("魅力") stud_Count=self.dataModel.rowCount() nameList=[] #学生姓名列表，用于...__oldLabel) 四、顶部frameHead上按钮 1 重新生成数据按钮 2 重新统计按钮 3 图表主题下拉框 4 getCurrentChart槽函数 设置图表主题的时候，要知道当前tabWidget...选中了哪一页 5 图表动画下拉框 6 主题修改测试 默认是light主题 改成qt主题 7 动画按钮测试 动画过程截图 8 工具栏相关函数源码 @pyqtSlot()
同时支持Qt4-Qt6，亲测Qt4.6到Qt6.1任意版本，任意系统和编译器。 本组件无故障360724小时运行在至少上万个现场，商业级别品质保证。...（二）数据库通用翻页类 可设置每页多少行记录，自动按照设定的值进行分页。 可设置要查询的表名、字段集合、条件语句、排序语句。 可设置第一页、上一页、下一页、末一页、翻页按钮。...提供查询结果返回信号，包括当前页、总页数、总记录数、查询用时等信息。 可设置所有列或者某一列对齐样式例如居中或者右对齐。 可增加列用于标识该条记录，设定列的位置、标题、宽度。...提供函数直接执行第一页、上一页、下一页、末一页。 提供函数直接跳转到指定页。 根据是否第一页、末一页自动禁用对应的按钮。...复选框自动居中而不是左侧，切换选中状态发送对应的信号。 可设置颜色委托，自动根据颜色值绘制背景颜色，自动设置最佳文本颜色。 可设置按钮委托，自动根据值生成多个按钮，按钮按下发送对应的信号。
1.1 TabWidgetQTabWidget 是 Qt 中的一个用于显示多个页面的小部件，其中每个页面通常包含不同的内容。每个页面与一个标签相关联，用户可以通过点击标签来切换不同的页面。...标签页： 每个页面都有一个与之相关联的标签，通常是一个文本标签或包含图标的标签，用于显示页面的名称或标识。切换页面： 用户可以通过点击标签页来切换显示不同的页面，使得只有一个页面处于可见状态。...自定义标签页： QTabWidget 允许通过添加小部件（如按钮、文本框等）作为标签页，以定制标签页的外观和功能。...，以让应用程序可以在一个页面中容纳更多的子页面，如下图我们分别创建了四个选择夹，并实现了分页展示的效果；1.2 TreeWidgetQTreeWidget 是 Qt 中的一个用于显示树形结构的小部件。...列显示： 可以在每个节点下显示多列数据，每列可以包含不同的信息，这使得 QTreeWidget 可以用于显示表格型数据。编辑节点： 用户可以编辑节点的数据，允许动态修改树的内容。
作者 | Deepak K Vijayan 译者 | Phoenix 策划 | 闫园园 作为一名 7 年多的前端开发者，我从未想过我的工作需要具有可访问性，直到最近才领悟。...注意：不适用于高级前端技术人员，我没有详细介绍可访问性，只想制定一个简单的指引，可以在所有项目中遵循，类似于需要注意的事项清单。 如果你发现任何错误，请随时指出，我会尽快纠正。...意思是，如果你将一个白色背景页上的绿色按钮，设置的焦点指示器样式为 2px 的黑色边框，那么黑色和绿色、以及黑色和白色之间的最小对比度应该是 3:1。...7 描述性信息图 当 SVG 用于图表等信息图或其它类型的数据表示时，通常不会为可访问用户提供任何信息。为了方便他们，最好的方式是提供屏幕阅读器能够读取到信息图文本描述。...按钮、复选框和单选等表单元素，应该是可访问的。 尽可能提供视觉标签。 信息图表应该有一个文字说明的回退，如果使用 SVG，则应带有回退描述。
Scrollable-GraphView.swift - 灵动感十足的自适应、可定制滚动曲（折）线图表库。...HorizontalScrollCell - HorizontalScrollCell是一款使用方便的水平方向可滚动的单元格，适用于UICollectionView中实现水片方向滚动视图。 。...文字及图片可扩展输入栏，汽泡效果等聊天核心特性，分页及自动布局完善。 DLSlideView - DLSlideView对常见的顶部Tab页点击、滑动分页做了封装。...ZWSlideViewController - ZWSlideViewController多页滑动视图控制器（类似新闻类门户APP）,可以用最简单的继承方法使用，也可以不用继承，只用菜单或主视图页面，可实现丰富的定制...，可以使用在多种不同形态的APP下，还可以将其做为多页或多图的滑动介绍。
()断开信号的连接，接着在使用connect()将当前上方三个按钮进行绑定，当按钮被点击则会触发on_LegendMarkerClicked()槽函数； // 图例被点击后触发 foreach (QLegendMarker...，这里需要介绍一个类，QLegendMarker 类是 Qt Charts 模块中用于表示图例标记的基类。...你可以在该函数中处理键盘抬起时的逻辑，如释放某个按键的状态。 在附件中笔者将代码整理成了Keyboard and mouse文件，读者可自行打开该文件编译运行观察键盘鼠标事件是如何被重写的。...Qt 图表视图类 QWChartView，用于处理鼠标和键盘事件，实现了一些基本的交互功能。...这样的自定义视图类通常用于定制图表的交互行为，以满足特定的应用需求。
目录 一、新建Qt项目 二、添加组件和布局 三、添加资源 1. 新建资源文件 2....层叠柱状图页 6.2.3 tabPercentBar百分比柱状图页 6.2.4 tabPieChart饼图页 ---- 一、新建Qt项目 二、添加组件和布局 添加两个frame和一个tabWidget...3. comboTheme 放一个combo box，命名为comboTheme 双击组件，在弹出的组合框中输入如下内容 label 图表动画效果 4. comboAnimation...treeWidget，点右键，选择在当前页之后插入页 设置 再插入一个，设置 插入后，变成这样 6.1.3 tabWidget的层次 2. tabBar柱状图页 6.2.1...修改相应名称 删除framePie上的两个按钮和一个Spacer 右键点击framePie，选择打破布局，等所有组件都放了后再布局 在framePie上放一个label，一个Combo
带星星动画的vue点赞按钮 vue-mugen-scroll：无限滚动组件 mint-loadmore：VueJS的双向下拉刷新组件 vue-tables-2：显示数据的bootstrap样式网格...：基于vue的图像剪辑组件 vue-bootstrap-table：可排序可检索的表格 vue-radial-progress：Vue.js放射性进度条组件 vue-slick：实现流畅轮播框的vue...：基于vue的日期选择器 vue-tabs：多tab页轻型框架 vue-verify-pop：带气泡提示的vue校验插件 vue-parallax：整洁的视觉效果 vue-img-loader：...的简单的管理员模板 vue-ztree – 用 vue 写的树层级组件 vue-tree – vue树视图组件 vue-tabs – 多tab页轻型框架 02、滚动scroll组件 vue-scroller...– vuejs starter套件 vue-multipage-cli – 简单的多页CLI 十八、应用实例 pagekit – 轻量级的CMS建站系统 vuedo – 博客平台 koel –
.应用Qt元对象系统(Qt's Meta-Object System)可以将C++中的函数导入作为QML元素的属性进行访问.利用QML和Qt C++,可高效的将界面逻辑与应用程序逻辑解耦. ?...4.美化文本编辑器Decorating the Text Editor 5.使用Qt C++扩展QMLExtending QML using Qt C++ 定义按钮和菜单 基本组件—按钮 我们构建一个按钮作为文本编辑器程序的开始...console.log()输出文本.这个函数可用于在调试时输出文本信息....的处理器.onButtonClick被赋予一个可执行的动作.在这个按钮范例中,onClick按钮事件中调用了onButtonClick,简单的输出一行文本.onButtonClick信号使外部对象可处理按钮的鼠标区域事件...创建菜单页 上节中阐述了如何创建元素并在单独的QML文件中设置行为.本节将说明如何导入QML元素,如何重用已有组件构建其他组件.
Qt Charts 提供了一个强大且易于使用的工具集，用于在 Qt 应用程序中创建各种类型的图表和图形可视化，该模块提供了多种类型的图表，包括折线图、散点图、条形图、饼图等。...其中，QChartView的父类是QGraphicsView，它负责管理数据集的显示。而QChart则是图表的主要类，用于定义图表的结构和样式。...() 创建默认的图形视图（QGraphicsView），用于显示图表 addAxis(QAbstractAxis *axis, Qt::Alignment alignment) 将指定的坐标轴添加到图表中...1.1 绘制折线图 接着我们来创建一个最基本的折线图，首先需要使用图形界面中的Graphics View组件做好UI布局，但由于该组件并不是用于绘制图形的，所以如果需要绘制图形则要在组件上右键，选中提升为按钮将其提升为绘图组件...，如下图； 此时会弹出如下所示的提示框，我们直接输入QChartView类名称，并点击添加按钮，最后选择提升按钮，此时组件将将被支持绘制图形； 为了能让后续的代码能够更更容易的被读着理解，此处还需要为读者提供一份
1 Qt了解跨平台C++图形用户界面应用程序开发框架；既可以开发GUI程序，也可用于开发非GUI程序；Qt开发的GUI程序的界面和当前操作系统相同；用Qt开发的程序的跨平台模式是源代码级的。...1.2 Qt CreatorQt Creator是一个用于Qt开发的轻量级跨平台集成开发环境；提供专为支持跨平台开发而设计的集成开发环境 (IDE)；确保首次接触Qt框架的开发人员能迅速上手和操作。...类说明QObject 顶部类（Top Class），是所有PyQt对象的基类QPaintDevice 所有可绘制的对象的基类QApplication管理图形用户界面应用程序的控制流和主要设置QWidget...单选按钮和一个文本或像素映射标签QCheckBox带文本标签的复选框QspinBox允许用户选择一个值，要么通过按向上/向下键增加/减少当前显示值，要么直接将值输入到输入框中QScrollBar水平的或垂直的滚动条...QSlider 垂直的或水平的滑动条QComboBox组合按钮，用于弹出列表QMenuBar横向菜单栏 QStatusBar适合呈现状态信息的水平条，通常放在QMainWindow的底部QToolBar
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
