(三十三)容器组件

组件设计模式:容器组件与展示组件分离 在前端开发中,随着项目复杂度的增加,组件的管理和维护变得越来越困难。我们的目的就是介绍一种有效的组件设计模式——容器组件与展示组件分离,帮助开发者更好地组织和管理组件。本文的范围涵盖了这一设计模式的基本概念、实现方法、实际应用以及未来发展等方面。本文首先会引入一个有趣的故事来引出主题,接着详细解释容器组件和展示组件的概念以及它们之间的关系,给出核心概念原理和架构的文本示意图和 Mermaid 流程图。然后用代码示例阐述核心算法原理和具体操作步骤,介绍相关的数学模型和公式。 阅读详情

容器组件(Containers Widgets)

Qt中有9种容器组件:QGroupBox组合框、QFrame框架、QScrollArea滚动区、QToolBox工具箱、QTabWidget切换卡、QStackedWidget栈式组件、QWidget、QMdiArea MDI窗口显示组件、QDockWidget停靠窗体

 

QGroupBox

简介

1、QGroupBox为构建分组框提供了支持

2、组合框通常带有一个边框和一个标题栏,作为容器部件来使用

3、在其中可以布置各种窗口部件。

4、其标题通常在上方显示,其位置可以设置为靠左、居中、靠右、自动调整这几种方式之一

5、位于分组框之中的窗口部件可以获得应用程序的焦点。

 

QFrame

简介

1、  QFrame是带有边框的组件的基类

2、  带边框组件最主要的特点是可以有一个明显的边界框架

3、  QFrame类对象可以作为一个不含任何内容的简单占位符

4、  QFrame类及其派生类都可以拥有不同边框效果(由enum QFrame::Shape、enum QFrame::Shadow组合完成)

 

enum QFrame::Shape可取值

QFrame::NoFrame

QFrame什么也不绘制

QFrame::Box

QFrame在它内容四周绘制一个边框

QFrame::Panel

QFrame绘制一个使内容表现为凸起或凹陷的面板

QFrame::StyledPanel

绘制一个效果依赖于当前GUI样式的矩形面板,面板可以是凸起或者凹陷的

QFrame::HLine

QFrame绘制一条没有任何框架的水平线(可以作为分离器)

QFrame::VLine

QFrame绘制一条没有任何框架的垂直线(可以作为分离器)

QFrame::WinPanel

绘制一个类似windows2000的可以是凸起或者凹陷的矩形面板(指定这个形状并设置线宽为2像素),为了兼容性WinPanel也被提供,为了GUI风格的独立性,建议使用QFrame::StyledPanel代替

 

QFrame::Shadow可取值

QFrame::Plain

边框和内容表现为与四周的组件在同一高度,使用调色板QPalette::WindowText绘制颜色(不含任何3D效果)

QFrame::Raised

边框和黑荣表现为凸起,使用当前颜色组的亮、暗色绘制一个3D的凸起线条

React中容器组件和展示组件 Redux 的 React 绑定库包含了 容器组件和展示组件相分离 的开发思想。明智的做法是只在最顶层组件(如路由操作)里使用 Redux。其余内部组件仅仅是展示性的,所有数据都通过 props 传入。 那么为什么需要容器组件和展示组件相分离呢? 这里有个基本原则:容器组件仅仅做数据提取,然后渲染对应的子组件,记住这个点,Trust me! 看下面这个展示列表的例子,不区分容器和展示组件... 阅读详情

相关推荐

鸿蒙ArkTS容器组件:【Scroll】

可滚动的容器组件,当子组件的布局尺寸超过父组件的尺寸时,内容可以滚动。点击或者复制转到。

2401_82772199的博客 2057

IT世界里的“国境线”(芯片与算法篇)

首先分析下概念,对于芯片,相信大家已经比较了解,就不做过多的解释。我们说一下算法,虽然算法是应用在IT领域,但我相信学数学的同学,特别是学习计算数学的,对算法应该更加熟悉。记得在本科课程中,专门有一门课叫做“算法设计”。从概念上来讲,算法指的是解决问题的方法和流程,是一段逻辑,一系列解决问题的清晰指令。或者更通俗一点来讲,算法是从A到B,所有可能的计算方式。 一、 芯片与算法的关系 芯片和算法并不是独立或者对立的两个个体。芯片本身就集成了算法。算法是一种逻辑概念,芯片是算法的一种表现形式,软件也是算法的

weixin_49664622的博客 7019

基于 Cognex VisionPro 的工业级图像匹配技术全解析

通过本文的深度解析,开发者可以系统掌握 Cognex VisionPro 图像匹配技术的核心原理、开发流程、优化策略及工业级应用。实际项目中,需结合具体场景灵活调整参数,综合运用预处理、特征提取和匹配算法,构建稳定可靠的视觉系统。

品质生活,极致编程。 1594

iOS In-App Purchase 自动续订订阅完整实现指南

本文摘要: 自动续订订阅是iOS应用变现的核心模式,适用于流媒体、云存储等持续服务场景。文章系统讲解了从配置到实现的完整流程:首先对比各类订阅模式特点,解析订阅生命周期和关键术语;然后详细说明App Store Connect中的订阅组创建、产品配置和服务器通知设置;最后展示客户端StoreKit实现方案,包括产品标识符定义、订阅管理器封装和支付队列观察机制。全文提供可落地的代码示例和技术细节,帮助开发者掌握自动续订订阅的全链路实现。

Sheffi 1759

软考软件评测师备考避坑指南:过来人告诉你这5个章节最容易丢分(附2024最新考纲解析)

本文为软考软件评测师考生提供备考避坑指南,深度解析5个高频失分章节,包括标准化与信息化基础、中间件技术、软件测试模型、白盒测试覆盖准则和性能测试指标。文章结合2024最新考纲,分享实战技巧和记忆口诀,帮助考生精准打击失分重灾区,提升备考效率。

weixin_29223603的博客 467

ArcGIS JSAPI 高级教程 - 添加多个 box 立方体 - 通过顶点、索引、UV 自定义每个 box、每个面不同颜色

ArcGIS JSAPI 高级教程 - 添加多个 box 立方体 - 通过顶点、索引、UV 自定义每个 box、每个面不同颜色。

非科班Java出身GISer的博客 400

学Simulink——基于Simulink的Buck-Boost变换器双闭环PI+抗饱和设计建模示例

本文详细介绍了基于Simulink的非反相Buck-Boost变换器双闭环控制设计方法。针对Buck-Boost变换器特有的右半平面零点(RHPZ)和控制挑战,提出了电压-电流双闭环PI控制架构,并集成抗积分饱和机制。通过Simulink建模,实现了主电路、电流内环PI、电压外环PI、PWM及占空比限幅等模块的搭建,验证了在输入电压跌落(20V→10V)和负载突变(2A→4A)等场景下的稳定性能。仿真结果表明,输出电压波动小于0.35V,恢复时间快于1ms,电感电流有效限幅。文章还讨论了工程实践要点和扩展方

xiaoheshang_123的博客 318

路径规划 | 图解Informed RRT*算法(附ROS C++/Python/Matlab仿真)

Informed RRT*算法针对RRT*算法进行了采样优化,用椭圆采样代替全局均匀采样,避免了RRT*算法搜索树上产生过多冗余分支的缺陷。本文图解Informed RRT*原理,并提供ROS C++/Python/Matlab三种实现加深理解

FRIGIDWINTER的博客 7485

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

上一篇: (三十三)QToolButton
下一篇: (三十四)自定义菜单
早起的虫儿灬
博客等级 码龄10年 54粉丝 114原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值