XWidgetSoft Forum

XWidget & XLaunchpad , Desktop customization
It is currently 2017年 Jun 25日 04:17

All times are UTC - 8 hours




Post new topic Reply to topic  [ 4 posts ] 
Author Message
PostPosted: 2013年 Nov 28日 05:30 
Offline
User avatar

Joined: 2012年 Jun 10日 05:57
Posts: 315
this a tutorial in Chinese, need to be translated into English and add some.illustrations.

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



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


Attachments:
17.jpg
17.jpg [ 17.72 KiB | Viewed 2707 times ]
Top
 Profile  
 
PostPosted: 2013年 Nov 28日 07:25 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4495
[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.

Image

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

Image

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.

Image

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!

Image

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


Top
 Profile  
 
PostPosted: 2013年 Nov 28日 08:34 
Offline
User avatar

Joined: 2012年 Jun 10日 05:57
Posts: 315
thank you very much, jimking!
you can also use menuitem to flip widget.
example:
Attachment:
π_πweb.xwp [65.8 KiB]
Downloaded 139 times


Top
 Profile  
 
PostPosted: 2013年 Nov 28日 08:54 
Offline
User avatar

Joined: 2012年 Dec 5日 17:52
Posts: 4495
You're welcome qiancang! I tried to use Google translator but the text was really ugly. So I decided to wrote my own tutorial.. :)

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


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 

All times are UTC - 8 hours


Who is online

Users browsing this forum: No registered users and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  

Powered by phpBB® Forum Software © phpBB Group