QT for Android 使用Item作为QML根对象

最新推荐文章于 2025-07-07 18:31:44 发布
原创 最新推荐文章于 2025-07-07 18:31:44 发布 · 2w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在Qt项目中使用QML与C++进行混合编程，通过将QML中的Window组件替换为Rectangle，并调整C++代码来展示自定义的矩形窗口。此方法允许开发者利用QML的灵活性与C++的强大功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

如果将main.qml中的Window替换为Rectangle,再将main.cpp修改成下面的样子；


 #include <QGuiApplication>

//#include <QQmlApplicationEngine>
#include <QQuickView>
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QQuickView viewer;
    viewer.setResizeMode(QQuickView::SizeRootObjectToView);
    viewer.setSource(QUrl("qrc:///main.qml"));
    viewer.show();
    return app.exec();
    //QGuiApplication app(argc, argv);
    //QQmlApplicationEngine engine;
    //engine.load(QUrl(QStringLiteral("qrc:///main.qml")));
    //return app.exec();
}





这样，在main.xml文件中就可以这样写；


import
QtQuick 2.2


//import QtQuick.Window 2.1


Rectangle{


    width:320;


    height: 480;


    color:"red";


    MouseArea {


        anchors.fill: parent


        onClicked: {


            Qt.quit();


        }


    }


    Text {


        text: qsTr("Hello World")


        anchors.centerIn: parent


    }


}







                

        

    

    
  



    



                



	

		

			

				
					
Qt for Android：将20年的Qt积累重新运用，QML的效率媲美HTML

				
			

			

				

					HackLogic的博客
				

				

					09-15
					
					648
					
				

			

		

		

			
				
它的重用性使得开发者能够更快地构建Android应用程序，并且能够利用Qt框架积累20年的RTL，从而提供稳定和可靠的运行时库。Qt是一个跨平台的应用程序开发框架，它提供了丰富的工具和库，用于开发高性能、可扩展和用户友好的应用程序。在Qt for Android中，重要的一点是它可以重用Qt框架积累20年的RTL（运行时库），同时，Qt通过其QML技术实现了与HTML相媲美的高效率。开发者可以使用他们熟悉的Qt工具和库来构建Android应用程序，同时利用QML的灵活性和高效率来创建吸引人的用户界面。

			
		

	



                

            
              



	

		

			

				
					
QtQuick QML教程(1): Qt Quick与qml介绍

					
热门推荐

				
			

			

				

					琅嬛福地
				

				

					04-27
					
					1万+
					
				

			

		

		

			
				
1 什么是Qt Qucik?   

    Qt Quick是QtSDK4.7中引入的一种新的界面开发框架，使用QtQuick,你可以快速、 轻松地创建供移动和嵌入式设备使用的动态触摸式界面和轻最级应用程序，这也是它被命名 为Quick的原因.

   Qt Quick包括描述性语言QML、语言运行时、 大量的用户界面元素、Qt Creator对QML的完美支持、Qt ...

			
		

	



              


  
              

                


	

		

			

				
					
qt for android 音乐播放器QML界面

				
			

			

				

					10-21
				

			

		

		

			
				
qml编写的播放器界面，列表功能，没有实现播放音乐功能，只是一个UI列表界面，读取音乐列表格式显示。

			
		

	





	

		

			

				
					
Qt for android QML无法运行问题处理

				
			

			

				

					青石玄霄
				

				

					07-12
					
					2374
					
				

			

		

		

			
				
Qt 5.7.0发布有一段时间了，笔者更新后，发现新建工程，然后创建AndroidManifest.xml，在手机上运行，出现提示：您的应用程序遇到一个致命错误导致它无法继续。
笔者开发环境是：
Windows7
Qt 5.7.0
android sdk更新到API 24
ndk版本为r8d
ANT 1.9.6


Qt creator提示的错误如下图：


百度谷歌各种无

			
		

	



		

			
		



	

		

			

				
					
QML中的Item

				
			

			

				

					qq_44729609的博客
				

				

					07-07
					
					969
					
				

			

		

		

			
				
在QML的世界中，Item是所有可视化组件的基类，它定义了所有可视化元素共有的基本属性和功能。虽然Item本身不会渲染任何可视化内容（即不会显示任何图形），但它提供了组织和管理其他可视化元素所需的基础架构。Item在QML中的角色类似于HTML中的<div>标签，主要作为容器使用，可以包含其他QML元素，如按钮、文本、图像等。所有其他可视化元素如Rectangle、Text、Image等都直接或间接继承自Item，这意味着它们都拥有Item定义的所有属性和功能。

			
		

	





	

		

			

				
					
