qml之Loader使用

最新推荐文章于 2024-01-13 16:02:55 发布
最新推荐文章于 2024-01-13 16:02:55 发布
阅读量5.4k 收藏 17
点赞数 6
分类专栏： QT 文章标签： qml Loader
http://blog.csdn.net/xiangzi_011/article/details/25488137

qml Loader是用来动态加载qml components的，这样就可以在你需要相应的component时才创建它。好处我就不说了。

1.加载方式

Loader可以通过两种方式来加载components，一种是通过source属性来加载一个qml文件（例子1），另一种是通过sourceComponent属性来加载（例子2）。这两种方式都是在鼠标click root后才加载的。

例子1： 

import QtQuick 2.2
 
 
Rectangle {
 
 
    id:root
 
 
    width: 360
 
 
    height: 360
 
 
 
 
    Loader
 
 
    {
 
 
        id:loader
 
 
    }
 
 
 
 
    MouseArea {
 
 
        anchors.fill: parent
 
 
        onClicked: {
 
 
            loader.source = "Page.qml";
 
 
        }
 
 
    }
 
 
}
 
 
 
 
 
 
 

 


  例子2： 

 

 

 

 
 
import QtQuick 2.2
 
 
 

 

 
 
Rectangle {
 
 
    id:root
 
 
    width: 360
 
 
    height: 360
 
 
 
 
    Loader
 
 
    {
 
 
        id:loader
 
 
    }
 
 
 
 
    MouseArea {
 
 
        anchors.fill: parent
 
 
        onClicked: {
 
 
            loader.sourceComponent = component1
 
 
        }
 
 
    }
 
 
 
 
    Component
 
 
    {
 
 
        id:component1
 
 
 
 
        Rectangle {
 
 
            width: 100
 
 
            height: 62
 
 
 
 
            color: "red"
 
 
        }
 
 
    }
 
 
}
 
 
 

 


  2. 位置和大小 

 

 
 
 

 


  通过Loader加载的Component的大小和位置，可以通过Loader来进行设置，如果不设置，则Component会使用默认的大小和位置。 

 

 
 
 

 


  直接看代码： 

 

 
 
 

 

 
 
Rectangle {
 
 
    id:root
 
 
    width: 200
 
 
    height: 200
 
 
 
 
    Loader {
 
 
        anchors.fill: parent //rect会充满root
 
 
        sourceComponent: rect
 
 
    }
 
 
 
 
    Component {
 
 
        id: rect
 
 
        Rectangle {
 
 
            width: 50
 
 
            height: 50
 
 
            color: "red"
 
 
        }
 
 
    }
 
 
}
 
 
 

 

 

 

 
 
Rectangle {
 
 
    id:root
 
 
    width: 200
 
 
    height: 200
 
 
 
 
    Loader {
 
 
        anchors.centerIn: parent  //rect会处于root的中心
 
 
        sourceComponent: rect
 
 
    }
 
 
 
 
    Component {
 
 
        id: rect
 
 
        Rectangle {
 
 
            width: 50
 
 
            height: 50
 
 
            color: "red"
 
 
        }
 
 
    }
 
 
}
 
 
 

 


  3. 接收Loader加载的Component的信号 

 

 
 
 

 


  Loader加载的Component发送的任何信号都可以通过Connections方式来处理。target代表发送信号者，这里通过Loader的item属性来获取加载的Component对象，onMessage是对应message信号的处理方法。其实就是一个信号绑定过程。 
 
 
 
 

 

 
 
 

 

 
 
Rectangle {
 
 
 
 
    id:root
 
 
    width: 200
 
 
    height: 200
 
 
 
 
    Loader {
 
 
       id: myLoader
 
 
       sourceComponent: rect
 
 
    }
 
 
 
 
    Connections {
 
 
        target: myLoader.item   //代表的是rect，但是这里不能直接使用rect,通过Loader加载的对象只能通过item属性进行访问
 
 
        onMessage: console.log(msg)
 
 
    }
 
 
 
 
    Component {
 
 
        id: rect
 
 
        Rectangle {
 
 
 
 
            signal message(string msg)  //声明信号
 
 
 
 
            width: 50
 
 
            height: 50
 
 
            color: "red"
 
 
 
 
            MouseArea
 
 
            {
 
 
                anchors.fill: parent
 
 
                onClicked:
 
 
                {
 
 
                    message("rect clicked!");//发送message信号
 
 
                }
 
 
            }
 
 
        }
 
 
    }
 
 
}
 
 
 

 


  4. Component的销毁 

 

 

 


  当source或是sourceComponent属性发生变化时，之前加载的项都会被销毁，将source设置成空字符串或是将sourceComponent属性设置成null可以销毁当前已经加载的项，释放Loder所占用的资源。下面例子点击root时会进行判断，如果loader.sourceComponent为null，就设置成component1，component创建，log里输出 
 " 
 component1onCompleted"，如果不为空，就设置为null，就会销毁component，log里输出 
 " 
 component1 onDestruction"。可见component1对象已经被销毁。 

 

 

 

 
 
