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个格子分别命名为“姓名”、“性别”、“年龄”、“电话”和“删除”,其中最右边一个格子文字为:删除,字体为蓝色加下划线.
绘制表格
中继器
绘制弹框
(1)4个文本标签的文本分别为姓名、性别、年龄和电话;
(2)4个文本框分别命名为“姓名”“性别”“年龄”和“电话”,一一对应放在文本标签右边
(3)2个矩形中,一个文本和命名均为“确认”,另一个文本和命名均为“取消”。
添加按钮
设置交互样式和交互用例
交互样式为:鼠标悬停和鼠标按下均设置填充颜色为灰色
交互用例为:鼠标单击时显示“弹出框”
中继器设置数据
删除按钮
交互用例设置为:鼠标单击时删除 this 行
确定按钮
交瓦用例设置为:鼠标单击时添加一行数据并隐藏“弹出框”
取消按钮
交瓦用例设置为:鼠标单击时隐藏“弹出框”
预览
如果年龄、电话中不能输入数字,注意切换一下输入法
与Axure 绘制表格添加删除相似的内容: