稀土掘金 稀土掘金
    • 首页
    • 沸点
    • 课程
    • APP
    • AI用量
    • 作品广场
    • 专家标注
      • 搜索历史 清空
        • 写文章
        • 发沸点
        • 写笔记
        • 写代码
        • 草稿箱
        创作灵感 查看更多
排行榜
综合
后端
前端
Android
iOS
人工智能
开发工具
代码人生
阅读
综合
后端
排行榜
前端
Android
iOS
人工智能
开发工具
代码人生
阅读
  • 全部
  • 前端
  • JavaScript
  • React.js
  • 后端
  • Vue.js
  • AI编程
  • 面试
  • Unity3D
  • HarmonyOS
  • 展开
  • 全部
  • 前端
  • JavaScript
  • React.js
  • 后端
  • Vue.js
  • AI编程
  • 面试
  • Unity3D
  • HarmonyOS
  • TypeScript
  • 人工智能
  • Qt
  • Agent
  • 游戏开发
  • 前端框架
  • 暂无数据
    • 推荐
    • 最新
  • QML 滚动条:自定义滚动样式与滚动逻辑
    默认的滚动条样式不满足要求,就得自己手动实现一个自定义样式的滚动条,必须重写 background 和 contentItem 属性,即实现自定义的背景、前景组件。
    • Quz
    • 28
    • 点赞
    Qt
    QML 滚动条:自定义滚动样式与滚动逻辑
  • QML 滚动视图:ScrollView、Flickable,以及 ScrollIndicator 用法
    QML 里最常用的滚动方式有:用ScrollView组件直接包起来、在Flickable组件中加上ScrollBar。如果只想显示提示不让人拖动就用ScrollIndicator。
    • Quz
    • 23
    • 点赞
    Qt
    QML 滚动视图:ScrollView、Flickable,以及 ScrollIndicator 用法
  • QML TreeView:排序与搜索过滤
    这篇文章用两个例子演示树的数据操作:第一个例子做名称排序,同级节点按字母重排;第二个例子做实时搜索过滤,输入关键字后命中的节点连同它的所有父节点一起保留,过滤完自动全部展开。
    • Quz
    • 24
    • 点赞
    Qt
    QML TreeView:排序与搜索过滤
  • QML TreeView:基础树视图与自定义委托
    这篇文章展示2个简单的例子:第一个例子用内置的 TreeViewDelegate,几行代码就能搭出一个能展开折叠的树;第二个例子完全自绘 delegate,做出文件管理器风格的树。
    • Quz
    • 24
    • 点赞
    Qt
    QML TreeView:基础树视图与自定义委托
  • QML TableView:自定义样式与排序表格
    这篇文章介绍2个例子:第一个例子做一个商品价格表,展示样式的应用;第二个例子在它的基础上加上排序功能。
    • Quz
    • 49
    • 点赞
    Qt
    QML TableView:自定义样式与排序表格
  • QML TableView:可编辑表格与 SQLite 数据持久化
    表格光好看还不够,很多场景下还得能直接改数据、能存到数据库。直接在单元格里编辑比弹个框改要顺手得多,而 SQLite 作为轻量级嵌入式数据库,跟 Qt 配合起来也很方便。
    • Quz
    • 50
    • 点赞
    Qt SQLite
    QML TableView:可编辑表格与 SQLite 数据持久化
  • QML ListView 入门:自定义样式与数据交互
    这篇文章介绍2个简单的demo:第一个例子做一个带头像、在线状态、分组的联系人列表;第二个例子做一个可增删的价格表,演示 ListModel 和输入框怎么配合。
    • Quz
    • 91
    • 1
    Qt
    QML ListView 入门:自定义样式与数据交互
  • QML ListView:C++ 数据模型与 ProxyModel 实时过滤
    以联系人列表为例,先用 QAbstractListModel 实现增删改与搜索,再用 QSortFilterProxyModel 实现 10 万条数据实时过滤,并对比两者的选型。
    • Quz
    • 101
    • 点赞
    Qt
    QML ListView:C++ 数据模型与 ProxyModel 实时过滤
  • QML SwipeDelegate 滑动委托
    SwipeDelegate 在 ItemDelegate 上加了一层滑动功能。这篇介绍两种用法,一是左右两侧各实现一个操作——左侧归档、右侧删除,二是用 behind 属性让两侧拖拉出同一块内容面板。
    • Quz
    • 40
    • 点赞
    Qt
    QML SwipeDelegate 滑动委托
  • QML 常见的四种导航布局
    本文主要介绍 qml_navigation_layout(QML导航布局示例工程,下载链接在结尾处),整合了 Qt Quick Controls 开发中最常用的四种导航样式。
    • Quz
    • 186
    • 1
    Qt
    QML 常见的四种导航布局
  • QML 列表中的四种委托:ItemDelegate、CheckDelegate、RadioDelegate、SwitchDelegate
    列表里的自定义行是由委托组件画出来的。Qt Quick Controls把它做成了四个:ItemDelegate、CheckDelegate、RadioDelegate、SwitchDelegate
    • Quz
    • 43
    • 点赞
    Qt
    QML 列表中的四种委托:ItemDelegate、CheckDelegate、RadioDelegate、SwitchDelegate
  • QML Repeater 基础用法:整数、JS 数组、字符串数组三种模型
    Repeater 是 Qt Quick 里负责"批量生成"的组件。给它一个模型,它会照着模型把委托复制若干份,这篇讲三种最轻量的模型写法。
    • Quz
    • 75
    • 点赞
    Qt
    QML Repeater 基础用法:整数、JS 数组、字符串数组三种模型
  • QML Repeater 数据模型:ListModel 与 C++ QAbstractListModel
    这篇讲两种模型:QML 自带的 ListModel,以及从 C++ 继承 QAbstractListModel 写出来的自定义模型。两者都能直接喂给 Repeater。
    • Quz
    • 73
    • 点赞
    Qt
    QML Repeater 数据模型:ListModel 与 C++ QAbstractListModel
  • QML StackView:三种入栈方式(Item、Component 与 URL)
    stack.push(参数) 里那个参数到底能传什么?这是 StackView 新手最容易含糊的地方。官方文档说它可以是一个 Item、一个 Component 或一个 url。
    • Quz
    • 112
    • 点赞
    Qt
    QML StackView:三种入栈方式(Item、Component 与 URL)
  • QML StackView:实现卡片堆叠效果
    StackView 的页面默认是"一次只显示一张",切页时旧的退场、新的进场。但它的转场机制其实暴露了每个页面在栈里的位置信息(StackView.index),利用这一点可以做出一类很特别的效果。
    • Quz
    • 52
    • 点赞
    Qt
    QML StackView:实现卡片堆叠效果
  • QML Drawer 抽屉导航详解
    Drawer 是官方封装好的,自带模态遮罩和边缘滑出效果,只要设置 edge 决定从哪条边滑出。qml_drawer 项目把四个方向的抽屉各做成一个独立组件,集中在一个主页面里展示。
    • Quz
    • 48
    • 点赞
    Qt
    QML Drawer 抽屉导航详解
  • QML StackView:入栈、出栈、替换与批量操作
    StackView 是 Qt Quick Controls 里的"页面栈"容器:页面一层层压进去(push),再一层层弹出来(pop),栈底永远是不动的初始页。
    • Quz
    • 51
    • 点赞
    Qt
    QML StackView:入栈、出栈、替换与批量操作
  • QML SwipeView:实现一个简单的图片浏览器
    这篇用 SwipeView 做一个图片浏览器:四张壁纸左右滑动翻页,支持手动播放和自动播放。自动播放时中间的按钮图标会从播放变成暂停,点一下停住,再点继续,交互状态一目了然。
    • Quz
    • 62
    • 点赞
    Qt
    QML SwipeView:实现一个简单的图片浏览器
  • QML TabBar组件与容器索引的绑定
    TabBar 只处理"当前选第几个",真正展示内容要靠容器。Qt 里有两类容器专门和 TabBar 配对:StackLayout 用索引直接切页,SwipeView 支持手势滑动。
    • Quz
    • 54
    • 点赞
    Qt
    QML TabBar组件与容器索引的绑定
  • QML SwipeView:标签导航 与 Loader 懒加载
    上一篇主要介绍了 SwipeView 的滑动翻页和指示器样式调整。这篇解决"页面多了怎么管理"的问题。
    • Quz
    • 51
    • 点赞
    Qt
    QML SwipeView:标签导航 与 Loader 懒加载
    • 用户协议
    • 营业执照
    • 隐私政策
    • 关于我们
    • 使用指南
    • 友情链接
    • 更多前端文章
    • 举报邮箱: juejin@bytedance.com
    • 座机电话: 010-83434395
    • 京ICP备18012699号-3
    • 京ICP证:京B2-20191272
    • police 京公网安备11010802026719号
    • ©2026 稀土掘金