教大家使用Axure制作带边框的表格

2025-11-23 18:07:01

1、打开Axure原型工具,今天教大家使用Axure制作带边框的表格,效果如下图所示。

教大家使用Axure制作带边框的表格

2、首先我们从元件库中拖入需要的元件,包括矩形及中继器,如下图所示。

教大家使用Axure制作带边框的表格

3、然后我们对矩的大小及样式进行调整,并加入一些文字描述,如下图所示。

教大家使用Axure制作带边框的表格

4、然后我们将这个表头复制到中继器中,并把每个字段进行命名,后面要使用到,如下图所示。

教大家使用Axure制作带边框的表格

5、然后这里可以设置一下鼠标悬停的交互样式,如下图所示。

教大家使用Axure制作带边框的表格

6、下面我们给中继器中加入一些数据,并对每项加载时的事件进行设置,如下图所示。

教大家使用Axure制作带边框的表格

7、所有工作准备完成,f5预览看一下动画效果,如下图所示。

教大家使用Axure制作带边框的表格

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