axure9设置选项组,axure怎么设置选中显示?

云羽科技 10 2024-08-01

Axure9.0怎么 *** 二级菜单?怎么使用?

Axure9.0怎么制作二级菜单?怎么使用?
(图片来源 *** ,侵删)

双击“一级菜单1”动态面板,在state1页面选取“一级菜单1”样式,鼠标移入到设置面板状态处,点击【添加目标】按钮继续设置面板状态,分别为“一级菜单2到state1推动和拉动元件下方”、“一级菜单3到state1推动和拉动元件下方”。

再拖1个新的矩形进入中继器,命名:二级菜单1,设置单击事件,选取单击时打开链接(如果需要的话,你可以设置成在内联框架中打开链接,我就是设置的内联框架中打开,此处请根据个人喜好酌情设置事件类型)。这个时候不用选打开哪个页面,后面用函数设置。

打开AxureRP8软件,新建项目,命名为导航栏。2)创建母版 点击母版页面的添加按钮,新增母版,命名为左侧导航栏导航。编辑母版。拖拽矩形3到窗口,作为导航栏面板。拖拽三级标题到窗口,命名为bilibili创作中心。3) *** 导航菜单 拖拽矩形3,修改成合适的大小放置到合适的菜单位,按照下图依次命名。

零基础新手使用Axure中继器做出菜单原型步骤:步骤一:准备素材。从左侧元件拖出4个矩形,排列成菜单展开的样式;也准备一个中继器,直接从左侧元件处拖到画布上即可。tips:可以使用ctrl+shift,直接将矩形往下拖,同ppt。步骤二:设置菜单框架。

菜单 *** *** 顶部菜单,使用基本元件:文本标签创建标题,设置标题大小并设置行间距。子菜单 *** *** 子菜单,使用基本元件:动态面板,并设置动态面板名称,进入动态面板。进入动态面板添加子菜单名称,可针对每个子菜单添加交互,如跳转链接,鼠标移上去字段交互等。

Axure中怎么使用样式编辑器与变量管理?Axure怎么设置选项组

Axure中怎么使用样式编辑器与变量管理?Axure怎么设置选项组
(图片来源 *** ,侵删)

、部件样式编辑器点击“主菜单栏”-“工程”-“部件样式编辑器”,打开“部件样式编辑器”窗口,编辑部件样式。(详细设置内容请借鉴:部件属性和样式窗口)、页面样式编辑器点击“主菜单栏”-“工程”-“页面样式编辑器”,打开“页面样式编辑器”窗口,编辑页面样式。

所以简单来说,就是动作+样式。选中元件以后,右击选取交互样式。交互样式有“鼠标悬停”、“鼠标按下”、“选中”、“禁用”、“获取焦点”五个模式。我们这次用到的是“选中”和“鼠标悬停”。分别在这两个栏目下设置你想要的填充和字体颜色,就完成上妆了。

我们要将填入账号和邮件里的信息,传递到下一个页面,管道就是“提交”这个按钮。选取单击时,添加动作“设置变量值”。这里着重说一下交互编辑器中的设置动作。这里有三个元素:目标、设置为、元件。目标是你想要赋予值的元件、设置为和元件,是赋予值的具体内容,是另一个元件里的其他元素。

比如在用户注册的时候,要选取性别如下:用户只能选取一个,那这就是一个选项组。具体到axure怎么实现 , 很鸡蛋 先拖入一个文字组件,改成“性别” ,再拖入一个单选框,修改对应的文本为男;然后在属性-》分配单选框组里面输入【gender】复制这个单选框,然后把文字改成女就额可以了。

AxureRP页面设置 *** :设置页面居中:在页面样式点击创建,然后就会跳转到页面样式管理界面了 在页面样式管理界面,可以找到页面排列,在页面排列就可以选取你需要的靠右居中样式了 设置页面背景:在页面样式管理界面,找到颜色选项或者是图片选项,那么就可以设置页面的背景了。

首先选中元件,然后在右侧属性栏中找到设置选项组名称。在输入框中填写任意名称即可,之后就会被保存下来,可供其他元件选取并加入该选项组。复制为N个Tab只需要暴力的复制就好,不需二次设置交互事件,用这个 *** 每个Tab的交互事件和选中效果完全相同,不需要做其他特定的修改。

Axure怎么设置选项组?

Axure怎么设置选项组?
(图片来源 *** ,侵删)

〖壹〗、Axure设置选项组 *** :给元件设置好选中状态拖出一个带阴影的大矩形备用。拖出一个相同颜色的小矩形,并在上面写好你想要的文字标识。为这个小矩形设置交互。在单击时设置选中,目标为当前元件。设置值为真。这个意思就是,当我们点击了这个元件以后,我们是真的选中了。

〖贰〗、、部件样式编辑器点击“主菜单栏”-“工程”-“部件样式编辑器”,打开“部件样式编辑器”窗口,编辑部件样式。(详细设置内容请借鉴:部件属性和样式窗口)、页面样式编辑器点击“主菜单栏”-“工程”-“页面样式编辑器”,打开“页面样式编辑器”窗口,编辑页面样式。

〖叁〗、首先选中元件,然后在右侧属性栏中找到设置选项组名称。在输入框中填写任意名称即可,之后就会被保存下来,可供其他元件选取并加入该选项组。复制为N个Tab只需要暴力的复制就好,不需二次设置交互事件,用这个 *** 每个Tab的交互事件和选中效果完全相同,不需要做其他特定的修改。

Axure怎么实现多个单选框设置预览时只选中一个?

Axure怎么实现多个单选框设置预览时只选中一个?
(图片来源 *** ,侵删)

使用单选按钮画出单选组件先画字段名。从Axure默认元件库拖动“文本标签”到画布合适位置,双击输入文字“性别”。再画单选按钮。从Axure默认元件库拖动多个“单选按钮”到字段名后面位置,然后水平均匀分布。设置单选组。

之一步,拖动一个单选框和复选框到主页面编辑区,分别命名为dan和shuang。可在元件编辑器中编辑默认的拖动样式。第二步,编辑单选框和复选框如下图所示。第三步,拖动两个文本元件到到页面编辑区,编辑如下,命名为shuang1和dan1,对应改变相应的选框。

所谓选项组,就类似与一组单选按钮,举例来说,比如在用户注册的时候,要选取性别如下:用户只能选取一个,那这就是一个选项组。

选则元件库-单选按钮 需要几个单选就拖动几个到画布。

你好,对红(单选按钮1),蓝(单选按钮2)分别进行添加交互的效果,设置如果红色为真。文本框显示单选按钮1的内容。如果蓝色为真则单选框显示单选按钮2的内容即可。

Axure RP 8可以利用自带的控件设计出不同场景、不同类型的页面以及组件,如表格、下拉框、复选框和单选框等。

Axure如何快速规范设计Tab栏?

Axure如何快速规范设计Tab栏?
(图片来源 *** ,侵删)

〖壹〗、打开一份Axure文档,新增一张Page,命名为“Tab页面”。将“容器”下的元件“标签”拖至页面编辑区。双击“标签”元件顶部的三个标Tab栏,重命名。双击Panel区双击进入编辑状态,插入“样式”Tab的图片。勾选State2编辑“交互”Tab的内容。类似操作设置“说明”Tab的内容。

〖贰〗、Axure快速规范设计Tab栏的 *** :设置Tab的选中状态的交互样式&交互事件在这里,只需要设置一个状态的Tab便可以复用(复制)为其他Tab状态,这里的交互样式同反面示例1的之一步。同时设置交互事件,Tab点击时的选中状态为“true”。

〖叁〗、创建导航栏母版,axure界面左侧底部母版栏,点击加号创建一个母版并命名。双击母版,进入母版编辑页面。在这里进行那些拖动等操作啦。我们观察到导航栏总共5个tab组成,每个tab里有两个元素一张图片,一个文本标签。

Axure9.0教程:用动态面板 *** Tab来切换

Axure9.0教程:用动态面板制作Tab来切换
(图片来源 *** ,侵删)

〖壹〗、实现逻辑向下滑动页面,Tab导航栏由之一种状态切换成第二种状态;向上滑动页面,Tab导航栏由第二种状态切换成之一种状态;页面滑动一定距离,显示回到顶部按钮,点击回到顶部按钮,页面向上滚动回到页面顶部。

〖贰〗、首先我们先拉取三个矩形作为tab栏,分别标注tabtabtab3作为备用,实际可根据需要标注。选中三个矩形,点击右键选取【选项组】,设置为同一选项组 选中三个矩形,点击右键选取【交互样式】,设置矩形的交互样式,在这里我只设置了一种样式:线段颜色,实际可根据需要进行设置。

〖叁〗、首先选取按钮“作业批阅结果”,在页面的右侧部件属性面板中对“onclick(点击时)”事件添加用例,在弹出的用例面板中选取“设置面板状态为指定状态”,在右侧配置动作下找到刚刚我们添加的“学生查看已批阅作业”动态面板,在选取状态中指定显示之一个状态“作业批阅结果”。

〖肆〗、使用动态面板,在动态面板里面做两个页面。然后写个事件就OK了。用set panel state(s) to state(s)事件,也就是切换动态面板状态就可以实现这个功能了。具体的你可以尝试一下。我给你 *** 了一个demo,你可以去下载。如果你是想点击的话,把mouseenter那个事件换成onclick事件就行了。

〖伍〗、从元件库中拖一个动态面板,双击动态面板,在弹出的对话框中,对动态面板命名并增加四个状态;双击每个面板状态,对不同的面板状态设置对应的页面。通过 设置交互属性 ,实现页签切换时的动作交互。

〖陆〗、Axure9利用全局变量实现跨页面传值 *** :交互效果说明点击「首页」金刚区的按钮,跳转至「分类」页面,选中对应的Tab选项,切换显示对应的内容。效果预览:交互效果 *** 创建两个页面,分别命名为「首页」和「分类」。

上一篇:figma收费?figma如何收费?
下一篇:如何用pr提高视频的清晰度?pr 提高清晰度?
相关文章

 发表评论

暂时没有评论,来抢沙发吧~

请先 登录 再评论,若不是会员请先 注册