Tkinterでttkスタイルを使ってスクロールバーの外観をカスタマイズする方法

スクロールバー（Scrollbar）は、フレームやウィンドウ内に収まりきらないテキストや文字列をスクロールしながら表示するためのUI部品です。Textウィジェットと組み合わせることで、ユーザーが入力した任意の文字数にも柔軟に対応できます。

スクロールバーには「水平スクロールバー」と「垂直スクロールバー」の2種類があります。

Textウィジェット内の文字数が増えると、スクロールバーのつまみ（スライダー）の長さも自動的に変化します。スクロールバーのスタイルを変更したい場合は、ttk.Scrollbarを使用しましょう。ttkには、スクロールバーを自由にカスタマイズできる組み込み機能や属性が多数用意されています。

実装例

ここでは、Textウィジェットに垂直スクロールバーを追加し、ttkスタイルテーマを使ってスクロールバーの見た目をカスタマイズします。この例では「classic」テーマを適用しています。利用可能なttkテーマの一覧については、公式ドキュメントなどを参照してください。

# 必要なライブラリをインポート
from tkinter import *
from tkinter import ttk

# Tkinterフレームのインスタンスを作成
win = Tk()

# フレームのサイズを設定
win.geometry("700x250")

style = ttk.Style()
style.theme_use('classic')
style.configure("Vertical.TScrollbar", background="green", bordercolor="red", arrowcolor="white")

# 垂直スクロールバーを作成
scrollbar = ttk.Scrollbar(win, orient='vertical')
scrollbar.pack(side=RIGHT, fill=BOTH)

# Textウィジェットを追加
text = Text(win, width=15, height=15, wrap=CHAR,
yscrollcommand=scrollbar.set)

for i in range(1000):
    text.insert(END, i)

text.pack(side=TOP, fill=X)

# スクロールバーをTextウィジェットに連携
scrollbar.config(command=text.yview)

win.mainloop()

実行結果

上記のコードを実行すると、Textウィジェットと、緑色の背景・赤い枠線・白い矢印にカスタマイズされた垂直スクロールバーが表示されたウィンドウが出力されます。