Axure教程：中继器如何切换标记状态？

Myth丶恋晨 2022-09-11 14:14 267阅读 0赞

\*\*

## 写在前面 ##

\*\*  
在之前的文章[《Axure教程：如何使用Axure中继器元件？》][Axure_Axure]中存在选中一次后背景颜色改变再点击一次背景颜色变成原始状态，但这行其实状态还是标记状态，会一起被删除的问题

问题产生的原因是什么呢？答案是当我们点击中继器某一行的时候，该行的选中状态会“toggle”而标记状态不会“toggle”也不会变为“false”，也就是说，中继器只是切换了选中状态而没有切换标记状态。

因此当点击某一行两次时，该行选中状态为“false”→“true”→“false”，而标记状态为“false”→“true”→“true”。于是我们看到的视觉效果就是白→蓝→白，而该行却依然处于标记状态，删除处于标记状态的行时该行依然会被删除。

这个问题看似简单，其实不然。在网上也无法搜到正确的解决方案。有的只是如何“标记行”和“取消标记”，并没有“切换标记状态”的方法。

那么，中继器到底该如何切换标记状态呢？

\*\*

## 想法一 ##

\*\*  
一下子想到的便是，既然点击时行的选中状态可以“toggle”，那标记状态也跟着“toggle”不就好了？不幸的是，Axure并不支持对行标记状态的“toggle”。So bad.

点击中继器模式编辑操作区中的组合，在右侧“检视：组合——交互”中双击“Case 1”打开用例编辑<鼠标单击时>面板，如下图所示，可以看到没有“切换标记状态”动作，只有“标记行”和“取消标记”动作。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16]  
\*\*

## 想法二 ##

\*\*  
问题总会有办法解决的！既然选中状态可以“toggle”，标记状态不可以“toggle”，那我们可不可以删除处于选中状态的行呢？答案是Axure也不支持删除处于选中状态的行，只支持删除处于标记状态的行。真令人难过。

切换到主界面，点击选择用于删除的按钮，在右侧“检视：矩形——交互”中双击“Case 1”打开用例编辑<鼠标单击时>面板，如下图所示，可以看到没有“已选中”选项。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 1]  
\*\*

## 想法三 ##

\*\*  
咦，除了已标记，这不还有个条件嘛！说不定那里有我们想要找的答案！点进去一看，还是可用的条件，绝望。。。

选择“条件”选项，点击右下角“fx”，试图设置删除行的条件为\[\[“isPitchOn”==true\]\]，然而如下图所示，并没有这样的变量或函数。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 2]  
\*\*

## 条件判断 ##

\*\*  
点击中继器模式编辑操作区中的组合，在右侧“检视：组合——交互”中双击“Case 1”打开用例编辑<鼠标单击时>面板，我们看到有个“添加条件”的按钮。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 3]  
点开看看？可以看到，我们可以根据行的选中状态来决定对应用例（也就是这里的Case1：切换选中状态和标记行）的执行与否。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_18_color_FFFFFF_t_70_g_se_x_16]  
于是脑海里产生了这样的想法：

if (选中状态 == false) \{选中状态 == true；标记状态 == true；\}

if (选中状态 == true) \{选中状态 == false；标记状态 == false；\}

嗯！一定就是这样了！试试看！

\*\*

## 解决方案 ##

\*\*  
点击中继器模式编辑操作区中的组合，在右侧“检视：组合——交互”中双击“Case 1”打开用例编辑<鼠标单击时>面板，点击“添加条件”按钮，打开<条件设立>面板，将判断变量设为“选中状态”，判断值设为“false”，如图所示。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 4]  
按“确定”按钮保存，关闭条件设立面板，关闭用例编辑<鼠标单击时>面板，回到中继器模式编辑操作区。在右侧“检视：组合——交互”中右键单击“鼠标单击时”，选择“添加用例”。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_20_color_FFFFFF_t_70_g_se_x_16]  
会自动弹出用例编辑<鼠标单击时>面板，点击正上方“添加条件”按钮，设置判断变量为“选中状态”，判断值为“true”。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 5]  
按“确定”按钮关闭条件设立面板，回到用例编辑<鼠标单击时>面板，在左侧“添加动作”栏点击“元件——取消选中”添加取消选中动作。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 6]  
再在左侧“添加动作”栏点击“中继器——数据集——取消标记”添加取消标记动作。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 7]  
点击“确定”按钮关闭用例编辑<鼠标单击时>面板，回到中继器模式编辑操作区，可以在右侧“检视：组合——交互”中看到此时鼠标单击时会执行的动作。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_20_color_FFFFFF_t_70_g_se_x_16 1]  
大功告成！

点击上方“预览”按钮查看最新效果。

[Axure_Axure]: https://editor.csdn.net/md/?articleId=120326971
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/2866192e11be4dbea58f8254842794e6.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/98af59b8cd6248718c9498755eb931b6.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/332632e3fee84a5a8b31ea1f66049aa4.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/6f8dc0416973465c92d9136a41a7ba6f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_18_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/4799e413b4be4e9ba48e1da95768697b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/fb09b16d790440c290434c5fe45c23da.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/0e7270e4105d40b98c44cb3376ddca5f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/836c9a714cc04605821d095ad01e5008.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220828/afe3916ab4fc4adf9ea553eaaee0b28b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_19_color_FFFFFF_t_70_g_se_x_16 7]: /images/20220828/e87185a20a62426397fa22f72f416002.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YOt5a2Q5a6J5LiN54ix5a2m57yW56iL_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/c898b9a122ee44d7888763df95b98d03.png