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

绘制表格

image

中继器

image

绘制弹框

(1)4个文本标签的文本分别为姓名、性别、年龄和电话;
(2)4个文本框分别命名为“姓名”“性别”“年龄”和“电话”,一一对应放在文本标签右边
(3)2个矩形中,一个文本和命名均为“确认”,另一个文本和命名均为“取消”。
Axure 绘制表格添加删除-小白菜博客
image

添加按钮

设置交互样式和交互用例
交互样式为:鼠标悬停和鼠标按下均设置填充颜色为灰色
交互用例为:鼠标单击时显示“弹出框”
Axure 绘制表格添加删除-小白菜博客
image

中继器设置数据

Axure 绘制表格添加删除-小白菜博客
Axure 绘制表格添加删除-小白菜博客
image

删除按钮

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

确定按钮

交瓦用例设置为:鼠标单击时添加一行数据并隐藏“弹出框”
Axure 绘制表格添加删除-小白菜博客
image

取消按钮

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

预览

image

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