[Java] 图形化界面展示iadd_isub_iconst_<i>指令运行效果

1. iconst_m1
2. iconst_0
3. iconst_1
4. iconst_2
5. iconst_3
6. iconst_4
7. iconst_5

这些指令的操作演示：

它们会将特定整数值(-1到5)压入操作数栈。

代码实战

基于上述理论知识，我们开发了可视化工具。以下是核心代码实现，保存为OperandStackVisualizer.py：

import tkinter as tk
from tkinter import ttk, messageboxclass OperandStackVisualizer:
    def __init__(self, root):
        self.root = root
        self.root.title("Operand Stack Visualizationizer")
        self.stack = []  # 栈数据        # 界面样式
        self.frame = ttk.Frame(root, padding=20)
        self.frame.pack()        # 画布：用来画栈的方块
        self.height = 500
        self.canvas = tk.Canvas(self.frame, width=300, height=self.height, bg="white")
        self.canvas.grid(row=0, column=0, columnspan=3, pady=10)        # 按钮
        ttk.Button(self.frame, text="iconst_m1", command=lambda: self.push(-1)).grid(row=1, column=0, padx=5)
        ttk.Button(self.frame, text="iconst_0", command=lambda: self.push(0)).grid(row=1, column=1, padx=5)
        ttk.Button(self.frame, text="iconst_1", command=lambda: self.push(1)).grid(row=1, column=2, padx=5)
        ttk.Button(self.frame, text="iconst_2", command=lambda: self.push(2)).grid(row=2, column=0, padx=5)
        ttk.Button(self.frame, text="iconst_3", command=lambda: self.push(3)).grid(row=2, column=1, padx=5)
        ttk.Button(self.frame, text="iconst_4", command=lambda: self.push(4)).grid(row=2, column=2, padx=5)
        ttk.Button(self.frame, text="iconst_5", command=lambda: self.push(5)).grid(row=3, column=0, padx=5)
        ttk.Button(self.frame, text="iadd", command=self.add).grid(row=3, column=1, padx=5)
        ttk.Button(self.frame, text="isub", command=self.sub).grid(row=3, column=2, padx=5)        # 初始绘制
        self.update_stack()    # ———————— 栈操作 ————————    def push(self, value):
        self.stack.append(value)
        self.update_stack()    def add(self):
        if (len(self.stack) < 2):
            messagebox.showwarning("警告", "栈中元素不足2个，无法执行加法操作！")
            return
        value2 = self.stack.pop()
        value1 = self.stack.pop()
        self.stack.append(value1 + value2)
        self.update_stack()    def sub(self):
        if (len(self.stack) < 2):
            messagebox.showwarning("警告", "栈中元素不足2个，无法执行减法操作！")
            return
        value2 = self.stack.pop()
        value1 = self.stack.pop()
        self.stack.append(value1 - value2)
        self.update_stack()    # ———————— 图形化刷新栈 ————————
    def update_stack(self):
        self.canvas.delete("all")
        block_width = 100
        block_height = 50
        x = 100        # 从下往上画栈（最下面是栈底）
        for i, val in enumerate(self.stack):
            y = self.height - (i+1)*block_height - 10
            self.canvas.create_rectangle(x, y, x+block_width, y+block_height,
                                         fill="#87CEEB", outline="black", width=2)
            self.canvas.create_text(x+block_width/2, y+block_height/2, text=val)# ———————— 启动程序 ————————
if __name__ == "__main__":
    root = tk.Tk()
    app = OperandStackVisualizer(root)
    root.mainloop()

运行命令：

python3 OperandStackVisualizer.py

初始界面显示空栈：

通过以下按钮可添加元素：

1. iconst_m1
2. iconst_0
3. iconst_1
4. iconst_2
5. iconst_3
6. iconst_4
7. iconst_5

添加元素后的栈状态：

点击iadd按钮后，栈顶3和4出栈，和值7入栈：

点击isub按钮后，栈顶7和2出栈，差值-5入栈：

参考资料

1. The Java Virtual Machine Specification中
   1. iadd指令说明
   2. isub指令说明
   3. iconst_指令组说明（含7个子指令）