QML ScrollView使用Rectangle没有下拉条解决方法

最新推荐文章于 2023-11-08 20:21:38 发布
最新推荐文章于 2023-11-08 20:21:38 发布
阅读量2k 收藏 9
点赞数 8
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27233141/article/details/74999824
版权

在使用QML的ScrollView时，若像官方一样 使用Label,listView等控件的时候，是可以正常出现滚动条的，但是使用Rectangle的时候，是不会正常出现滚动条的

  ScrollView{
            id: scView
            height: stView.width
            width: stView.width
            clip: true
 

 

            IndexPage{
 

                   id: c
 

                   height: 900
 

                  width: rightV.width	
 

  		}
 

         }
 效果如下 
 

 

可见右边是没有滚动条的，这时需要给ScrollView一个layout
 

 

 ScrollView{
 

            id: scView
 

            height: stView.width
 

            width: stView.width
 

            clip: true
 

 

            ColumnLayout{
 

                 height: 1000
 

                 width: scView.width
 

             IndexPage{
 

                    id: c
 

                    height: 900
 

                    width: rightV.width
 

 

            }
 

         }
 

       }
 

这样 滚动条就出现了

 
 

 

 


 

                

        

        

    




    

      

        

            

              
                
                  阿卡林的存在感
                
              
            

            

                关注
              
            

        

        

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

      

      










                



	

		

			

				
					
qml实现滚动条

				
			

			

				

					cqltbe131421的博客
				

				

					05-11
					
					3875
					
				

			

		

		

			
				
Scrolbar.qml
import QtQuick 2.7
import QtQuick.Controls 2.0

