axure学习(六)

刚刚跟着视频里的老师学习了中继器的简单实用,这里自己总结一下。

中继器不仅能实现动态效果还有数据交互。

首先拖入中继器,再中继器里拖入如下图所示的控件。所示为给的名称。


中继器下面有三个选项栏,数据集,项目交互,格式,数据集就是放数据的地方,这里可以根据自己的需求增加内容。后面两个后面再将。这里我在img列导入了图片,只需要右键 就可以选中导入图像。这里我随意加的图片和文字,重在学习啦,哈哈。结果如下面第2张图


再新建几个控件,实现交互,实现在输入框输入信息在中继器里添加一行数据,如图:


在回复控件上设置交互事件,顺序如下,在中继器里有新增行,打开新增行,有相应的属性列,点击函数插入,找到nichen部件中继器里的name。其余的同样的道理。

发布出来结果如图:


这里要说一下,图片没有加进去,在设置是图片那样设置是加载不进去的,但是可以在网页上右键图片属性找到它的相对路径找到,复制到函数里就可以(这里我还没试,因为我没有找到路径,不过老师这样做是对的)

上面说了添加,接下来说删除,需要的效果是点击哪个就删除哪行,这里需要把要删除的先标记,再删除标记项。


需要在中继器里将选中时填充颜色改变,随意就好,只要有效果,然后选择中继器里的取消标记行,然后再点标记行,这样做是为了 ,每次点击时先把上一次的撤销,才会出现单选效果。


然后在删除控件上做交互事件,删除已标记的行。

这是发布生成出来的的效果,例如点击第一个zhang,再点击下按摩的删除,就会删除该项

删除后的结果

最后这里提一下,设置单选效果,就是把几个东西放到一组里,在部件属性里设置选项组名称就可以实现单击效果。在中继器里如果没有实现,那可能是如图2中继器那里要取消选中,没实现可能默认勾选了。


下面总结中继器的数据更新

新建修改的控件,附上名称,在中继器里添加编辑标签,设置交互事件,点击此标签,将中继器里的部件文字显示到修改的相应控件上。



点击修改设置交互,找到中继器里的更新行,点击中继器,下面的规则函数是对xiugainihcen用的,在xiugainichen文本框输入要修改的昵称名,即可修改内容。若点击已标记,点击下面选择列的value函数,将bj里的内容给中继器里的neirong。

已标记。选项列value函数
规则

点击编辑在修改框里有相应的内容(这里选的是已标记)

发布出的原型

修改内容后点击修改,原内容被修改。

选择规则的话这样设置交互后,


发布原型

在图片旁边的文本框直接输入昵称,再在编辑里输入想修改的文字即可完成对此昵称下的内容修改。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,256评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,539评论 25 709
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,751评论 0 17
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,294评论 4 61
  • 当地时间六月十五日中午,我们在剑桥一家中餐馆吃午餐,五菜一汤,菜量很足,不像在国内旅游,如果晚到一会,桌上就只见碟...
    晓雪_95cb阅读 241评论 0 0