Python3 Tkinter キーボードを作る

Question

Tkinterでボタンを配置してキーボードを作りたいです。

全部ではないですが、下のようにキーボードを作っていくと、
マス目のようにボタンが配置されます。

それでもいいのですが、実際のキーボードは
配置がずれています。
（Tab、capslockなどのキーの長さが異なるため）

この配置を表現することは可能ですか？
（widthを指定したりplace()を使うなどあると思いますが、ウィンドウの大きさを変える前提で考えているので、この方法だと表示が崩れると思いました。）

import tkinter as tk

win = tk.Tk()

win.rowconfigure((0,1), weight=1)
win.columnconfigure((0,1), weight=1)

button_1 = tk.Button(win, text="1")
button_1.grid(row=0, column=0, sticky="nsew")

button_2 = tk.Button(win, text="2")
button_2.grid(row=0, column=1, sticky="nsew")

button_q = tk.Button(win, text="Q")
button_q.grid(row=1, column=0, sticky="nsew")

button_w = tk.Button(win, text="Q")
button_w.grid(row=1, column=1, sticky="nsew")

win.mainloop()

Answer 1

columnspanでキー1つに2マス使えば行けるんではないだろうか。

button_1 = tk.Button(win, text="1")
button_1.grid(row=0, column=0,columnspan=2, sticky="nsew")

button_2 = tk.Button(win, text="2")
button_2.grid(row=0, column=2,columnspan=2, sticky="nsew")

button_q = tk.Button(win, text="Q")
button_q.grid(row=1, column=1,columnspan=2, sticky="nsew")

Answer 2

プラットフォームの提供する 「On-Screen キーボード」が使えるなら
そちらを使った方が良いと思います。（呼び出し方は、プラットフォーム毎に異なります）

---

(確認点)Enter キーが特殊な形状でなくても良いなら

レイアプトの実装案は、grid の columnspan を指定することで、
複数列に跨るグリッドを表現できます。

キーの columnspan:2 として、TAB:3, CAPS:4, SHIFT:5

import tkinter as tk
from tkinter import ttk

KEYBOARD_LAYOUT = [
    # ["ESC", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
    ["Tab", "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P"],
    ["Caps", "A", "S", "D", "F", "G", "H", "J", "K", "L", ";", "Enter"],
    ["Shift", "Z", "X", "C", "V", "B", "N", "M", ",", ".", "/"]
]
KEYBOARD_GRIDSPAN = [
    # [2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2], # ESC
    [3, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2], # Tab
    [4, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2], # Caps
    [5, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2], # Shift
]

def iter_colspan(grid, column=0):
    """
    column, columnspan を返すジェネレーター

    grid に指定する column は span のサイズだけ進める事になるので

    Tab (column=0, span=3)
    Q (column=3, span=2) # columnは直前の column+span
    W (column=5, span=2)

    [(0,3), (3,2), (5,2), ...] といった数列を返します

    """
    for colspan in grid:
        yield column, colspan
        column += colspan


root = tk.Tk()

for row, (grid, data) in enumerate(zip(KEYBOARD_GRIDSPAN, KEYBOARD_LAYOUT)):
    for (col, span), text in zip(iter_colspan(grid), data):
        # print(row, col, span, text)
        label = ttk.Button(root, text=text)
        label.grid(row=row, column=col, columnspan=span,
            padx=2, pady=2, sticky=tk.NSEW
            )

root.grid_rowconfigure(list(range(5)), weight=1)
root.grid_columnconfigure(list(range(30)), weight=1)
root.geometry("800x200")
root.mainloop()

リサイズ対応でレイアウトを保つのは難しいかもしれません。
リサイズ時のイベントで columnconfigure の minsize 調整等。

※ KEYBOARD_LAYOUT, KEYBOARD_GRIDSPAN の最初の行のコメントを外すと確認できますが、
セル幅を伸縮可能にすると、columnspan の幅は等分割ではないので、
spanでの「ずれ」が誤差範囲になってしまいます。