Qt for Android QML实现缩放、拖拽、长按效果简单示例

				
			

			

				

					简单主义
				

				

					05-09
					
					2456
					
				

			

		

		

			
				
最近做项目需要用到在QML中实现长按事件 
网络上几乎搜不到可以解决的办法 
或者有方法但不实用 
最后终于在http://bbs.youkuaiyun.com/topics/390120760 这篇帖子中找到了解决办法，在此感谢。 
记录一下方法，以便之后使用。ApplicationWindow {
    visible: true
    width: 640
    height: 480
    ti

			
		

	





	

		

			

				
					
QT5.2 Android App中使用QML文件

				
			

			

				

					WALNUT的博客
				

				

					02-08
					
					2325
					
				

			

		

		

			
				
在QT Android app中使用QML文件，需要将QML文件包含到qrc资源文件中，否则发布时需要将qml文件一同发布。


引用qrc中的资源方法如下：
#include 
#include 
#include 
#include 

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);

			
		

	





	

		

			

				
					
qt for android mysql数据库_Qt For Android 数据库操作

				
			

			

				

					weixin_42561143的博客
				

				

					01-26
					
					1321
					
				

			

		

		

			
				
Qt For Android 数据库操作作者：qyvlikQt 中的数据库操作，由于内嵌了一个 sqlite 数据库驱动，在普通应用中可以较为轻松地应付一些需求。Qt Quick Local StorageQML 提供了一个 QtQuick.LocalStorage 模块，用以操作 sqlite 数据库。不支持异步。由于Web SQL Database规范已经被废弃，原因说的很清楚，当前的 SQL...

			
		

	





	

		

			

				
					
qt android 地图 交互

				
			

			

				

					weixin_45247650的博客
				

				

					05-27
					
					606
					
				

			

		

		

			
				
3.与web的js交互：这个困扰了2天，开始搜了一下，说是可以用websocket，网上找的例子桌面版的可以实现，结果到了android就不行，排查了一天，开始以为js文件没有引用成功，结果发现webview不支持websocket问题，又学习怎么解决webview不支持websocket问题，结果已失败告终。此路不通，那就换条路，qml几乎没学过，qt可以与qml进行交互，那是不是可以先将数据发给qml，qml在执行，web再响应，百度了一下，qml文件，安卓目录为assets下。

			
		

	





	

		

			

				
					
Qt QML高仿微信

				
			

			

				

					01-21
				

			

		

		

			
				
在QML中，我们可以使用ListView或者GridView来展示聊天记录，每个条目是一个Item，包含发送者的头像、昵称、消息内容等信息。消息内容可能包含文本、图片、语音等多种类型，这就需要用到Repeater和Loader来动态加载...

			
		

	





	

		

			

				
					
Qt for android 截屏、Qml保存图片到本地

				
			

			

				

					香肩鱼豆腐的博客
				

				

					06-05
					
					3157
					
				

			

		

		

			
				
额、、当你打开这里的时候、估计已经尝试过截图并且失败一次了，别急。
是的，以前在桌面使用grabWindow（）截屏刷刷的，很好使的。但是在android下使用还要处理下。
所以Qt在android截屏有至少有如下两种了。
1.grabWindow（）处理后使用，也就是给它个window句柄继续使用。当然今天我们这里不讲它。我们讲下一种方法。
2.qml下截图。
其实保存图片qml也给了

			
		

	





	

		

			

				
					
Qt for 安卓编译时提示qmlimportscanner: No such file or directory:

				
			

			

				

					weixin_43559429的博客
				

				

					03-10
					
					1010
					
				

			

		

		

			
				
Qt for 安卓编译时提示qmlimportscanner: No such file or directory:

			
		

	





	

		

			

				
					
求大佬解答！apk是qt for android生成的 ，用qml写的。现在是apk能够成功生成但是app上只有界面没有功能，我是qt 5.14.2版本

				
			

			

				

					a_kac123的博客
				

				

					04-13
					
					1764
					
				

			

		

		

			
				
编译输出会报这些警告：手机点击安装后应用程序输出会出现这些：下面这个是整个应用程序输出的日志：UID 10403;UID 10403;UID 10403;

			
		

	





	

		

			

				
					
