最新消息:

Axure中继器内的下拉菜单按钮

Axure中级教程 Jorkin 1008浏览

前言

经常在群里看到有人询问中继器内部的下拉菜单按钮,在做数据列表时经常用到,很多新手会做成这个样子:

下拉菜单会把行撑出来好高一块空白,非常难看。对于Axure新手来说,碰到这种问题还是会很棘手。

奇怪的是互联网上还找不到教程,其实这个功能本身并不难。

低保真教程

如果你做的是低保真原型,对按钮及下拉选项的样式没有特别要求的话,可以直接使用默认的“水平菜单”元件,直接添加子菜单及交互就可以,也可以加些简单的交互样式。

高保真教程

对于高保真原型,一般是在按钮的下方放一个隐藏的样式漂亮的动态面板,该面板内部再放置操作按钮组。

在“更多操作”上添加“点击时”或者“鼠标悬停时”交互。注意细节:“置于顶层”和“弹出效果”,否则会出现遮挡:

关键中的关键来了,取消中继器的“适应HTML内容

这样,一个中继器内部的按钮弹出下拉菜单就做好了。不会撑开行高,也不会被下面的行遮挡。

如果觉得我的教程做的不错呢,欢迎关注、收藏、转发、捐赠,谢谢。

原文链接:Axure中继器内的下拉菜单按钮

转载请注明:最InのAxure » Axure中继器内的下拉菜单按钮