XWidgetSoft Forum

this a tutorial in Chinese, need to be translated into English and add some.illustrations.

【制作思路概述】
很简单，只需要在编辑器里面新建正面和反面，然后分别给正面和反面添加控件就可以了。  要翻转的时候，就做一个按钮，设置它的鼠标点击动作为 !Flip 就可以了。



【制作流程和步骤】
1、新建一个小工具，打开皮肤编辑器
2、右键点击 左侧列表的第一项“小工具”，弹出的菜单中选择“添加正反面”。
3、在左侧列表中，将需要放到正面的控件拖到 “正面”节点下， 将需要放到“反面”的控件拖到“反面”节点下
4、将需要用来点击翻转的控件的 “鼠标点击时” 事件的动作下拉框里面选择 !Flip 动作
5、点击运行，就可以看到实际效果了。 点击用来翻转的控件，就会从正面动画翻转到反面

[Overview]
Is very simple to create a Flip widget. You only need to create the front and back side inside the Editor, and then add/assign the "click on" function on the front and back side using a button or an image. To flip the widget just click on!

[Procedure]
1) Right click on XWidget's icon tray and select "Create Widget". Write the widget's name and choose the "Flip" template.



2) The widget now contains two parts, the front and the back side. Delete the default texts/layers and add your own components.



3) (The screeshots are taken from the "Real Plate Widget")
After finishing the design for both sides, add a "button" component for each side and assign the "!Flip" code for the "OnClick" function.



Now clicking on this buttons the widget will flip! Press the "Debug" button to test it.

T I P:
The flip function can also be applied using an image.
The procedure is the same as for the "button" component.
Or if you want to have a general "click on-flip" function you can assign the code for the whole background image.

(screenshot taken from "Calendar Vista Gadget")
After finishing the design, add on top an empty "image" covering the area where you will have the click-on/flip function. With this little "trick"
the widget will flip clicking everywhere on your widget!

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

thank you very much, jimking!
you can also use menuitem to flip widget.
example: π_πweb.xwp [65.8 KiB]
Downloaded 602 times

You're welcome qiancang! I tried to use Google translator but the text was really ugly. So I decided to wrote my own tutorial..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/