Axure 绘制表格添加删除

简介: Axure 绘制表格添加删除

1、添加按钮:白底黑框,80X30,文本和命名均为“添加”;

2、数据表格(表头):1行5列,灰底黑框的表格作为表头,从左到右每个格子的文字分别为:姓名、性别、年龄、电话和操作:

3、数据表格(表身):一个中继器,中继器里面是一个1行5列,白底黑框的表格,从左到右5个格子分别命名为“姓名”、“性别”、“年龄”、“电话”和“删除”,其中最右边一个格子文字为:删除,字体为蓝色加下划线.

绘制表格

中继器

绘制弹框

(1)4个文本标签的文本分别为姓名、性别、年龄和电话;

(2)4个文本框分别命名为“姓名”“性别”“年龄”和“电话”,一一对应放在文本标签右边

(3)2个矩形中,一个文本和命名均为“确认”,另一个文本和命名均为“取消”。

添加按钮

设置交互样式和交互用例

交互样式为:鼠标悬停和鼠标按下均设置填充颜色为灰色

交互用例为:鼠标单击时显示“弹出框”

中继器设置数据

删除按钮

交互用例设置为:鼠标单击时删除 this 行

确定按钮

交瓦用例设置为:鼠标单击时添加一行数据并隐藏“弹出框”

取消按钮

交瓦用例设置为:鼠标单击时隐藏“弹出框”

预览

如果年龄、电话中不能输入数字,注意切换一下输入法

目录
相关文章
|
3月前
|
存储 数据可视化 UED
Axure中继器动态数据图表制作
在Axure RP中,中继器(Repeater)是一个非常强大的工具,它允许设计者动态地展示和交互数据,进而创建各种复杂的数据可视化图表,如柱状图、条形图、堆叠图、散点图和对比图。以下将详细介绍如何使用中继器来设计这些图表。
64 16
Axure中继器动态数据图表制作
|
4月前
Axure 中继器 实现选取表格行、列交互
Axure 中继器 实现选取表格行、列交互
54 5
|
4月前
Axure 表格中根据条件设置不同的字体样式--中继器
Axure 表格中根据条件设置不同的字体样式--中继器
86 0
|
4月前
Axure Axhub Charts 数据编辑、显示
Axure Axhub Charts 数据编辑、显示
65 0
表格制作
3.6表格制作 3.6.1创建表格 1)使用虚拟表格: 最大可以插入0列,8行 2)使用“插入表格”对话框: 最大可以插入,63列,32767行 3)手动绘制表格:横线,竖线,斜线 4)调用Excel电子表格 5)使用“快速表格”功能创建表格:样式和内容预设 6)文字可以转换成表格,表格也可以转换为文字 3.6.2 编辑表格 1、选择操作区域 1选择单个单元格 2选择连续的单元格(Shirt) 3选择分散的单元格(Ctrl) 4选择一行 5选择一列 6选择整个表格 2、调整行高与列宽 1将光标插入点定位到某个单元格内,切换到“表格工具/布局”选项卡,在“单元格大小”组
|
搜索推荐
【Axure教程】自定义表头的表格
【Axure教程】自定义表头的表格
【Axure教程】自定义表头的表格
【Axure教程】中继器表格寻找和标记数据
【Axure教程】中继器表格寻找和标记数据
【Axure教程】中继器图片列表(放大效果)
【Axure教程】中继器图片列表(放大效果)
【Axure教程】中继器图片列表(放大效果)
|
前端开发
Dreamweaver软件设置更改表格颜色的操作方法
Dreamweaver软件设置更改表格颜色的操作方法
722 0
|
搜索推荐
【Axure教程】自定义显示隐藏的中继器表格
【Axure教程】自定义显示隐藏的中继器表格
【Axure教程】自定义显示隐藏的中继器表格