Rectangle {
 
 
    id:root
 
 
    width: 360
 
 
    height: 360
 
 
 
 
    Loader
 
 
    {
 
 
        id:loader
 
 
    }
 
 
 
 
    MouseArea {
 
 
        anchors.fill: parent
 
 
        onClicked: {
 
 
            loader.sourceComponent = (loader.sourceComponent==null)? component1:null
 
 
        }
 
 
    }
 
 
 
 
    Component
 
 
    {
 
 
        id:component1
 
 
 
 
        Rectangle {
 
 
            width: 100
 
 
            height: 62
 
 
 
 
            color: "red"
 
 
 
 
            Component.onCompleted:
 
 
            {
 
 
                console.log("component1 onCompleted");
 
 
            }
 
 
            Component.onDestruction:
 
 
            {
 
 
                console.log("component1 onDestruction");
 
 
            }
 
 
        }
 
 
 
 
    }
 
 
}
 
 
 

 


  5. 从QtQuick 2.0以后，Loader可以加载任何qml中的类型，包括QtObject，Timer等非可视化的元素。下面例子中就是实现在一个Text中显示当前的时间。 

 

 
 
 

 

 
 
 
 
Rectangle {
 
 
 
 
    id:root
 
 
    width: 200
 
 
    height: 200
 
 
 
 
    Text {
 
 
        id: text
 
 
        anchors.fill: parent
 
 
        color: "red"
 
 
        text: myLoader.item.displayTime  //通过myLoader.item访问Timer的displayTime属性
 
 
    }
 
 
 
 
    Loader {
 
 
       id: myLoader
 
 
       sourceComponent:
 
 
           Component {
 
 
 
 
           id:noVisualComponent
 
 
 
 
           Timer {
 
 
               property string displayTime:Date().toString()
 
 
               interval: 500; running: true; repeat: true
 
 
               onTriggered: displayTime = Date().toString()
 
 
           }
 
 
       }
 
 
    }
 
 
}
 
 
 

 


  6.  
 焦点和键盘事件 

 

 
 Loader是一个焦点区域，如果想让Loader的子item获得活动的焦点，必须将Loader的focus属性设置为真。同时如果Loader的子item将accepted属性设置为true后，Loader所在的Item将捕捉不到相应的事件。 

 

 
  

 

 
 下面的例子就是root item鼠标按下前可以捕获按键事件，当鼠标按下后，myComponent被创建，注意Loader和Loader的子item的focus属性都要设置为true。将myComponent中event.accepted = true;改为event.accepted = false; 那么键盘事件会继续传播到root item。 

 

 
  

 

 
  
 
import QtQuick 2.0
 
 
 
 
Rectangle {
 
 
    width: 200; height: 200
 
 
 
 
    Loader {
 
 
        id: loader
 
 
        focus: true
 
 
    }
 
 
 
 
    MouseArea {
 
 
        anchors.fill: parent
 
 
        onClicked: loader.sourceComponent = myComponent;
 
 
    }
 
 
 
 
    Keys.onPressed: {
 
 
        console.log("root Item captured:", event.text);
 
 
    }
 
 
 
 
    Component
 
 
    {
 
 
        id:myComponent
 
 
        Item {
 
 
            Item {
 
 
                focus: true
 
 
                Keys.onPressed: {
 
 
                    console.log("Loaded item captured:", event.text);
 
 
                    event.accepted = true;
 
 
                }
 
 
            }
 
 
        }
 
 
    }
 
 
}
 
 
 

 


  7. 在view delegate中使用Loader 

 

 
 
 

 


  我们可以在ListView的delegate中使用Loader动态的创建Component，来优化ListView的加载性能。这里需要注意： 
 delegateComponent上下文中的 context 属性的访问限制问题。直接上官网给的代码。 

 

 
 
  

 

 
  
 
<span class="type" style="color: rgb(128, 128, 128);"><a target=_blank target="_blank" href="http://blog.csdn.net/xiangzi_011/article/details/25488137" style="color: rgb(0, 115, 48); text-decoration: none;">Item</a></span> {
    <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">width</span>: <span class="number">400</span>
    <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">height</span>: <span class="number">400</span>

    <span class="type" style="color: rgb(128, 128, 128);"><a target=_blank target="_blank" href="http://blog.csdn.net/xiangzi_011/article/details/25488137" style="color: rgb(0, 115, 48); text-decoration: none;">Component</a></span> {
        <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">id</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">myComponent</span>
        <span class="type" style="color: rgb(128, 128, 128);"><a target=_blank target="_blank" href="http://blog.csdn.net/xiangzi_011/article/details/25488137" style="color: rgb(0, 115, 48); text-decoration: none;">Text</a></span> { <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">text</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">index</span> }    <span class="comment">//Text无法访问到delegateComponent中的index属性
</span>    }

    <span class="type" style="color: rgb(128, 128, 128);"><a target=_blank target="_blank" href="http://blog.csdn.net/xiangzi_011/article/details/25488137" style="color: rgb(0, 115, 48); text-decoration: none;">ListView</a></span> {
        <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">anchors</span>.fill: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">parent</span>
        <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">model</span>: <span class="number">5</span>
        <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">delegate</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">Component</span> {
            <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">id</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">delegateComponent</span>
            <span class="type" style="color: rgb(128, 128, 128);">Loader</span> {
                <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">sourceComponent</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">myComponent</span>
            }
        }
    }
}
 
 
 

 

 
 如果想解决这个问题，大概有三种方式。 

 

 
 
  

 

 
 1）可以将delegateComponent改为inline形式 

 

 
 
  

 

 
  
 
<span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">delegate</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">Component</span> {
            <span class="type" style="color: rgb(128, 128, 128);">Loader</span> {
                <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">sourceComponent</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">Component</span> {
                    <span class="type" style="color: rgb(128, 128, 128);"><a target=_blank target="_blank" href="http://blog.csdn.net/xiangzi_011/article/details/25488137" style="color: rgb(0, 115, 48); text-decoration: none;">Text</a></span> { <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">text</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">index</span> }    <span class="comment">//这里Text可以直接访问index属性了</span>
                }
            }
        }
2）将delegateComponent实现到一个单独的qml文件中 

 

 
 
  

 

 
  
 
 <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">delegate</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">Component</span> {
            <span class="type" style="color: rgb(128, 128, 128);">Loader</span> {
                <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">source</span>: <span class="string">"MyComponent.qml"</span> 
            }
        }
 
 
 

 

 
   myComponent.qml中的Text元素中可以直接访问index属性 

 

 
 
  

 

 
 3）给Loader增加自定义属性， 

 

 
 
  

 

 
  
 
<span class="type" style="color: rgb(128, 128, 128);"><a target=_blank target="_blank" href="http://blog.csdn.net/xiangzi_011/article/details/25488137" style="color: rgb(0, 115, 48); text-decoration: none;">Item</a></span> {
    <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">width</span>: <span class="number">400</span>
    <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">height</span>: <span class="number">400</span>

    <span class="type" style="color: rgb(128, 128, 128);"><a target=_blank target="_blank" href="http://blog.csdn.net/xiangzi_011/article/details/25488137" style="color: rgb(0, 115, 48); text-decoration: none;">Component</a></span> {
        <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">id</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">myComponent</span>
        <span class="type" style="color: rgb(128, 128, 128);"><a target=_blank target="_blank" href="http://blog.csdn.net/xiangzi_011/article/details/25488137" style="color: rgb(0, 115, 48); text-decoration: none;">Text</a></span> { <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">text</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">modelIndex</span> }    <span class="comment">//这里可以正常访问Loader自定义属性了</span>
    }

    <span class="type" style="color: rgb(128, 128, 128);"><a target=_blank target="_blank" href="http://blog.csdn.net/xiangzi_011/article/details/25488137" style="color: rgb(0, 115, 48); text-decoration: none;">ListView</a></span> {
        <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">anchors</span>.fill: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">parent</span>
        <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">model</span>: <span class="number">5</span>
        <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">delegate</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">Component</span> {
            <span class="type" style="color: rgb(128, 128, 128);">Loader</span> {
                property <span class="type" style="color: rgb(128, 128, 128);"><a target=_blank target="_blank" href="http://blog.csdn.net/xiangzi_011/article/details/25488137" style="color: rgb(0, 115, 48); text-decoration: none;">int</a></span> <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">modelIndex</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">index //自定义属性，绑定index</span>
                <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">sourceComponent</span>: <span class="name" style="max-width: 75%; color: rgb(26, 26, 26);">myComponent</span>
            }
        }
    }
}
 
 
 
  
 
 
 


                

        

        

    




    

      

        

            

              
                
                  yugudeveloper
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    6
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    17
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
QML中，Loader的使用

				
			

			

				

					尔雅慕客的博客
				

				

					05-29
					
					253
					
				

			

		

		

			
				