qt android安装后闪退,qt for android 使用qml加载osg模型闪退

				
			

			

				

					weixin_36372610的博客
				

				

					05-27
					
					717
					
				

			

		

		

			
				
只要.qml文件加入到qrc文件中(Qt for Android推荐使用qrc)，在qml设置如source的路径时，非远程(http等)和非file:///开头的，都从qrc资源文件里面找。如果非从sdcard中加载，就用file:///开头。osg整合到QtQuick确实有点复杂，要了解Quick渲染的实现机制，官方文件也说了支持在Quick加混合使用OpenGL，但有一些要注意的地方，一些官...

			
		

	





	

		

			

				
					
QML Item

				
			

			

				

					qq_45303986的博客
				

				

					02-27
					
					708
					
				

			

		

		

			
				
Item中还有一个data默认属性，允许在项目中将可见和不可见的资源自由混合，由于data是默认 属性，所以可以省略data标签。Item拥有一个z属性，可以设置堆叠顺序，默认的堆叠顺序为0，z数值大的优先绘制。item拥有children属性和resources。如果都没设置的话，根据项目顺序（由上到下）绘制。states（状态）

			
		

	





	

		

			

				
					
QML之Item

				
			

			

				

					DEV_linux的专栏
				

				

					11-29
					
					735
					
				

			

		

		

			
				
导入声明：import   QtQuick 2.2
继承：QtObject
属性：


activeFocus : bool   只读，只读属性就不要尝试赋值了，否则会出错的，表明当前元素是否有活动焦点，与键盘事件有关，通过 focus 获取属性值。


activeFocusOnTab : bool    默认 false ，与 Tab 键有关，设置当前元素是否在Tab 键焦点范

			
		

	





	

		

			

				
					
Qml组件之Item

				
			

			

				

					sc_o_r_pio的博客
				

				

					11-04
					
					276
					
				

			

		

		

			
				
KeyNavigation：获取焦点时，按上下左右，焦点移动到其他的元素上。所有可视化元素的基类，其他所有可视化元素都继承自Item。定义了所有可视化元素共有的属性，其子类都可以使用这些属性。anchors和margins：确定位置和宽高。Keys：获取焦点时，处理键盘按下哪个键。width、height：确定宽高。本身不会有任何绘制操作。focus：获取焦点。

			
		

	





	

		

			

				
					
qt on android qml,Qt on Android: Qt Quick 之 Hello World 图文详解

				
			

			

				

					weixin_31241561的博客
				

				

					05-28
					
					361
					
				

			

		

		

			
				
在上一篇文章，《Qt on Android：QML 语言基础》中，我们介绍了 QML 语言的语法，在最后我们遗留了一些问题没有展开，这篇呢，我们就正式开始撰写 Qt Quick 程序，而那些问题，随着本系列文章的展开也会一一被干掉。在开始介绍 Qt Quick 应用的基本元素之前，我们先来创建一个 HelloQtQuickApp 项目，就是经典的 Hello World 了。笔者的教程最终会面向 ...

			
		

	





	

		

			

				
					
QML Item Element

				
			

			

				

					sbisyju的专栏
				

				

					06-29
					
					2144
					
				

			

		

		

			
				
QML Item Element
The Item is the most basic of all visual items in QML. More...
在QML中，Item是所有可视化项的基础。
Inherited by BorderImage, Column, Flickable, Flipable, Flow, FocusPanel, FocusScope, GestureAre

			
		

	





	

		

			

				
					
Qt for android 边缘滑动

					
最新发布

				
			

			

				

					07-11
				

			

		

		

			
				
