Axure 绘制表格添加删除

axure,绘制,表格,添加,删除 · 浏览次数 : 415

小编点评

```python import tkinter as tk # 创建窗口 window = tk.Tk() window.title("添加数据表格") # 创建数据表格 table = tk. ttk.Treeview(window, columns=("姓名", "性别", "年龄", "电话", "删除")) table.heading("姓名", text="姓名") table.heading("性别", text="性别") table.heading("年龄", text="年龄") table.heading("电话", text="电话") table.heading("删除", text="删除") table.pack() # 创建按钮 add_button = tk.Button(window, text="添加", command=lambda: add_data(table)) add_button.pack() # 创建数据表格的表头 header_row = ["姓名", "性别", "年龄", "电话", "删除"] table.insert("", "1", values=header_row) # 设置交互样式和交互用例 table.configure(highlightthickness=1) table.configure(selectmode="single") # 添加数据按钮的交互样式 add_button.config(activebackground="gray75") add_button.config(command=lambda: add_data(table)) # 添加确认和取消按钮的交互样式 confirm_button = tk.Button(window, text="确认", command=lambda: confirm_data(table)) cancel_button = tk.Button(window, text="取消", command=lambda: cancel_data(table)) confirm_button.pack() cancel_button.pack() # 设置数据输入限制 table.config(number_columns=5) table.config(allow_columns=["name", "sex", "age", "phone", "delete"]) # 设置年龄、电话输入框的输入法 table["name"]["editable"] = False table["phone"]["editable"] = False # 设置窗口显示 window.mainloop() ```

正文

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 绘制表格添加删除相似的内容:

Axure 绘制表格添加删除

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

Axure 表格中根据条件设置不同的字体样式--中继器

中继器+表格,根据条件设置不同的字体样式 思路:根据情形,设置不同的颜色,因为Axure 不能直接对元件的样式进行交互设置,所以借助【动态面板】进行设置 绘制表格详见:https://www.cnblogs.com/vipsoft/p/17058101.html 在年龄单元格中,拖一个动态面板,根据

Axure和墨刀——两款原型设计工具介绍

Axure与墨刀是两款在原型设计领域广受欢迎的工具,各具特点和优势: Axure: Axure RP是一款功能强大的原型设计工具,广泛应用于交互设计和用户体验设计领域。它提供了丰富的交互元素库、高保真度的原型制作功能以及复杂的交互流程设计工具。 设计师可以使用Axure快速创建原型,并进行用户测试和

Axure Axhub Charts 数据编辑、显示

Axhub Charts图表元件库: https://www.axureshop.com/a/100749.html

Axure 自定义元件库

点击文件 -> 新建元件库 可以添加多个元件,并将期重命名 保存元件库 新建页面 添加元件,选择自建的元件库 导入后就会发现我的原件库 这样就可以使用我们自定义的元件库了

Axure 创建轮播图

拖一个动态面板,设置名称 双击动态面板,添加3个状态 给3个状态,分别添加3张图片 设置交互 新建交互 -> 载入时 -> 设置面板状态 双击进去,界面看得直观些 下一项、向后循环,循环间隔 2S

Axure 获取验证码

拖两个矩形框,一个用来做文档输入,一个做获取验证码的按钮 设置全局变量OnLoadVariable的初如值为60 1、用例中的条件:当OnLoadVariable的值不等于0 2、用例中的步骤 禁用“按钮” 设置当前元件文本的值为“[[OnLoadVariable-1]]秒后重新获取 设置全局变量的

Axure 进度条制作

拖两个矩形,一个用来做边框,另一个用来做进度 下图进度条的宽要设为2,如果是1的话,看不到背景色动 百分比 进度条 百分比 [[Math.floor(jdt.width/bk.width100)]] 没生效 [[(This.width/b.width100).toFixed(0)]]% 这个可以 进

Axure 母版红色怎么去除?

视图 => 遮罩 => 母版 勾选去掉

Axure 多人协作

创建团队项目 团队 => 从当前文件创建团队项目 签出的文件才能被修改 签出 签入 发布评论 邀请 编辑的5种状态 和SVN差不多的概念 已有项目导入 https://www.bilibili.com/video/BV1HW411H7Mj