📄 onscrolling.zul
字号:
<?xml version="1.0" encoding="UTF-8"?><!--input.zul{{IS_NOTE Purpose: Description: History: Tue Oct 4 11:31:13 2005, Created by henrichen}}IS_NOTECopyright (C) 2005 Potix Corporation. All Rights Reserved.{{IS_RIGHT}}IS_RIGHT--><window id="demo"> <vbox width="100%"> <html> <attribute name="content"><![CDATA[ <h4>The onScrolling event</h4> <p>Sometimes computer has to reponse immediately when user is sliding the slider. The onScrolling event is used to serve such requirements.</p> <p>Try to slide and see how the image size is being changed under onScrolling event.</p> ]]></attribute> </html> <groupbox mold="3d" width="100%"> <caption label="View"><button label="Reload" height="18px" use="org.zkoss.zkdemo.userguide.ReloadButton"/></caption> <window id="view"> </window> </groupbox> <groupbox id="tryView" mold="3d" open="false" width="100%"> <caption label="Source"><button label="Try me!" use="org.zkoss.zkdemo.userguide.TryMeButton"/></caption> <textbox id="codeView" use="org.zkoss.zkdemo.userguide.CodeView" class="code" rows="20" width="100%"> <attribute name="value"><![CDATA[<window title="onScrolling event demo" border="normal"> <vbox> <slider id="slider1" onScrolling="zooming(slider1, img1)" onScroll="zooming(slider1, img1)"/> <image id="img1" src="/img/sun.jpg" width="10px"/> <separator bar="true"/> <slider id="slider2" onScrolling="zooming(slider2, img2)" onScroll="zooming(slider2, img2)" width="200px" mold="sphere"/> <image id="img2" src="/img/sun.jpg" width="10px"/> </vbox> <zscript> void zooming(Slider slider, Image img) { int v = event.getPos(); img.setWidth((v*3 + 10) + "px"); } </zscript></window> ]]></attribute> </textbox> </groupbox> </vbox></window>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -