我来分享使用Axure。

 你们晓得使用Axure RP怎么制作出选择控件吗?下文就为大伙分享了使用Axure RP制作出选择卡控件的具体操作流程。 

我来分享使用Axure。

 1、先正常打开Axure RP工具,然后新建一个空白页面。 

我来分享使用Axure。

 2、本经验以“我的任务”为例进行说明,在“我的任务”功能模块设计中一般包含“待办任务”,“完成任务”和“我发起的任务”三个选项,所以先拖拽3个矩形框到空白页面中,再加入一个动态面板,如下所示。 

我来分享使用Axure。

 3、当选中某个选项的时候,设置不同的背景色。先选中第一个选择框,在右侧的属性对话框中,找到“交互样式设置”,如下图1所示,单击“选中”,在弹出的对话框中设置填充颜色,如下图2所示。 

我来分享使用Axure。

我来分享使用Axure。

 4、针对第二个选项卡和第三个选项卡进行第三步同样的操作,配置后的效果如下图所示。 

我来分享使用Axure。

 5、双击动态面板,在弹出的对话框中添加3种面板状态,分别表示3个不同的选项切换时展示不同的内容,如下图所示。 

我来分享使用Axure。

 6、将3个选项卡加入到同一个组,这样在选中的时候可以实现互斥的效果。选中第一个矩形框,在右侧的属性中找到“设置选项组名称”,然后在下方我文本框中输入一个名称。同样的对第二个和第三个矩形框进行操作。如下图所示。 

我来分享使用Axure。

 7、指定一个矩形框为默认选中状态。选中要指定为默认选中状态的矩形框,然后在右侧属性中找到如下截图中标红的“选中”后,将其前面的复选框选中。 

我来分享使用Axure。

 8、添加鼠标单击事件,当鼠标单击是切换选中项,更新动态面板的内容。 

我来分享使用Axure。

 9、为第二个矩形框和第三个矩形框进行第八步的设置动作,这时候预览效果,就可以预览选项卡控件了。 

 根据上文为你们分享的使用Axure RP制作出选择卡控件的具体操作流程,你们是不是都学会制作的方法啦! 

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处:https://www.cwhello.com/165226.html

(0)
上一篇 2024-05-01 09:14
下一篇 2024-05-01 09:48

相关推荐

  • 关于Axure。

    部分用户在使用Axure RP 8.0软件的时候,并不是很熟悉其中制作自适应页面元件的方法?今日在这里重蔚自留地小编就为各位带来了Axure RP8.0制作自适应页面元件的具体教程…

    4天前
    02
  • 分享Axure。

    今天重蔚自留地小编讲解了在Axure RP 8绘画漂亮游泳圈图形步骤,下文就是关于在Axure RP 8绘画漂亮游泳圈图形的教程,一起来学习吧。 Axure RP 8绘画漂亮游泳圈…

    2025-09-23
    08
  • 我来教你Axure。

    很多新手小伙伴还不了解Axure RP 8设置显示网格的具体操作,所以下面重蔚自留地小编就带来了Axure RP 8设置显示网格的详细教程哦。 Axure RP 8设置显示网格的具…

    2025-09-01
    06
  • 关于Axure。

     很多人的工作中都需要使用大Axure RP软件,那么你们晓得Axure RP是怎么制作文字滚动动态效果的呢?下文就为你们带阿里了Axure&ensp…

    2025-07-17
    04
  • 说说Axure。

     一些同学们在使用Axure RP的时候,出现无法预览页面的情况,该怎么处理呢?下文就为大伙带来了Axure RP出现无法预览页面的具体解决方法。&e…

    2025-07-07
    06
  • 小编分享在Axure。

    重蔚自留地小编今天讲解在Axure RP 8中用函数统计字符串长度的操作过程,接下来就一起学习在Axure RP 8中用函数统计字符串长度的…

    2025-06-16
    08
  • 图文详解Axure。

    说到Axure RP 8.0想必伙伴们都知道吧,那么入手后知道如何才能设计出自适应页面元件吗?不熟悉的伙伴一起开看看Axure RP 8.0设计出自适应页面元件的操作过程吧。 Ax…

    2025-04-27
    07
  • 分享使用Axure。

     很多的用户都在使用Axure RP 8,那么你们知道好设置点击事件改变图片呢?下文就为你们带来了使用Axure RP 8设置点击…

    2025-04-22
    07
  • 分享Axure。

    Axure RP 8.0r如何导入RP文件?熟悉Axure RP 软件是非常简单的,今天重蔚自留地小编就分享了关于Axure RP8.0导入RP文件的操作步骤,有需要的朋友一起来看…

    2025-03-25
    08
  • 图文详解使用Axure。

     因为工作需要得用Axure RP 8绘画出一只漂亮气球图形,你们了解绘画的方法吗?下文就为大伙带来了使用Axure RP 8绘画…

    2025-03-16
    08