Qt官方示例学习目录

一、QCharts示例

1、Chart Themes Example（图表主题）

知识点：

• 图表主题效果
• 图表动画效果
• 图表图例效果
• 使用随机数据创建图表

涉及到的类：

• QChartView
• QRandomGenerator
• QChart
• QLineSeries
• QAreaSeries
• QStackedBarSeries
• QBarSet
• QValueAxis
• QPieSeries
• QPieSlice
• QSplineSeries

2、AreaChart Example

知识点：

• 绘制面积图

涉及到的类：

• QLineSeries
• QAreaSeries
• QLinearGradient

3、BarChart Example

知识点：

• 绘制条形图

涉及到的类：

• QBarSet
• QBarSeries
• QBarCategoryAxis
• QValueAxis

4、HorizontalBarChart Example

知识点：

• 绘制水平条形图

涉及到的类：

• QBarSet
• QHorizontalBarSeries
• QBarCategoryAxis
• QValueAxis

5、HorizontalPercentBarChart Example

知识点：

• 绘制水平百分比条形图

涉及到的类：

• QBarSet
• QHorizontalPercentBarSeries
• QBarCategoryAxis
• QValueAxis

6、PercentBarChart Example

知识点：

• 绘制垂直百分比条形图

涉及到的类：

• QBarSet
• QPercentBarSeries
• QBarCategoryAxis
• QValueAxis

7、HorizontalStackedBarChart Example

知识点：

• 绘制水平堆叠的条形图

涉及到的类：

• QBarSet
• QHorizontalStackedBarSeries
• QBarCategoryAxis
• QValueAxis

8、StackedBarChart Example

知识点：

• 绘制垂直堆叠的条形图

涉及到的类：

• QBarSet
• QStackedBarSeries
• QBarCategoryAxis
• QValueAxis

9、Line and BarChart Example

知识点：

• 在一个图表绘制不同类型的曲线，及其坐标轴设置

涉及到的类：

• QBarSet
• QBarSeries
• QLineSeries
• QBarCategoryAxis
• QValueAxis

10、LineChart Example

知识点：

• 绘制折线图

涉及到的类：

• QLineSeries

11、Piechart Example

知识点：

• 绘制饼图

涉及到的类：

• QPieSeries
• QPieSlice

12、SplineChart Example

知识点：

• 绘制曲线图

涉及到的类：

• QSplineSeries

13、BarModelMapper Example

知识点：

• 自定义数据模型的方法。
• 条形图的数据模型映射器 QVBarModelMapper 类的用法。

涉及到的类：

• QAbstractTableModel
• QBarSeries
• QVBarModelMapper

---

二、QML示例

1、UI Components: Flipable Example

通过一个卡片翻转的例子演示 Flipable 类型的用法。

涉及到的类型：

• Flipable
• Rotation
• ParallelAnimation
• SequentialAnimation
• NumberAnimation

2、UI Components: Dial Control Example

演示了一个简单的自定义仪表盘组件。

涉及到的类型和知识点：

• MouseArea 处理拖动
• 自定义滑动条
• Image
• Rotation

3、UI Components: Scroll Bar Example

演示了一个自定义滚动条的方法。

默认滚动条都是隐藏的，当拖动 Flickable 的视图时，滚动条显示出来。显示的过程使用动画效果。

涉及到的知识点：

• 自定义滚动条
• Flickable

4、Qt Quick Controls - Gallery

演示 Qt Quick 控件。

---

三、widget 示例

1、Fridge Magnets Example（冰箱贴）

自定义 QLabel 作为冰箱贴，并可进行拖放操作。

涉及到的类：

• QFontMetrics 
• QLabel 
• QFile 
• QTextStream 
• QMimeData 
• QDataStream
• QDrag

2、Image Viewer Example（带滚动条的图片查看器）

使用 QLabel 显示图片，QLabel作为一个滚动区域的中心部件。

涉及到的知识点：

• Qt 打印功能
• QScrollArea
• QLabel
• QImageReader
• QImageWriter

---

四、SQL 示例

1、Books（图书评级）

这个示例展示将 Qt 的 SQL 类与模型/视图框架一起使用的方法。

书籍的信息、作者的信息、图书类型的信息保存在数据库的不同表中。

自定义委托实现鼠标按下为图书评级。

涉及到的知识点和类：

• QSqlQuery
• QSqlDatabase
• QSqlRelationalTableModel
• QSqlRelation
• QDataWidgetMapper
• QSqlRelationalDelegate
• 自定义委托