【文章推荐】QML-隐藏式界面切换

Nginx隐藏式跳转（浏览器URL跳转后保持不变） - 运维笔记

Nginx的隐藏式跳转可以实现将请求跳转到另一个网站的页面，并且浏览器中URL保持不变。Nginx配置中需要使用rewrite规则。下面提供两个示例来说明这种跳转需求的配置：一、配置示例1将请求路径https://kevin.com/data/test跳转到https ...

输入框设置默认提示文字（<B>隐藏式</B>）</a>
					                <p class="post-item-summary">
					                      
html代码如下： 
<tr>    　　 <td>签   名：</td>    　　 <td><input type="text" nam ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Mon Aug 19 07:11:00 CST 2019</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>1083</span>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    
					                    
					            </footer>
					        </div>
					    </article>					
					
					    <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;">
					        <div class="post-item-body">
					            <div class="post-item-text">
					                <a class="post-item-title" href="/blog/dad2ad1.html" target="_blank">QT -- 关于ui<B>界面</B><B>隐藏</B>/<B>切换</B></a>
					                <p class="post-item-summary">
					                    需要实现功能： 触发信号a后，<B>界面</B>只显示<B>界面</B>A；触发信号b后，<B>界面</B><B>切换</B>至<B>界面</B>B。 
效果如下： <B>界面</B>A：  
<B>界面</B>B：  
实现方法如下： 主ui中分别布局两个<B>界面</B>A/B；  
注意：：不要使用Layout,因为layout没有hide()函数！！！两个<B>界面</B>都是用QWidget!!! 
自定义一个 ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Fri Jan 29 00:54:00 CST 2021</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>1056</span>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    
					                    
					            </footer>
					        </div>
					    </article>					
					
					    <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;">
					        <div class="post-item-body">
					            <div class="post-item-text">
					                <a class="post-item-title" href="/blog/cf02261.html" target="_blank"><B>QML</B> <B>界面</B><B>切换</B>的几种方法（带示例代码）</a>
					                <p class="post-item-summary">
					                    <B>QML</B> 开发客户端应用，避不可免要进行<B>界面</B><B>切换</B>，例如从登录<B>界面</B>跳转到主<B>界面</B>。网上看了下多篇博客，都比较简陋不是很详细，不太好进行参考，所以决定自己参考这些博客，总结一下几种<B>界面</B><B>切换</B>的方法。 
先看下效果： 
 
 
静态 
一、<B>隐藏</B>法 
本质上各页面都存在，只是某些<B>隐藏</B>，某些显示，当某一 ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Thu Aug 27 01:47:00 CST 2020</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>5038</span>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					            </footer>
					        </div>
					    </article>					
					
					    <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;">
					        <div class="post-item-body">
					            <div class="post-item-text">
					                <a class="post-item-title" href="/blog/ee96441.html" target="_blank"><B>QML-</B>动画</a>
					                <p class="post-item-summary">
					                    零、概念 
摘抄QMLBook的概念： 
 
 总结就是：<B>QML</B>的动画其实就是在改变元素的属性。 
  
一、Behavior 
1、Behavior概念 
当一个特定的属性值变化的时候，可以用Behavior是用来定义一个默认的动画。 
如在某些场景种我们可能会改动Item的一些属性如width ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Fri Dec 03 07:38:00 CST 2021</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>1023</span>
					                    <i class="icon-star"></i>
					                    
					                    
					                    
					                    
					            </footer>
					        </div>
					    </article>					
					
					    <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;">
					        <div class="post-item-body">
					            <div class="post-item-text">
					                <a class="post-item-title" href="/blog/ef24111.html" target="_blank"><B>QML-</B>调用JS</a>
					                <p class="post-item-summary">
					                    一、使用JS文件中的函数 
1、新建js文件nomal_fun.js 
 
  
 
2、在<B>qml</B>中使用 
 
  
 
 
  
 注意：这里并没有将js文件加入到工程的资源中，而是直接通过文件访问的。 
  
  
二、在js中动态创建自定义<B>qml</B>对象 ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Sat Dec 11 00:03:00 CST 2021</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>1014</span>
					                    <i class="icon-star"></i>
					                    
					                    
					                    
					                    
					            </footer>
					        </div>
					    </article>					
					
					    <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;">
					        <div class="post-item-body">
					            <div class="post-item-text">
					                <a class="post-item-title" href="/blog/ef638f1.html" target="_blank"><B>QML-</B>获取当前时间</a>
					                <p class="post-item-summary">
					                    1、方法1 
 
  
 
2、方法2 
 
  
 
  ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Wed Dec 15 00:27:00 CST 2021</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>997</span>
					                    <i class="icon-star"></i>
					                    
					                    
					                    
					                    
					            </footer>
					        </div>
					    </article>					
					
					    <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;">
					        <div class="post-item-body">
					            <div class="post-item-text">
					                <a class="post-item-title" href="/blog/748ee51.html" target="_blank">js <B>切换</B><B>隐藏</B></a>
					                <p class="post-item-summary">
					                     先试试 
 
显示\<B>隐藏</B><B>切换</B>

脚本之家欢迎您
 
<B>切换</B><B>隐藏</B> 
  
 
  
 
  ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Mon Oct 09 05:53:00 CST 2017</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>1056</span>
					                    <i class="icon-star"></i>
					                    
					                    
					                    
					                    
					            </footer>
					        </div>
					    </article>					
					
			    </div>
			</div>
			
			<div class="span4 left_content">
				<div class="page-header"><h3><small><i class="icon-tag"></i>相关标签</small></h3></div>
	             <ul class="nav nav-pills">
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Linux' target="_blank">Linux(456)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Android' target="_blank">Android(304)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/linux' target="_blank">linux(240)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/python' target="_blank">python(233)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/vue' target="_blank">vue(229)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/C＃' target="_blank">C#(184)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/android' target="_blank">android(161)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Python' target="_blank">Python(160)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/java' target="_blank">java(146)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/JavaScript' target="_blank">JavaScript(141)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Java' target="_blank">Java(130)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/js' target="_blank">js(129)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/css' target="_blank">css(124)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/前端' target="_blank">前端(114)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Vue' target="_blank">Vue(113)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Qt' target="_blank">Qt(105)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/QML' target="_blank">QML(102)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/QT' target="_blank">QT(99)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/javascript' target="_blank">javascript(99)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/git' target="_blank">git(94)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/WPF' target="_blank">WPF(92)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/CSS' target="_blank">CSS(87)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/jQuery' target="_blank">jQuery(81)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/微信小程序' target="_blank">微信小程序(79)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/jquery' target="_blank">jquery(71)</a></li>
			     
			     </ul>	
			   <div id="right_float_ad" class="ad">
				</div>			     
			</div>
		</div>
	</div>
    <div class="clear"> </div>

<div class="fbar" style="z-index:100">
	<div class="span7" style="color:grey;font-size:12px;">
	</div>
	<div class="pull-right">
		<span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a>  </span><span>© 2018-2025 CODEPRJ.COM </span> 
	</div>
</div>
<script src="/js/code.js?version=20250622"></script>
<script>
   function buffer(a, b, c) {
	    var d;
	    return function() {
	        if (d) return;
	        d = setTimeout(function() {
	            a.call(this),
	            d = undefined
	        },
	        b)
	    }
	}

(function() {
	    function e() {
	        var d = document.body.scrollTop || document.documentElement.scrollTop;
	        d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1"
	    }
	    var a = document.getElementById("float");
	    if (a == undefined) return ! 1;
	    var b = 0,
	    c, d = a;
	    while (d) b += d.offsetTop,
	    d = d.offsetParent;
	    c = window.ActiveXObject && !window.XMLHttpRequest;
	    if (!c || !0) window.onscroll = buffer(e, 50, this)
	})();

</script>

</body>
</html>

原文：QML-隐藏式界面切换

相关推荐