check box 打勾和不打勾?

[Winona]

請問：如果checkbox 在打勾和不打勾的狀態下
要分別呈現不同的Dynamic Panel 該怎麼做呢?

不是用OnLostFocus喔, 就是要在checkbox取消打勾時出現另一個Panel

感謝解惑先~

[Richard]

Hi Winona,

判斷 Checkbox 或 Radio Button這兩種widget的狀態,
設計不同的互動方式,
必須要靠 Add Condition (在Interaction Case Properties窗格的上方)。

以checkbox的例子來說,
假設我們把checkbox widget命名為 CBOX，
並且在畫布上放了兩個dynamic panel，分別是checked_panel / unchecked_panel，

接下來就是運用Add Condition的窗格，
設定 "當CBOX的狀態 (check state of)等於Checked時，
要show checked_panel，hide unchecked_panel"

完整的互動設計statement如下

If check state of CBOX equals Checked
Show checked_panel
and Hide unchecked_panel

反之則是，當unchecked CBOX時，則hide checked_panel，show unchecked_panel

If check state of CBOX equals Not checked
Show unchecked_panel
and Hide checked_panel

我把這個例子的rp檔放在檔案下載區了，你可以直接下載下來參考。

[Winona]

感謝 Richard 大大 ^^
非常清楚!!!

[Shunz]

Richard兄每次都是长篇大论，容易看着眼晕，不过这是因为Richard兄担心解释得不够细致，怕同学们看不明白。对于初学者来说，这种手把手的step by step的指点是非常好的，Richard是好老师。但是对于中等以上水平的同学来说，可能看着就有点累了。

所以建议Richard兄可以先把每个问题的关键点简要罗列出来，然后再在此基础上有针对性的加以解释，如此应该就可以搞定所有阶段的用户群了。

回到这个Check的问题上，个人的看法是Winona兄跟在下之前进入的误区一样，只看到了CheckBox的OnClick、OnFocus、OnLostFocus这三个事件，而没有看到每个事件属性编辑窗口（Interaction Case Properties）上方的 Add Condition...

所以针对Winona兄的问题，个人认为的关键点是：
1、Checkbox命名；
2、添加该Checkbox的OnClick事件；
3、事件属性窗口中 Step1 Add Condition，添加Checked和Not Checked两个条件；
4、Step2  勾选 Set Panel states to states，
5、Step3  set 某某 Panel state to 对应的 state，
6、Done 收工；

2008/8/11 Richard <gric...@gmail.com>

[Richard]

Shunz,

谢啦!
改不了习惯啦...我总是会比较唠叨一点！
精简扼要的回覆，以后就靠您啦!

哈哈! :)

On 8月12日, 上午11時02分, Shunz <rock...@gmail.com> wrote:
> Richard兄每次都是长篇大论，容易看着眼晕，不过这是因为Richard兄担心解释得不够细致，怕同学们看不明白。对于初学者来说，这种手把手的step
> by step的指点是非常好的，Richard是好老师。但是对于中等以上水平的同学来说，可能看着就有点累了。
>
> 所以建议Richard兄可以先把每个问题的关键点简要罗列出来，然后再在此基础上有针对性的加以解释，如此应该就可以搞定所有阶段的用户群了。
>
> 回到这个Check的问题上，个人的看法是Winona兄跟在下之前进入的误区一样，只看到了CheckBox的OnClick、OnFocus、OnLostFocus这三个事件，而没有看到每个事件属性编辑窗口（Interaction
> Case Properties）上方的 Add Condition...
>
> 所以针对Winona兄的问题，个人认为的关键点是：
> 1、Checkbox命名；
> 2、添加该Checkbox的OnClick事件；
> 3、事件属性窗口中 Step1 Add Condition，添加Checked和Not Checked两个条件；
> 4、Step2 勾选 Set Panel states to states，
> 5、Step3 set 某某 Panel state to 对应的 state，
> 6、Done 收工；
>

> 2008/8/11 Richard <grich...@gmail.com>
>