在QML中，Loader是一个非常强大的组件，它允许我们按需动态加载和显示QML组件。这对于优化应用性能、节省资源和提高应用的响应速度非常有用。特别是在处理复杂界面和大型应用时，Loader的使用能够显著提高开发效率和用户体验。Loader是一个可以按需加载外部资源或组件的QML元素。与静态定义和加载所有组件不同，Loader允许我们延迟加载组件，直到确实需要显示它们为止。这样可以减少启动时的资源消耗，同时提高应用的响应速度。Loader。

			
		

	



                

              
                



	

		

			

				
					
【QML】Loader组件接收内部Item发出的信号，运行相应的槽函数

				
			

			

				

					-凌凌漆-的博客
				

				

					11-24
					
					259
					
				

			

		

		

			
				
QML Loader组件无法直接以onSignal的方式设置信号处理函数。

			
		

	



                


  
              

                


	

		

			

				
					
QML ＜ 8 ＞ QML 动态加载 Loader + Component

				
			

			

				

					jiang173707的博客
				

				

					02-13
					
					1125
					
				

			

		

		

			
				
QML ＜ 8 ＞ QML 动态加载  Loader + Component
文章目录QML ＜ 8 ＞ QML 动态加载  Loader + Component二、示例1.引入库2.读入数据总结
Loader 作为一个占位符用于加载元素项，项的加载通过资源属性 （source property）或者资源组件（sourceCompontent）属性控制
二、示例
本文以实现tab切换页面功能，记录QML
1.引入库
代码如下（示例）：
import numpy as np
import pandas as 

			
		

	





	

		

			

				
					
QML组件的访问以及修改视图delegate的属性

				
			

			

				

					sksukai的博客
				

				

					02-26
					
					3234
					
				

			

		

		

			
				
1.访问通过QML文件定义的组件
2.访问通过Loader定义的组件
3.访问视图委托中的组件
以下代码视图企图访问ListView视图的委托中的组件，是无法成功的。
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.4