// 滚动条
Rectangle {
    id: scrollbar;
    opacity: 0
    // 绑定到ListView组件
    property ListView target : ListView{}

    width: 15; height

			
		

	



                

              
                



	

		

			

				
					
Qt Qml 可拖动设置Rectangle大小Demo

				
			

			

				

					10-12
				

			

		

		

			
				
在本文中，我们将深入探讨如何在Qt Qml中创建一个可拖动调整大小的Rectangle示例。Qt是一个跨平台的应用程序开发框架，广泛用于桌面、移动和嵌入式设备。Qml是Qt的一个组成部分，它提供了一种声明式语言来构建用户...

			
		

	



                


  
              

                


	

		

			

				
					
qml添加滚动条

					
最新发布

				
			

			

				

					bangtanhui的博客
				

				

					11-08
					
					342
					
				

			

		

		

			
				
【代码】qml添加滚动条。

			
		

	





	

		

			

				
					
QML中ScrollView的滚动条

				
			

			

				

					weixin_42073232的博客
				

				

					09-23
					
					4303
					
				

			

		

		

			
				
QML中的ScrollView继承自Pane,而Pane中由于其Content Sizing属性,当只有一个元素的时候;就会自动再调节( resize)这个单独元素的大小,使这个单独的元素适应ScrollView的大小;从而导致ScrollView的滚动条因为没有边界超出而没有必要滑动;或者直接是导致滚动条不出现;类似于QScrollArea的WidgetResizeable属性;但是ScrollView的这个属性没法关闭;
而当Pane中有不少于1个元素的时候,这个Content Sizing属性就失效;

			
		

	



		

			
		



	

		

			

				
					
qt qml如何设置可滚动区域

				
			

			

				

					weixin_42009376的博客
				

				

					08-24
					
					1178
					
				

			

		

		

			
				
在上面的示例中，我们创建了一个`ScrollView`组件，并设置其宽度和高度为200。然后，我们在`ScrollView`中添加了一个`Rectangle`组件，其宽度和高度都为400，并设置其颜色为"lightblue"。由于`Rectangle`的宽度和高度大于`ScrollView`的宽度和高度，所以`ScrollView`会自动显示滚动条，以便你可以滚动查看`Rectangle`的内容。你可以根据需要调整`ScrollView`和其内部组件的宽度和高度，以适应你的应用程序的要求。

			
		

	





	

		

			

				
					
Android ScrollView只能添加一个子控件问题解决方法

				
			

			

				

					01-05
				

			

		

		

			
				
本文实例讲述了Android ScrollView只能添加一个子控件问题解决方法。分享给大家供大家参考，具体如下： 有下面一段代码  <?xml version=1.0 encoding=utf-8?>   android:layout_width=fill_parent  android:...

			
		

	





	

		

			

				
					
Qml上拉下拉刷新QmlUpDownRefresh.7z

				
			

			

				

					07-20
				

			

		

		

			
				
通过解压文件，你将能够看到相关的QML源代码和示例，学习如何使用这个组件，以及它是如何处理上拉和下拉事件的。  总的来说，QmlUpDownRefresh.7z的压缩包旨在为QML开发者提供一个便捷的工具，简化了上拉下拉刷新...

			
		

	





	

		

			

				
					
QmlTextEdit带滚动条QmlTextEditScrollBar.7z

				
			

			

				

					07-20
				

			

		

		

			
				
6. **样式定制**: 为了使滚动条符合应用的整体风格，开发者可能会自定义滚动条的外观，包括滑块的形状、颜色、大小等，这通常通过修改`Style`和使用`Rectangle`、`Image`等组件来完成。  7. **交互逻辑**: 自定义...

			
		

	





	

		

			

				
					
QML  TextEdit 实现滑动查看(类似滚动条)

				
			

			

				

					01-03
				

			

		

		

			
				
Window {  visible: true ... Rectangle{  id:rectangle  anchors.fill: parent  TextEdit {  id: textEdit  text: AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

			
		

	





	

		

			

				
					
Qml  ScrollView 和 TextArea 有 灰色区域

				
			

			

				

					miracle
				

				

					12-19
					
					1283
					
				

			

		

		

			
				
写在最前面：
一、本文解决的问题是：Qml中，使用ScrollView 和 TextArea 进行设计输入框时，初始化的时候默认会有一个灰色框框。
二、相关代码如下：
    ScrollView{
        TextArea{
        //这样写铁定会出现灰色框框，不知道算不算的上是Qt的一个Bug。
        }
    }

三、问题运行如图：

图片中灰色的区域实际上就...

			
		

	





	

		

			

				
					
垂直滚动条代码

				
			

			

				

					weixin_33991418的博客
				

				

					10-09
					
					85
					
				

			

		

		

			
				
代码 using System;using System.Collections.Generic;using System.ComponentModel;using System.Drawing;using System.Data;using System.Text;using System.Windows.Forms;using System.Windows.Forms.Design;using...

			
		

	





	

		

			

				
					
WPF ScrollViewer 仿苹果 细长 滚动条

				
			

			

				

					sinat_30224769的博客
				

				

					04-01
					
					294
					
				

			

		

		

			
				
有时候需要比较细长的滚动条， 也不用管实不实用 好看就是了

github：https://github.com/442040292/ScrollViewStyleDemo









直接上 Style


<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.co...

			
		

	





	

		

			

				
					
QML ScrollView类

				
			

			

				

					weixin_42948436的博客
				

				

					05-29
					
					3368
					
				

			

		

		

			
				
导入
import QtQuick.Controls 2.1




继承
Pane



Properties

contentChildren  : list< Item>
contentData  : list< Object>


细节描述

ScrollView {
    width: 200
    height: 200

    Label {
        text: "ABC"
        font.pixelSize: 224
    }
}

...

			
		

	





	

		

			

				
					
QML控件类型：ScrollBar、ScrollIndicator

				
			

			

				

					友善啊，朋友的博客
				

				

					01-16
					
					6279
					
				

			

		

		

			
				
ScrollBar

一、描述

ScrollBar 是滚动条控件，可用于滚动到特定位置。滚动条可以附加到任何 Flickable，例如 ListView 和 GridView。


Flickable {
    // ...
    ScrollBar.vertical: ScrollBar { }
}

1.1、将 ScrollBar 附加到 Flickable

当 ScrollBar 垂直或水平附加到 Flickable 时，它的几何图形和以下属性会根据需要自动设置和更新：

orientatio

			
		

	





	

		

			

				
					
QML学习:Rectangle,Text,TextEdit,Flickable,Flipable元素

					
热门推荐

				
			

			

				

					jdh99的专栏
				

				

					09-27
					
					1万+
					
				

			

		

		

			
				
QML学习:Rectangle,Text,TextEdit,Flickable,Flipable元素



本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明.



参考文档>





环境：

主机:WIN7

开发环境:Qt


Rectangle元素:
代码:

import QtQuick 2.0

			
		

	





	

		

			

				
					
qml scrollview

				
			

			

				

					10-19
				

			

		

		

			
				
QML中的ScrollView是一个可滚动的视图容器，可以用来显示超出视图大小的内容。它可以包含任何QML元素，并且可以在水平和垂直方向上滚动。  使用ScrollView时，需要将要滚动的内容放在一个Item元素中，并将该Item元素...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值