Qt安卓之QML SwipeView制作简易图片浏览器?

 时间:2026-02-15 11:08:03

1、首先我们创建一个SwipeView(滑动窗口)项目,我这里沿用上一个项目来继续做。如下图,项目结构里面我增加了一个page2的界面和图片。

Qt安卓之QML SwipeView制作简易图片浏览器?

Qt安卓之QML SwipeView制作简易图片浏览器?

2、这里由于SwipeView本身就是在ApplicationWindow中展示的,所以我们就在main.qml中进行添加代码就可以了。我们在原来的基础上增加了一个Page组件,在其中放置了一个图片。Page1和Page2在其自身的qml文件中添加组件即可,这连个文件为了省事,我直接复制一样内容了。

Qt安卓之QML SwipeView制作简易图片浏览器?

3、我们把图片添加到现有的qml.qrc资源里即可,然后双击Page1Form.ui.qml打开界面设计器,如下图,把图片拉到一个Rectangle中去。调整好位置。

Qt安卓之QML SwipeView制作简易图片浏览器?

Qt安卓之QML SwipeView制作简易图片浏览器?

4、然后我们把图片导出到单独的qml文件中,这样方便以后的编辑。如下图。这里注意去勾选下面的生成ui.qml。

Qt安卓之QML SwipeView制作简易图片浏览器?

Qt安卓之QML SwipeView制作简易图片浏览器?

5、最后我们在ApplicationWindow的底部footer属性中添加另外连个TabButton用来切换界面用的。当然这里其实也可以去掉,用鼠标滑动切换界面也是可以的。如下图。然后我们选择安卓进行编译。

Qt安卓之QML SwipeView制作简易图片浏览器?

Qt安卓之QML SwipeView制作简易图片浏览器?

6、最终效果如下,点击切换图片按钮,或者在界面上滑动鼠标,就可以进行图片的切换了。

Qt安卓之QML SwipeView制作简易图片浏览器?

Qt安卓之QML SwipeView制作简易图片浏览器?

Qt安卓之QML SwipeView制作简易图片浏览器?

Qt安卓之QML SwipeView制作简易图片浏览器?

  • dos怎么改变颜色
  • 打开http://localhost时,出现404错误的解决方法
  • jquery如何获取table中td值的方法
  • HTTP错误 403.14 服务器配置为不列出此目录内容
  • js如何获取table表格的行数
  • 热门搜索
    薯条的做法 忒怎么读 韫怎么读 猪皮怎么做好吃 油泼面的做法视频 糯米鸡的做法 鸡胸肉的家常做法 韩国辣白菜的做法 红烧鸭子的家常做法 兔肉的做法大全