Window {
    visible: true
    width: 64...

			
		

	



		

			
		



	

		

			

				
					
在qml中，loader创建的组件，此时当loader的souceComponet变了其他组件，那么之前创建的组件还在吗？

				
			

			

				

					weixin_43972388的博客
				

				

					01-13
					
					439
					
				

			

		

		

			
				
在这个例子中，初始时 Loader 加载的是蓝色的矩形，带有文字 “Initial Component”。当鼠标点击时，Loader 的 sourceComponent 被切换为红色的矩形，带有文字 “New Component”。在切换时，之前加载的蓝色矩形会被销毁，而新加载的红色矩形会取而代之。在 QML 中，当 Loader 的 sourceComponent 属性变更为其他组件时，之前创建的组件会被销毁。这是因为 Loader 负责加载和卸载不同的组件。

			
		

	





	

		

			

				
					
QML Timer、Component及Loader

				
			

			

				

					baidu_41388533的博客
				

				

					05-30
					
					192
					
				

			

		

		

			
				
QML Timer



目录


QML Timer

封装成Componpent

自定义QML组件

Js 动态加载组件

Loader

示例1

示例2



参考视频：https://www.bilibili.com/video/BV1Ay4y1W7xd
	参考官方文档：https://doc.qt.io/qt-5/qml-qtqml-timer.html
	示例：

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.C.

			
		

	





	

		

			

				
					
QML Component和Loader详解

				
			

			

				

					希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
				

				

					03-02
					
					1609
					
				

			

		

		

			
				
Component是可重用的、封装的、具有良好定义的接口的QML类型。组件通常由组件文件(即.qml文件)定义。Component类型本质上允许在QML文档中内联定义QML组件，而不是作为一个单独的QML文件。这对于在QML文件中重用小组件或定义在逻辑上属于文件中其他QML组件的组件可能很有用。属性：progress：加载组件的进度，从 0.0（未加载）到 1.0（已完成）。status：组件加载的状态。Component.Null：没有可用的组件数据。

			
		

	





	

		

			

				
					
QML Loader 加载项目间通信

				
			

			

				

					12-20
				

			

		

		

			
				
在这个场景中，我们将深入探讨如何使用Loader来实现不同QML组件或项目的通信。  首先，Loader的基本用法是设置其`source`属性，这个属性指向要加载的QML文件路径。例如：  ```qml Loader {  id: myLoader  source: ...

			
		

	





	

		

			

				
					
QML-Loaders：在QML中加载动画实现

				
			

			

				

					02-05
				

			

		

		

			
				
1. **Loader的基本使用** Loader组件的核心属性有`source`和`item`。`source`属性指定要加载的QML类型或者URL，`item`属性则返回已加载的QML组件实例。例如：  ```qml Loader {  id: myLoader  source: "MyComponent...

			
		

	





	

		

			

				
					
通过使用此模块注册Loader组件，QML reLoader允许开发人员快速重新加载QML项目的一部分。-C/C++开发

				
			

			

				

					05-27
				

			

		

		

			
				
葡萄牙语（巴西）概述使用Qt的Loader组件时，QML reLoader允许开发人员通过查看已加载文件的层次结构来快速重新加载每个文档保存的用户界面。 此解决方案与其他解决方案之间的主要区别在于，我们不会重新加载整个...

			
		

	





	

		

			

				
					
qml ListView结合cpp的model使用

				
			

			

				

					03-30
				

			

		

		

			
				
在实际应用中，ListView还支持异步加载数据，通过`Loader`组件动态加载子组件，以及使用`Flickable`和`Draggable`提供触摸和手势支持。同时，通过设置`anchors.fill`可以使ListView占据父元素的全部空间，以实现...

			
		

	





	

		

			

				
					
QML 加载中，loading BusyIndicater

				
			

			

				

					04-30
				

			

		

		

			
				
QML-Loaders-master这个压缩包可能包含了各种加载动效的实例和模板，供开发者参考和使用。通过研究这些示例，你可以学习到更多关于如何自定义和优化BusyIndicator动效的方法，比如改变颜色、形状、速度等。  总之，...

			
		

	





	

		

			

				
					
QML：使用Model/View框架时根据不同的数据项使用不同的delegate

				
			

			

				

					imred的专栏
				

				

					12-16
					
					1723
					
				

			

		

		

			
				
Qt自带的QML使用Model/View框架的example中，展示数据使用的delegate（似乎）都是唯一的，不能根据不同的Model数据项使用不同的Item来展示。如果有这样一个需求：Model的数据项中有一个字段为itemType，展示数据时希望能够根据这个字段使用不同的Item来展示数据，能否实现呢？自然是可以的：我们可以将View的delegate字段设为一个Loader，然后让这个L...

			
		

	





	

		

			

				
					
Loader的资源不释放

				
			

			

				

					linking530的专栏
				

				

					05-19
					
					1230
					
				

			

		

		

			
				
http://www.flashj.cn/wp/loader-unloadandstop-mem-gc.html

类别: 
Flash\Ria — 鼠标炸弹 @ 2009.11.27 11:28已阅3,799次

标签: as3,
flash, 
loader, 内存


昨天遇到个内存泄露的情况。查到最后发现加载外部的一个.swf里面的倒影截的位图没清除导致的。
推测lo

			
		

	





	

		

			

				
					
QML编程 动态加载 Loader

				
			

			

				

					dreamliweiming的博客
				

				

					08-17
					
					451
					
				

			

		

		

			
				
loader 动态加载qml文档和组件的方式，大小及信息交互。

			
		

	





	

		

			

				
					
QML Loader（加载程序）

				
			

			

				

					qq_45303986的博客
				

				

					03-05
					
					859
					
				

			

		

		

			
				
【代码】QML Loader（加载程序）

			
		

	





	

		

			

				
					
QML笔记Loader的使用方法

				
			

			

				

					weixin_42956432的博客
				

				

					10-18
					
					1730
					
				

			

		

		

			
				
QML笔记Loader的使用方法Loader简介为什么要使用LoaderLoader的sourceComponent用法Loader的source用法
Loader简介
Loader is used to dynamically load QML components.
Loader can load a QML file (using the source property) or a Comp...

			
		

	





	

		

			

				
					
JAVA实践期末复习题.docx

					
最新发布

				
			

			

				

					07-10
				

			

		

		

			
				
JAVA实践期末复习题.docx

			
		

	





	

		

			

				
					
qml 使用 Loader 实现登录

				
			

			

				

					03-31
				

			

		

		

			
				
以下是一个简单的示例代码，使用 Loader 实现登录功能。  首先，在主界面中添加一个 Loader 组件，用于加载登录界面：  ``` import QtQuick 2.0  Rectangle {  width: 400  height: 400   Loader {  id: loginLoader...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值