<think>我们正在讨论的是在Android平台上使用Qt实现边缘滑动功能。根据用户提供的引用，特别是引用[1]和引用[3]，我们可以得到一些启示：
 引用[1]描述了Android原生的边缘滑动处理逻辑，主要是通过监控触摸事件（ACTION_MOVE）来限制滑动的方向，确保不会滑出屏幕。
 引用[3]则展示了一个在Qt中实现自定义滑动开关的例子，说明我们可以通过继承Qt的控件并重写事件处理函数来实现自定义的滑动效果。

 因此，我们可以考虑在Qt中通过重写事件处理函数（如mousePressEvent, mouseMoveEvent, mouseReleaseEvent）来模拟边缘滑动的行为。

 具体思路：
 1. 我们需要一个自定义的QWidget或QQuickItem（取决于使用Qt Widgets还是Qt Quick）来捕获触摸事件。
 2. 在事件处理函数中，根据触摸的位置（比如在屏幕边缘一定范围内）和移动方向，判断是否触发边缘滑动。
 3. 根据滑动的距离和速度，执行相应的操作（如显示一个菜单，或者关闭当前窗口等）。

 步骤：
 1. 创建一个自定义的窗口或控件，覆盖事件处理函数。
 2. 在mousePressEvent中，记录按下的位置，并判断是否在边缘区域。
 3. 在mouseMoveEvent中，计算滑动的距离和方向，如果满足条件（例如从边缘开始滑动一定距离），则触发滑动动作。
 4. 在mouseReleaseEvent中，根据滑动的最终状态（例如是否滑动超过阈值）来决定是否完成操作。

 注意：在Android上，我们可能还需要考虑手势的流畅性和与原生行为的协调。

 下面是一个使用Qt Widgets实现的简单示例代码框架：

```cpp
#include <QWidget>
#include <QMouseEvent>

class EdgeSlideWidget : public QWidget
{
    Q_OBJECT
public:
    explicit EdgeSlideWidget(QWidget *parent = nullptr);

protected:
    void mousePressEvent(QMouseEvent *event) override;
    void mouseMoveEvent(QMouseEvent *event) override;
    void mouseReleaseEvent(QMouseEvent *event) override;

private:
    bool m_bEdgePressed; // 记录是否在边缘按下
    QPoint m_startPoint; // 记录按下的起始点
    int m_edgeMargin;    // 边缘的阈值（距离屏幕边缘多少像素算边缘）
};

EdgeSlideWidget::EdgeSlideWidget(QWidget *parent) : QWidget(parent),
    m_bEdgePressed(false),
    m_edgeMargin(20) // 设置边缘阈值为20像素
{
}

void EdgeSlideWidget::mousePressEvent(QMouseEvent *event)
{
    if (event->button() == Qt::LeftButton) {
        // 判断是否在左边缘
        if (event->pos().x() <= m_edgeMargin) {
            m_bEdgePressed = true;
            m_startPoint = event->pos();
        }
    }
    QWidget::mousePressEvent(event);
}

void EdgeSlideWidget::mouseMoveEvent(QMouseEvent *event)
{
    if (m_bEdgePressed) {
        // 计算移动的距离（水平方向）
        int dx = event->pos().x() - m_startPoint.x();
        // 如果向右滑动（dx>0），则执行滑动操作，例如移动窗口或者显示滑动效果
        // 这里我们可以移动窗口，模拟滑动效果
        if (dx > 0) {
            // 例如，我们可以将窗口向右移动，实现滑动出现的效果
            this->move(this->x() + dx, this->y());
            // 注意：这里只是简单移动整个窗口，实际可能需要更复杂的逻辑
        }
    }
    QWidget::mouseMoveEvent(event);
}

void EdgeSlideWidget::mouseReleaseEvent(QMouseEvent *event)
{
    if (m_bEdgePressed) {
        m_bEdgePressed = false;
        // 判断是否滑动超过一定距离，比如窗口宽度的1/3
        if (this->x() > this->width()/3) {
            // 触发关闭窗口或其他操作
            this->close();
        } else {
            // 否则回到原位
            this->move(0, this->y());
        }
    }
    QWidget::mouseReleaseEvent(event);
}
```

 上述代码是一个简单的窗口滑动关闭的示例，类似于引用[1]中描述的向右滑动关闭Activity。但是，这只是一个基础框架，实际应用中可能需要更精细的控制，比如：
 - 考虑滑动的速度，快速滑动时即使距离不够也关闭。
 - 在滑动过程中，背景的渐变效果等。

 对于Qt Quick，我们可以通过一个MouseArea来覆盖整个窗口，然后处理触摸事件，原理类似。

 另外，引用[4]提到了Qt样式表（QSS），虽然与滑动逻辑无关，但我们可以用样式表来美化滑动过程中显示的界面。

 注意事项：
 1. 在Android上，由于屏幕尺寸多样，边缘阈值可能需要根据屏幕密度调整。
 2. 多指操作和手势冲突需要妥善处理。

 根据以上思路，我们可以实现一个基本的边缘滑动功能。用户可以根据实际需求调整滑动行为。

 相关问题：
 1. 如何优化边缘滑动的流畅度？
 2. 在Qt Quick中如何实现边缘滑动？
 3. 如何处理边缘滑动与内部控件滑动的冲突？</think>### Qt Android 边缘滑动功能实现方法

