精华内容
下载资源
问答
  • 动态面板使用方法

    2021-06-21 10:46:48
    如何创建、编辑、取消动态面板 从左侧部件库中拖进一个动态面板来。 2、双击动态面板,可以编辑动态面板。如下图,出现动态面板弹出框,可以命名动态面板名称。另外选中State,点击可修改状态名称,双击可进入...
    • 如何创建、编辑、取消动态面板
    1. 从左侧部件库中拖进一个动态面板来。

     

    2、双击动态面板,可以编辑动态面板。
    如下图,出现动态面板弹出框,可以命名动态面板名称。另外选中State,点击可修改状态名称,双击可进入State编辑状态。如果需要新增状态,点击下图中的加号。

    3、如果想取消动态面板,怎么操作? Axure7.0之后的版本支持取消功能。只要选中面板右键选择Break Away First State,这样就能成功脱离动态面板

    二、动态面板实现弹出框、下拉菜单

    弹出框和下拉菜单实现类似。只是弹出框需要遮罩层效果,下拉菜单不需要。
    这里我还有个没有实现的点:点击遮罩层可以隐藏弹出框,或点击空白处可以隐藏下拉菜单。(有处理方法的欢迎评论留言)

    1. 输入好需要点击按钮后跳出弹窗的页面;
    1. 添加好弹出框内容,右键选择“转换为动态面板”。并将动态面板命名为“确认删除框”
    2. 将动态面板放置到合适位置。在工具栏上,将弹出框向后堆叠(点击Back),这样不会遮挡页面其他内容。另外,勾选隐藏或右键点击隐藏。

    4、点击添加交互用例,鼠标单击时显示动态面板“确认删除框”。然后勾选“Bring to Front”,这样弹出框出现时能堆叠在最前面。

    如果希望弹出框出现时,有遮罩层的效果,选择选项“treat as lightbox”。

    最终效果如下图:

    三、动态面板如何设置滚动条

    选中动态面板,右键选择Scrollbars,选择你需要的滚动形式。

    另外右键菜单中Fit to Content是勾选状态,记得去掉。勾选表示动态面板宽高是由内容决定的,因此即使设置Scrollbar也不会出现滚动条

    • 如何实现图片轮播等定时事件
      使用场景:图片轮播事件
      步骤:
    1. 添加动态面板,并添加两个状态,分别命名为“插花”和“自然花景”。
    2. 点击“插花”状态,进入编辑。从元件库拖入图片到“插花”状态,拖入后点击图片元件,将图片替换为实际图片。还可以设置图片大小
    3. “自然花景“状态编辑和上一个步骤类似
    4. 点击页面空白区,点击添加OnPageLoad事件。设置Set Panel Sate为Next。并勾选Wrap from to Last,这样可以重复播放。并可以设置状态切换间隔时间。
    • 如何制作折叠菜单

    比如后台管理模块需要包含:日志(系统日志、用户日志)、系统(系统设置、系统版本与升级)、用户管理(用户维护、用户权限管理)

    1. 基础准备
    1. 拖进一个矩形,宽度设置为 250 px,高度为 45px。并将背景色设置为#545c64,字体颜色设置为#ffffff。并拖入Label,并设置文本“日志”。另外添加一个展开图标。选中文本、矩形、图标,右键组合,并命名为“一级菜单_日志”。
    2. 拖进一个矩形,同样宽度为 250 px ,高度为 40 px 。背景色为 #ffffff,字体颜色设置为#333333.。并拖入Label,并设置文本“系统日志”。同样将文本和矩形组合,并命名为“二级菜单_系统日志”。

    设置交互样式

    选中一级菜单,点击交互区-->点击Properties ,选择鼠标悬停 – 填充颜色 – 色值为 #ffd04b、然后再选选中 – 填充颜色 – 色值 #ffd04b。

    二级菜单设置类似。选中所有二级菜单,点击交互区-->点击Properties ,选择鼠标悬停 – 填充颜色 – 色值为 #409eff、然后再选选中 – 填充颜色 – 色值 #409eff。

    1. 设置交互用例
    1. 选中所有二级菜单,右键选择Convert to Dynamic Panel,命名为“二级菜单动态面板_日志”,并隐藏该动态面板。
    2. 选中“二级菜单_系统日志”,添加点击交互事件。设置选中“一级菜单_日志”为选中状态,并将当前二级菜单二级菜单设置为true。
    3. (注意这里要注意事件的顺序。如果调换顺序,最终效果将无法高亮一级菜单。猜测是跟后面将所有的一级菜单组合成到同一Selection Group有关。同一Selection Group的元件是互斥的,但为什么会导致无法高亮还没想明白)其他二级菜单和“二级菜单_系统日志”的事件一样,只要将事件复制黏贴就行了。
    4. 实现选中互斥
    5. 现在二级菜单选中高亮已经实现了。但是逐个点击二级菜单,发现被点击过的二级菜单都是高亮状态。我们希望实现互斥选中,只有一个菜单是高亮状态。选中所有二级菜单,右键选择Assign Selection Group,并设置Group名称。这样就能实现选中互斥,即二级导航只能同时选中一个。
    6. 实现点击一级菜单时,二级菜单显示在一级菜单下方
    7. 点击“一级菜单_日志”。设置鼠标单击时 – 设置面板状态 – 可见性,将可见性设置为显示。勾选上Bring to Front,将面板置于顶层;在More Options下选择向下推动面板
    8. 制作多个菜单项
    9. 选中所有元件,右键组合成菜单项。复制两份,黏贴并按顺序排放。修改下文本内容。
      另外,一级菜单也要实现互斥选中。逐个找到每个菜单项下的一级菜单,右键选择Selection Group,保存到名称为“一级菜单”的选项组中。
    10. 菜单加上页面链接
    11. 上面的菜单还不能实现页面跳转,现在要加上这个功能。
    12. 加链接
    13. 先给所有二级菜单加上页面链接。选中“二级菜单_系统日志”,增加事件用例:
    14. 其他二级菜单也同样加上链接。但是发现加上链接后,选中没有高亮效果了。因为页面会重新加载。
    15. 设置页面跳转后菜单高亮,并展开选中的一级菜单
    16. 进入到具体的页面,比如用户日志页面,添加onPageLoad事件,在页面加载后给菜单设置高亮,并展开选中菜单。添加了三个操作:
    • 将“一级菜单_日志”设置为选中状态;
    • 将“二级菜单_用户日志”设置为选中状态;
    • 显示“二级菜单动态面板_日志”,动态面板向下推动显示,并置于顶层。
    • 点击用户日志,会跳转到用户日志页面,呈现效果如下:
    展开全文
  • 动态面板

    2019-08-20 21:27:05
    一、动态面板 1)建立动态面板 2)管理动态面板 1、上图中我们可以查看动态面板名称,已经为面板状态进行相关设置。 2、加号:点击后,可以增加状态,State+1 3、复制:点击后,可将选中的状态复制 4、上移:点击...

    一、动态面板
    1)建立动态面板

    在这里插入图片描述
    在这里插入图片描述
    2)管理动态面板

    在这里插入图片描述
    1、上图中我们可以查看动态面板名称,已经为面板状态进行相关设置。
    2、加号:点击后,可以增加状态,State+1
    3、复制:点击后,可将选中的状态复制
    4、上移:点击后,可将选中的状态向上移动一层,多次点击,可多次上移
    5、下移:点击后,可将选中的状态向下移动一层,多次点击,可多次下移
    6、编辑状态:点击后,会打开所选中的状态,在舞台中进行编辑
    7、编辑所有状态:点击后,会打开该面板下的所有状态,在舞台中逐一编辑
    8、删除:点击后,可删除选中的状态
    9、使用面板及状态时,若数量递增,则需对其分别进行命名,此处我们利用两种方式进行修改:
    1(在面板管理窗口,可在动态面板名称中,为面板命名。选中每一条状态,单击后方可命名(此
    2(处若双击,则会进入该状态,窗口会跳转至舞台)。

    在这里插入图片描述
    2(在软件概要:页面区域,选择所需要修改的面板或状态名称,单击后方可修改。

    在这里插入图片描述
    3)认识动态面板状态

    动态面板的状态,与办公软件 PPT(PowerPoint)中的每个页面,比较相似。都属于独立的页面,并且都可以在页面能进行信息编辑、放置各类元件。

    4)当我们直接从元件库中,拖拽动态面板时,双击动态面板,会打开状态 1(State1),此时可看到蓝色虚线区域。

    在这里插入图片描述
    在这里插入图片描述
    1(在实际制作项目时,就有控制好该区域的使用,若需要加大动态面板,直接回到舞台,修改
    2(面板的宽高即可,同事蓝色虚线区域也随之加大。也可以利用此面板做出效果完美的高保真原型图。
    3(如果我们直接选择元件,利用右键菜单转换出动态面板,此时在状态舞台无法看到蓝色区域。

    二、系统变量与函数

    1)在 Axure RP 中,我们可以给元件添加命令,同时可以利用变量或函数,让其更好的表达描述出产品内容。

    在这里插入图片描述
    2)自定义变量与系统变量的区别

    首先,它们的共同是都可以存储数据,也可以通过名称在公式中读取数据。不同点是,自定义变量的命名和数据写入写出都是由用户操作完成,实现真正的自定义

    在这里插入图片描述
    全部变量属于自定义变量;无括号的单词属于系统变量;有括号的单词属于函数;逻辑运算
    符和算数运算符通常用来连接或执行符号两侧的内容。
    先来了解一下菜单中,每一项的作用:

    ①元件菜单
    This:获取当前元件,通俗理解为你当前添加动作的元件。
    Target:获取目标元件,通俗理解为你通过 A 来控制 B,那这里所获取的就是 B。
    X:获取元件的 X 轴坐标。
    Y:获取元件的 Y 轴坐标。
    width:获取元件的宽度。
    height:获取元件的高度。
    scrollx:获取元件在动态面板横向滚动距离。
    scrolly:获取元件在动态面板纵向滚动距离。
    text:获取元件的文字内容。
    name:获取元件的命名。
    top:获取元件顶部坐标。
    bottom:获取元件底部坐标。
    left:获取元件左侧坐标。
    right:获取元件右侧坐标opacity:获取元件的不透明度的rotation:获取元件旋转角度
    ②窗口
    Window.width:预览原型图时,获取原型当前显示页面的宽度。
    Window.height:预览原型图时,获取原型当前显示页面的高度。
    Window.scrollX:预览原型图时,获取原型横向滚动距离。
    Window.scrollY:预览原型图时,获取原型纵向滚动距离。
    ③鼠标指针
    Cursor.X:获取鼠标指针在预览页面的 X 轴坐标。
    Cursor.Y:获取鼠标指针在预览页面的 Y 轴坐标。
    DragX:获取鼠标指针横向拖动的距离。
    DragY:获取鼠标指针纵向拖动的距离。
    TotalDragX:获取鼠标指针拖动元件,开始到结束的横向距离。
    TotalDragY:获取鼠标指针拖动元件,开始到结束的纵向距离。
    DragTime:获取鼠标指针拖动元件的时间。
    ④数学
    abs(x):计算数值的绝对值。
    acos(x):计算数值的反余弦弧度制。
    asin(x):计算数值的反正弦值。
    atan(x):计算数值的反正切值。
    atan2(y,x):获取某个点(x,y)的角度值。
    ceil(x):向上取整函数。 Axure RP 入门宝典
    cos(x):余弦函数。
    exp(x):指数函数。
    floor(x):向下取整函数。
    log(x):对数函数。
    max(x):获取最大值。
    min(x):获取最小值。
    pow(x):幂函数。
    random():随机数。
    sin(x):正弦函数。
    sqrt(x):平方根函数。
    tan(x):正切函数。
    ⑤日期
    Now:获取系统日期。
    GenDate:获取原型图生成日期对象。
    getData():获取日期数值值。
    getDay():获取星期数值。
    getDayOfWeek():获取星期英文信息。
    getFullYear():获取年份。
    getHours():获取小时数值。
    getMilliseconds():获取毫秒数值。
    getMinute():获取分钟数值。
    getMonth():获取月份。
    getMonthName():获取月份英文信息。
    getSeconds():获取秒数值。
    getTime():以时间戳(1970 年 1 月 1 日 00:00:00)开,获取当前getTimezoneOffset():获取世界时间与你的电脑时间分钟差数值。
    getUTCDate():以世界时间为基准,获取当前日期数值第四getUTCDay():以世界时间为基准,获取当前星期数值getUTCFullYear():以世界时间为基准,获取当前年份数值。
    gerUTCHours():以世界时间为基准,获取当前小时数值getUTCMilliseconds():以世界时间为基准,获取当前毫秒数值getUTCMinutes():以世界时间为基准,获取当前分钟数值getUTCMonth():以世界时间为基准,获取当前月份数值getUTCSeconds():以世界时间为基准,获取当前秒数值parse(datestring):分析当前日期与时间戳之间相差的毫秒数。
    toDateString():用字符串获取日期。
    toISOstrich():获取 ISO 格式的日期。
    toJSON():获取 JSON 格式的日期。
    toLocaleDateString():用字符串获取你电脑当前的年月日。
    toLocaleTimeString():用字符串获取你电脑当前的时分秒。
    toLocaleString():
    toTimeString():
    toUTCString():
    valueOf():获取当前日期的原始值。
    addYears(years):为你需要的年份添加一个数字,得到新的数值。
    addMonths(months):为你需要的月份添加一个数字,得到新的数值addDays(days):为你需要的天数添加一个数字,得到新的数值。
    addHours(hours):为你需要的小时添加一个数字,得到新的数值。
    addMinutes(minutes):为你需要的分钟添加一个数字,得到新的数addSeconds(seconds):为你需要的秒数添加一个数字,得到新的数addMilliseconds(ms):为你需要的毫秒数添加一个数字,得到新的⑥字符串
    length:获取文字的长度,一个汉字就是长度就是 1。
    charAt(index):通过指定文字位置,获取你需要的文字 Axure RP 入门宝典
    charCodeAt(index):通过指定文字位置,获取该文字的编码indexOf():查询某个字首次出现的位置,结果是数值。
    lastIndexOf():查询眸中各自最后出现的位置,结果是数值。
    replace():替换原有字符串的内容。
    slice():利用 slice 中的开始和结束,获取某个节点内的字符串。
    substr():利用 substr 中的 length 属性,可获取固定长度的字符串。
    substring():利用 from 和 to,指定文字中的两个位置,获取位置中toLowerCase():可以把所有大小字母转换为小写字母。
    toUpperCase():可以把所有小写字母转换为大写字母。
    trim():取消开头空两格。
    toString():把逻辑运算符,转换为字符串。

    展开全文
  • Axure使用教程(二)、动态面板

    万次阅读 2019-04-06 11:24:44
    一、如何创建、编辑、取消动态面板 1、从左侧部件库中拖进一个动态面板来。 2、双击动态面板,可以编辑动态面板。 如下图,出现动态面板弹出框,可以命名动态面板名称。另外选中State,点击可修改状态名称,双击...

    动态面板可以设置多个状态,可以通过设置动态面板在不同状态间切换来实现复杂功能。比如弹出框、下拉菜单、轮播等。

    一、如何创建、编辑、取消动态面板

    1、从左侧部件库中拖进一个动态面板来。

    2、双击动态面板,可以编辑动态面板。
    如下图,出现动态面板弹出框,可以命名动态面板名称。另外选中State,点击可修改状态名称,双击可进入State编辑状态。
    如果需要新增状态,点击下图中的加号。

    3、如果想取消动态面板,怎么操作? Axure7.0之后的版本支持取消功能。只要选中面板右键选择Break Away First State,这样就能成功脱离动态面板

    二、动态面板实现弹出框、下拉菜单

    弹出框和下拉菜单实现类似。只是弹出框需要遮罩层效果,下拉菜单不需要。
    这里我还有个没有实现的点:点击遮罩层可以隐藏弹出框,或点击空白处可以隐藏下拉菜单。(有处理方法的欢迎评论留言)

    1. 输入好需要点击按钮后跳出弹窗的页面;

    2、添加好弹出框内容,右键选择“转换为动态面板”。并将动态面板命名为“确认删除框”


    3、将动态面板放置到合适位置。在工具栏上,将弹出框向后堆叠(点击Back),这样不会遮挡页面其他内容。另外,勾选隐藏或右键点击隐藏。



    4、点击添加交互用例,鼠标单击时显示动态面板“确认删除框”。然后勾选“Bring to Front”,这样弹出框出现时能堆叠在最前面。

    如果希望弹出框出现时,有遮罩层的效果,选择选项“treat as lightbox”。

    最终效果如下图:

    三、动态面板如何设置滚动条

    选中动态面板,右键选择Scrollbars,选择你需要的滚动形式。

    另外右键菜单中Fit to Content是勾选状态,记得去掉。勾选表示动态面板宽高是由内容决定的,因此即使设置Scrollbar也不会出现滚动条

    四、如何实现图片轮播等定时事件
    使用场景:图片轮播事件
    步骤:
    1)
    添加动态面板,并添加两个状态,分别命名为“插花”和“自然花景”。
    2)点击“插花”状态,进入编辑。从元件库拖入图片到“插花”状态,拖入后点击图片元件,将图片替换为实际图片。还可以设置图片大小

    3)“自然花景“状态编辑和上一个步骤类似
    4)点击页面空白区,点击添加OnPageLoad事件。设置Set Panel Sate为Next。并勾选Wrap from to Last,这样可以重复播放。并可以设置状态切换间隔时间。

    五、如何制作折叠菜单
    比如后台管理模块需要包含:日志(系统日志、用户日志)、系统(系统设置、系统版本与升级)、用户管理(用户维护、用户权限管理)
    1、基础准备
    1)拖进一个矩形,宽度设置为 250 px,高度为 45px。并将背景色设置为#545c64,字体颜色设置为#ffffff。并拖入Label,并设置文本“日志”。另外添加一个展开图标。选中文本、矩形、图标,右键组合,并命名为“一级菜单_日志”。
    2)拖进一个矩形,同样宽度为 250 px ,高度为 40 px 。背景色为 #ffffff,字体颜色设置为#333333.。并拖入Label,并设置文本“系统日志”。同样将文本和矩形组合,并命名为“二级菜单_系统日志”。
    复制“二级菜单_系统日志” ,分别叫“二级菜单_用户日志 ” 。
    2、设置交互样式
    1)选中一级菜单,点击交互区-->点击Properties ,选择鼠标悬停 – 填充颜色 – 色值为 #ffd04b、然后再选选中 – 填充颜色 – 色值 #ffd04b。


    2)二级菜单设置类似。选中所有二级菜单,点击交互区-->点击Properties ,选择鼠标悬停 – 填充颜色 – 色值为 #409eff、然后再选选中 – 填充颜色 – 色值 #409eff。
    3、设置交互用例
    1)选中所有二级菜单,右键选择Convert to Dynamic Panel,命名为“二级菜单动态面板_日志”,并隐藏该动态面板。
    2)选中“二级菜单_系统日志”,添加点击交互事件。设置选中“一级菜单_日志”为选中状态,并将当前二级菜单二级菜单设置为true。
    (注意这里要注意事件的顺序。如果调换顺序,最终效果将无法高亮一级菜单。猜测是跟后面将所有的一级菜单组合成到同一Selection Group有关。同一Selection Group的元件是互斥的,但为什么会导致无法高亮还没想明白)

    其他二级菜单和“二级菜单_系统日志”的事件一样,只要将事件复制黏贴就行了。
    3)实现选中互斥
    现在二级菜单选中高亮已经实现了。但是逐个点击二级菜单,发现被点击过的二级菜单都是高亮状态。我们希望实现互斥选中,只有一个菜单是高亮状态。
    选中所有二级菜单,右键选择Assign Selection Group,并设置Group名称。这样就能实现选中互斥,即二级导航只能同时选中一个。

    4)实现点击一级菜单时,二级菜单显示在一级菜单下方
    点击“一级菜单_日志”。设置鼠标单击时 – 设置面板状态 – 可见性,将可见性设置为显示。勾选上Bring to Front,将面板置于顶层;在More Options下选择向下推动面板

    5)制作多个菜单项
    选中所有元件,右键组合成菜单项。复制两份,黏贴并按顺序排放。修改下文本内容。
    另外,一级菜单也要实现互斥选中。逐个找到每个菜单项下的一级菜单,右键选择Selection Group,保存到名称为“一级菜单”的选项组中。

    4、菜单加上页面链接

    上面的菜单还不能实现页面跳转,现在要加上这个功能。
    1)加链接
    先给所有二级菜单加上页面链接。选中“二级菜单_系统日志”,增加事件用例:

    其他二级菜单也同样加上链接。但是发现加上链接后,选中没有高亮效果了。因为页面会重新加载。
    2)设置页面跳转后菜单高亮,并展开选中的一级菜单
    进入到具体的页面,比如用户日志页面,添加onPageLoad事件,在页面加载后给菜单设置高亮,并展开选中菜单。添加了三个操作:

    • 将“一级菜单_日志”设置为选中状态;
    • 将“二级菜单_用户日志”设置为选中状态;
    • 显示“二级菜单动态面板_日志”,动态面板向下推动显示,并置于顶层。


    点击用户日志,会跳转到用户日志页面,呈现效果如下:

     

    六、参考文章
    1、Axure 动态面板如何添加为弹出框:https://www.jianshu.com/p/389b762380e1
    2、Axure 教程:制作折叠菜单:http://www.woshipm.com/rp/1088033.html

    展开全文
  • 动态面板和中继器

    2020-07-22 20:13:03
    web学习Day2——动态面板和中继器 一、动态面板 动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,...

    web学习Day2——动态面板和中继器

    一、动态面板
    动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,今天的学习内容围绕动态面板的几个方面进行,分别是:1、 隐藏与显示2、 滑动效果3、拖动效果4、多状态效果。
    在这里插入图片描述

    (1)动态面板的简单跳转
    1.1设置好动态面板的内页
    在这里插入图片描述
    1.2动态面板的鼠标单击事件
    在这里插入图片描述

    1.3添加事件
    在这里插入图片描述1.4选择当前面板的名称和情况
    在这里插入图片描述
    1.5 if条件下 设置动态面板元件
    在这里插入图片描述跳转设置就完毕 以此类推,可以完成页面中的四张图片点击跳转
    在这里插入图片描述

    ###另一种方法:循环跳转➡轮播图

    (2)轮播图
    2.1设计好轮播图的样式
    可以以选择自适应尺寸,也可以使用滚动条(或者手动
    在这里插入图片描述

    2.2设计好样式之后,对该动态面板的鼠标单击设置事件
    在这里插入图片描述
    选择状态设置为next,加选向后循环,可以完成点击轮播效果。

    2.3设置轮播图页面
    内容为:载入时自动播放,鼠标移入暂停播放,鼠标移出继续播放
    鼠标点击进入下一张
    在这里插入图片描述
    #鼠标移入移出事件:是否加勾间隔时间影响是否自动循环
    在这里插入图片描述

    2.4轮播图内页转入某个网站或者自己的页面
    在这里插入图片描述
    (3)手机页面
    在这里插入图片描述3.1内联框架

    1.先模拟好手机的页面框架
    2.在可视范围内放入内容 链接页面(0,0的位置)
    在这里插入图片描述

    3.2动态页面设置手机页面
    1.运用母版 模拟手机页面
    2.拖入动态页面元件
    3.加入图片后设置滚动条
    ##使用事件拖动
    在这里插入图片描述
    (4)时间轮转
    4.1利用动态面板的两个内页循环(载入时 OnLoad)
    在这里插入图片描述

    4.2在内页状态改变时重新赋值(即每一次每一秒的切换)
    在这里插入图片描述完成页面上时间的即时跳动

    二、中继器
    对于repeater来说,我们可以操作的维度分为两部分。
    第一部分是对于整个repeater来操作的,简单理解就是可以设置整repeater的排序方式、过滤方式、页规则等,这些操作可以绑定在任意的其他控件(此如按钮)上。
    支持的操作项包括:
    1.添加排序(Add Sort) --可以为Repeater增加一 个排序规则;
    2.移除排序(Remove Sort) – 可以删掉Repeater的排序规则;
    3.添加筛选(Add Filter) --可以为Repeater增加一 个筛选规则;
    4.移除筛选(Remove Filter) --可以删掉Repeater的排序规则;
    5.设置当前显顽面(Set Current Page) – 可以设置Repeater显示当前页的规则;
    6.设侮颐项目数量(Set ltem per Page) --可以设置Repeater每一项显示多少目。
    第二部分是对于repeater中的数据集(Datasets) 的操作,简单理解就是操作Repeater中的某一行,支持的操作包括:
    1.添加行(Add Rows) --可以通过一个规则来为Repeater添加一条(或多条)新记录;
    2.标记行(Mark Rows) --可以通过一个规则来标记Repeater中的某一条(或多条)录,用以对他进行后续操作;
    3.取消标记行(Unmark Rows) --取消当前被标记的记录;
    4.更新行(Update Rows) --更新已经被标记的某-条(或多条)记录的内容;
    5.删除行(Delete Rows) - 删除已经被标记的某一条(或多条)记录。

    在这里插入图片描述增删改查的运用

    1.数据绑定的实现
    在这里插入图片描述
    1.1样式做出来(中继器复用同一个样式 )
    1.2对象是整个中继器
    1.3函数fx中选择
    在这里插入图片描述
    2.表单的增删改查
    2.1完成表单样式
    在这里插入图片描述2.2增(添加)
    在这里插入图片描述
    2.2.1添加按钮点击后出现动态面板
    2.2.2动态面板中的添加设置事件
    在这里插入图片描述添加行👆
    在这里插入图片描述
    数据对接👆
    2.3删除
    2.3.1单一删除
    在这里插入图片描述

    2.3.2批量删除
    首先是复选框的选择状态(选择—标记、不选择—取消标记)
    在这里插入图片描述
    其次是设置批量删除的事件,当复选框被选择,意味着有行被标记,进行批量删除
    在这里插入图片描述2.4改
    2.4.1首先是修改按键进入到动态面板的设置
    由于编号是固定不需要用户输入的,所以进行提前设置
    在这里插入图片描述
    2.4.2在动态面板里对编辑设置更新行
    在这里插入图片描述

    展开全文
  • Axure 修改动态面板

    千次阅读 2019-06-06 11:54:40
    Axure 修改动态面板 1.右侧菜单选中要修改的面板 2.鼠标双击要面板 2.点击编辑
  • 右键单击面板选择从首个状态中脱离就是取消这个元件的动态面板的设置 右键可以选择形状 线宽选择无则是取消边框 复制两个文本框取名字 达到两个提示的效果 注意面板的隐藏使用 设置动态面板的状态 同时注意右边...
  • 动态面板是一个容器,它可以容纳其他元件,包括在动态面板里面再设置一个动态面板 二:可拖拽 例:拖动前拖动后: 设置拖动时,条件一移动this让他显示拖动效果,除了拖动还可以回到拖动前的位置: 三:有动效 例: ...
  • 在编辑页面元件库中插入一个动态面板,在不同的状态编辑中插入不同的图片,大小要和设置的动态面板大小相同,不然页面显示不完整。 有两种不同的设置方式,第一种设置了条件和状态,1状态跳转到2状态,2跳转到3...
  • 第一步:拖动一个动态面板到编辑区域 第二步:双击编辑区的动态面板,打开动态面板管理,点击加号添加面板状态 第三步:双击动态面板管理上的某个状态,进行编辑,随便加入不同内容。 第四步:添加三个矩形块,...
  • Axure 动态面板实现弹出框效果

    万次阅读 热门讨论 2014-11-11 08:11:09
    今天在画原型图的时候遇到了个弹出框效果的实现,感觉挺有意思的,拿出来share下~ ... 首先描述下大致思路,我在页面上加上一个动态面板,然后为这个动态面板加上两个状态,一个是显示弹出框,另一个是隐
  • 二:动态面板 动态面板就像一打纸一样,每张纸都有内容,但是只能看到最上面一张纸的内容。如果把动态面板比作一张纸,那么每张纸就是动态面板中的每个状态。 动态面板是比较常用也比较复杂的一个元件,这里以轮播...
  • Axure RP9动态面板制作数据删除添加 项目蓝湖链接地址:https://lanhuapp.com/url/eQULW-XJI65 效果图如下: 1.拖放控件 ​ 红色区域为动态面板 2.Add another新增行 ​ 选择Add another,添加Click事件 ,在Click...
  • 所有元件——拖拽动态面板到页面内——双击打开动态面板——在面板范围内进行编辑——右上角关闭——选择和动态面板交互的元件——交互选择方式——设置面板状态——选择建立的动态面板中的状态11对应——确定 ...
  • 动态面板是一个容器(后面的中继器其实也是一个容器)。多个小部件组成的集合称为状态,多个状态的集合构成动态面板。与中继器不同的是,动态面板每次只能呈现一个状态, 状态的可见性由动态面板的交互功能设置面板...
  • 首页自动轮播广告前言第一步:绘制轮播广告动态面板第二步:设置广告自动轮播交互第三步:设置指示器的选中交互第四步:设置指示器的点击交互结语相关课件 前言 Hello!欢迎来到Axure 9 实战案例教程专栏。 动态...
  • Axure RP Pro - 相关问题 - 判断动态面板的状态Axure RP Pro的事件中,包括设定动态面板状态的动作,但是在条件中,不能判断动态面板所处的状态。此时可以借助于一个变量,当设定动态面板状态的同时设定该变 量,...
  • AXURE案例--中继器结合动态面板

    千次阅读 2016-03-24 16:54:49
    这是一个小的心理测试,主要是运用动态面板以及中继器进行完成 案例逻辑 首先思考:心理测试需要展现的一个样子 用户所见:题目、答案选项、按钮、最后的评分以及相应的评语 题目和答案构成的是一个题库...
  • 动态面板 闪烁、滑动等特效 内联框架&按钮形状 ACTION1 ACTION2 ACTION3 ...
  • 动态面板”命名为“框架”;“动态面板”的state1内容组合下,命名为"内容"。2、第二步,设置“滚动条”的“载入时”的交互动作:设置“滚动条”的大小。3、第三步,设置“元件:框架”为局部变量LVAR1;设置...
  • Flutter ExpansionPanel 收缩面板

    千次阅读 2019-07-10 13:40:32
    收缩面板。它有一个标题和一个正文,可以展开或折叠。面板的正文主体仅在展开时可见。 收缩面板仅用作为ExpansionPanelList的子级。 示例实现,请使用ExpansionPanelList。 参数详解 收缩面板是ExpansionPanelList...
  • 详细请参考https://blog.csdn.net/jlq_diligence/article/details/105757151
  • =======动态生成面板=========根据这个面板可以拼接where像where(用户 like 值 or 行业 = 值)or (用户 in (值列) and 行业 not int(值列) )...... 因为使用了textarea,所以可以像in这种连接符,可以定规则为每行是...
  • 1、accordion(折叠面板) 折叠面板从二级列表中演化而来,dom结构和二级列表类似,如下: 面板1 面板1子内容 面板 面板2子内容
  • grafana-graph面板用法

    千次阅读 2020-02-25 22:25:40
    grafana中的面板被简单的命名为graph。他提供了一组非常丰富的图形选项。 1.单击面板的标题会显示一个菜单。edit选项将为面板打开其他配置选项。 2.单击以打开颜色和轴选择。 3.单击此处只显示时间序列。shift/...
  • Grafana-graph面板用法

    2019-10-04 06:39:03
    Grafana中的主面板被简单地命名为Graph。它提供了一组非常丰富的图形选项。 1、单击面板的标题会显示一个菜单。edit选项将为面板打开其他配置选项。 2、单击以打开颜色和轴选择。 3、单击此处只...
  • ADO面板上的控件简介

    千次阅读 2008-04-15 15:24:00
    ADO面板上的控件简介 一、 TADOConnection组件该组件用于建立数据库的连接。ADO的数据源组件和命令组件可以通过该组件运行命令及数据库中提取数据等。该组件用于建立数据库的连接,该连接可被多个数据集所共享,...
  • 我要做的就是动态生成属性中的新闻类别,至于新闻展示就很简单了。  首先,新建一个WebPart的类,然后添加引用,添加强命名,修改输出路径到bin下,然后加到网站中,引用进去,方便查看效果。  然后,添加另一个类...
  • IM即时通讯项目讲解(一)–实现类似qq微信表情面板无缝切换标签
  • unity 粒子系统面板参数释义

    千次阅读 2019-07-06 11:32:53
    **unity 粒子系统面板参数释义** 如何在Unity中实现粒子效果? 首先,右键点击 Hierarchy栏,选择effects->Particle System,这样你就新建了一个粒子系统,如图所示: 下面来介绍右侧监视器(Inspector)内的内容...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 22,635
精华内容 9,054
关键字:

如何取消动态面板