axure-day03内容

day03
老师所讲内容
1.中继器(动态表格)
主要用于动态表格
列表显示
双击中继器设置重复的样本
选中中继器在样式里设置初始化显示数据
设置ItemLoad事件的操作
删除行
在样本中的删除按钮上绑定点击交互事件,选择删除行的操作,选择操作的中继器
分页
在中继器的样式里分页面板,可以设置分页显示
给上一页和下一页按钮绑定点击事件,选择中继器中的【设置当前选择页面】,在【页面那里选择下一页】。
新增
绘制模态框,默认隐藏。

用户点击新增按钮,模态框显示,用户输入数据,点击确定按钮,填充数据到数据集中(注意设置局部变量),模态框关闭

用户再次点击新增按钮,模态框的时候,模态框内有上次填充的值,需要清空,给新增按钮的点击交互里添加动作【设置文本】,设置要清空的元件的值为空。

模糊搜索,动作选择【添加过滤】,规则设置为字符串的indexOf>-1
1.0
[[Item.content==‘内容1’]]
2.0
[[Item.content==value]]
注意声明局部变量value
3.0
[[Item.content.indexOf(value)>-1]]

  [[Item.content.indexOf(value)>-1]]
  从字符串中选择了indexOf功能,修改一下
    var str = '内容测试';
    str.indexOf('内容')   //0
    str.indexOf('容')   //1
    str.indexOf('测试')   //2
    str.indexOf('hello')  //-1

2.Axure中导入其他元件库并使用
将元件库文件夹,放到Axure安装的位置。放到D:/Axure RP9内部。
注:
1中继器是一个动态的表格
2点击中继器,右边的样式有个分页,可以设置显示几行
3可用上一页,下一页的原件设置交互,点击上一页的原件(鼠标点击时-设置当前页-中继器-到上一个页面)
4点击新增按钮是需要出现新增内容
(1)首先需要一个模态框,需要包裹和遮罩
遮罩的作用是将中继器覆盖
包裹的作用是将模态框包裹
(2)设置模态框头部,内容,底部
头部需要新增内容的标签和“x”号的标签和模态框的标题
内容需要有输入框的输入框的标签
底部需要模态框确定按钮和模态框取消按钮
(3)隐藏模态框是需要两方面隐藏,首先在大纲中隐藏使自己的中继器显示,再在样式中隐藏使预览是模态框隐藏
(4)搜索,过滤上面有详解
5ps功能
(1) ctrl+k打开首选项 ctrl+z退回一步
(2)切片工具是可选择固定大小
(3)保存时选择先存储为web所用格片再选用PNG-8最后保存到了image文件中

发布了24 篇原创文章 · 获赞 1 · 访问量 429

猜你喜欢

转载自blog.csdn.net/hanmiao12345/article/details/104463380