在 Qt 中实现 Android 风格的边缘滑动功能（如右滑关闭窗口），可通过以下两种方式实现：

#### 方法一：基于事件过滤器（推荐）
```cpp
// 在 QWidget 派生类中实现
#include <QObject>
#include <QEvent>
#include <QMouseEvent>

class EdgeSlideWidget : public QWidget {
protected:
    bool eventFilter(QObject* obj, QEvent* event) override {
        if (event->type() == QEvent::MouseButtonPress) {
            QMouseEvent* me = static_cast<QMouseEvent*>(event);
            if (me->pos().x() <= 20) { // 检测左边缘触摸
                m_startPos = me->pos();
                return true;
            }
        }
        else if (event->type() == QEvent::MouseMove) {
            QMouseEvent* me = static_cast<QMouseEvent*>(event);
            if (!m_startPos.isNull()) {
                int deltaX = me->pos().x() - m_startPos.x();
                if (deltaX > 0) { // 只允许向右滑动
                    this->move(this->x() + deltaX, this->y());
                    m_startPos = me->pos();
                }
            }
        }
        else if (event->type() == QEvent::MouseButtonRelease) {
            if (!m_startPos.isNull()) {
                if (this->x() > width()/3) { // 滑动超过1/3窗口宽度则关闭
                    this->close();
                } else { // 否则复位
                    this->move(0, this->y());
                }
                m_startPos = QPoint();
            }
        }
        return QWidget::eventFilter(obj, event);
    }

private:
    QPoint m_startPos;
};
```

#### 方法二：基于手势识别（Qt Quick）
```qml
// QML 实现（需 Qt 5.10+）
import QtQuick 2.0
import QtQuick.Window 2.0

Window {
    id: window
    width: 360
    height: 640

    SwipeArea {
        anchors.fill: parent
        edgeThreshold: 15 // 边缘检测阈值(像素)
        onSwipeRight: if (window.x > window.width/3) window.close()
    }
}

// SwipeArea.qml
import QtQuick 2.0

Item {
    property real edgeThreshold: 10
    signal swipeRight()

    MouseArea {
        anchors.fill: parent
        onPressed: if (mouseX <= edgeThreshold) drag.target = parent
        onPositionChanged: {
            if (drag.target) {
                parent.x = Math.max(0, mouseX - edgeThreshold)
            }
        }
        onReleased: {
            if (parent.x > 0) {
                swipeRight()
                parent.x = 0
            }
        }
    }
}
```

#### 关键实现要点：
1. **边缘检测**：设置边缘触发区域（通常 10-20 像素）
2. **滑动方向限制**：只允许从边缘向内的单方向滑动
3. **位置跟踪**：实时更新窗口位置实现滑动效果
4. **释放处理**：
   - 滑动距离 > 窗口宽度 1/3：触发关闭操作
   - 否则：平滑复位到初始位置
5. **性能优化**：使用硬件加速渲染提升流畅度

#### 注意事项：
1. 在 `AndroidManifest.xml` 中启用全屏模式：
```xml
<meta-data android:name="android.app.window_fullscreen" android:value="true"/>
```
2. 处理系统返回键冲突：
```cpp
void keyPressEvent(QKeyEvent* event) {
    if (event->key() == Qt::Key_Back) {
        startSlideAnimation(); // 触发滑动动画
        event->accept();
    }
}
```
3. 使用 `QPropertyAnimation` 实现平滑复位动画

>[^1]: 边缘滑动需限制方向防止误操作
>[^2]: QML 手势识别需注意坐标转换
>[^3]: 自定义控件需正确处理事件传播
>[^4]: Android 全屏模式影响边缘检测精度

---

### 相关问题
1. 如何实现 Qt Android 中的滑动返回动画效果？
2. 如何处理多指触控与边缘滑动的冲突？
3. 如何在不同屏幕密度的 Android 设备上保持边缘触发区域一致性？
4. 在 QML 中如何实现类似 iOS 的左边缘右滑返回功能？
5. 如何优化边缘滑动性能以减少功耗？

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值