首页 > 其他分享 >Axure 绘制表格添加删除

Axure 绘制表格添加删除

时间:2023-01-17 16:35:23浏览次数:42  
标签:鼠标 表格 中继器 添加 按钮 Axure 文本 绘制

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

绘制表格

image

中继器

image

绘制弹框

(1)4个文本标签的文本分别为姓名、性别、年龄和电话;
(2)4个文本框分别命名为“姓名”“性别”“年龄”和“电话”,一一对应放在文本标签右边
(3)2个矩形中,一个文本和命名均为“确认”,另一个文本和命名均为“取消”。
image
image

添加按钮

设置交互样式和交互用例
交互样式为:鼠标悬停和鼠标按下均设置填充颜色为灰色
交互用例为:鼠标单击时显示“弹出框”
image
image

中继器设置数据

image
image
image

删除按钮

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

确定按钮

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

取消按钮

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

预览

image

标签:鼠标,表格,中继器,添加,按钮,Axure,文本,绘制
From: https://www.cnblogs.com/vipsoft/p/17058101.html

相关文章

  • 基于MATLAB的绘制并制作动图视频附完整代码
    ✅作者简介:热爱科研的Matlab仿真开发者,修心和技术同步精进,matlab项目合作可私信。......
  • Svelte框架实现表格协同文档
    首先,从框架搭建上,本篇示例采用当下流行的前后端分离的开发方式,前端使用npm作为脚手架搭建Svelte框架。后端使用Java的SpringBoot作为后端框架。首先,介绍下在前端Svelte......
  • networkx构建delaunay图,并根据节点坐标绘制图
    fromlibpysalimportweights,examplesfromlibpysal.cgimportvoronoi_framesfromcontextilyimportadd_basemapimportmatplotlib.pyplotaspltimportnetwor......
  • 关于打印HTML表格时遇到的一些问题
    在实现使用jqprint打印表格时,遇到的一些问题1、当使用thread和tfoot元素时,当内容超过一页时,标头和表尾的的内容会出现在每一页。这是因为浏览器解析HTML默认定义的,所以最......
  • HTML之图像,表格,列表,区块(笔记小结)
    ((8)-HTML之图像,表格,列表,区块)1图像1.1图像标签图像由<img>标签定义;<img>是空标签,只包含属性,并且没有闭合标签;需要使用源属性(src),页面上才能显示图像,其值是图像的UR......
  • CAD动态块操作实例:绘制剖面符号
    CAD动态块与普通的CAD图块相比,其图形夹点更多,设计师可以利用动态块的夹点对图形进行快速调整,自由拉伸长度、随心切换隐藏形态等。本节,给大家分享一下浩辰CAD软件中利用CAD......
  • 机械CAD中如何快速绘制对刀塞尺?
    在机械CAD制图过程中,当需要绘制对刀塞尺时,该如何操作?浩辰CAD机械软件集机械绘图、机构设计、数据管理于一体,提供了丰富的夹具库,可以一键绘制对刀塞尺,接下来的机械CAD制图教......
  • Matplotlib绘制散点图与条形图
    Matplotlib绘制散点图与条形图绘制散点图#绘制散点图frommatplotlibimportpyplotaspltfrommatplotlibimportfont_manager#C:\Windwos\Fonts\msyh.ttcmy_......
  • 开源Vue表格组件,表格插件源码
    开源Vue表格组件,表格插件源码前言:关于html里面原生的table,通常满足不了程序员的要求。所以开发了一款表格插件,其功能有:1导入json格式数据后,自动填充表格。表格长宽自适应、......
  • vue3.2 + element-plus 表单嵌套表格实现动态表单验证
    借鉴了这位兄弟的思想,进行了优化和vue3.2语法糖改造:https://blog.csdn.net/weixin_45295253/article/details/115582504实现:<template><el-formref="formRef":mod......