z35-fisheyebar-001.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 27 行

<window height="600px">
	<fisheyebar id="fish" style="position: absolute; top: 50px; left:100px;margin:20px;" attachEdge="top">
		<fisheye image="/img/icon_browser.png" label="Web Browser"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_calendar.png" label="Calendar"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_email.png" label="Email"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_texteditor.png" label="Text Editor"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_update.png" label="Software Update"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_users.png" label="Users"
			onClick="alert(self.label)" />
	</fisheyebar>
	Click "Change orient" button and move cursor over the fisheyebar before it changes. It should work well. If it is out of expected, it is bug.
	<separator />
	<button label="Change orient">
		<attribute name="onClick">
			if (fish.orient.equals("horizontal")) {
				fish.orient = "vertical";
			} else {
				fish.orient = "horizontal";
			}
		</attribute>
	</button>
</window>