1 はじめに
前回の記事では、Python スクリプトを GUI ツールキット Tkinter に統合するということで、Tkinter を導入し、テスト パラメータの組み合わせを生成するウィジェットを開発しました。機能は要件を満たしていますが、ページの表示が非常に見苦しいため、改善の必要があります。
この記事では、GUI インターフェイスを美しくするために使用される Tkinter スーパー テーマ拡張機能 package-ttkbootstrap を紹介します。
2. はじめに
Bootstrap からインスピレーションを得た、オンデマンドのモダンなフラット スタイルのテーマを可能にする Tkinter 用の強力なテーマ拡張機能。
インターフェイス自動テストを学習したい場合は、ここで一連のビデオをお勧めします。このビデオは、ステーション B のネットワーク全体でナンバー 1 のインターフェイス自動テスト チュートリアルであると言えます。ユーザーが 1,000 人に達し、収集して使用するメモがあります。各種マスターの技術交流: 798478386
特徴:
1. 内蔵テーマ: 十数個の厳選された暗いテーマと明るいテーマ。
2. 事前定義されたスタイル: アウトラインや円形のトグル ボタンなど、多数の美しい事前定義されたウィジェット スタイル。
3. 単純なキーワード API: メインの古いメソッド Striped.horizontal.TProgressbar を使用する代わりに、primary や Striped などの単純なキーワードを使用して色とタイプを適用します。Web 開発に Bootstrap を使用したことがある場合は、CSS クラスを使用するこのアプローチにすでに慣れているでしょう。
4. 多くの新しいウィジェット: ttkbootstrap には、Meter、DateEntry、Floodgauge など、美しくデザインされたいくつかの新しいウィジェットが付属しています。また、ダイアログにはテーマが設定され、完全にカスタマイズできるようになりました。
5. 組み込みのテーマクリエーター: 独自のテーマを作成したいですか? 簡単!ttkbootstrap には、独自のカスタム テーマを簡単に構築、ロード、参照、適用できる組み込みのテーマ クリエーターが付属しています。
インストール:
python -m pip install ttkbootstrap
GitHub アドレス:
https://github.com/israel-dryer/ttkbootstrap
3. すぐに始めましょう
まず簡単な例を見てみましょう。コードは次のとおりです。
#!/usr/bin/env python
# -*- coding: utf-8 -*-
#
import ttkbootstrap as ttk
from ttkbootstrap.constants import *
root = ttk.Window(themename="superhero")
b1 = ttk.Button(root, text="Submit", bootstyle="success")
b1.pack(side=LEFT, padx=5, pady=10)
b2 = ttk.Button(root, text="Submit", bootstyle="info-outline")
b2.pack(side=LEFT, padx=5, pady=10)
root.mainloop()
スクリプトが実行されるとインターフェイスが表示され、ボタンのスタイルから美化されていることがわかります。
別の例を示します。コードは次のとおりです。
#!/usr/bin/env python
# -*- coding: utf-8 -*-
import ttkbootstrap as ttk
root = ttk.Window(title="公众号:AllTests软件测试", themename="flatly", size=(800, 400), resizable=(False, False))
# 获取电脑屏幕大小
print("电脑分辨率 %dx%d " % (root.winfo_screenwidth(), root.winfo_screenheight()))
# 获取窗口大小,必须先刷新一下屏幕
root.update()
print("窗口分辨率 %dx%d " % (root.winfo_width(), root.winfo_height()))
# 设置窗口处于顶层
root.attributes('-topmost', True)
# 设置窗口透明度
root.attributes('-alpha', 0.8)
# 更改左上角窗口icon图标
root.iconbitmap('C:/Users/wangmeng/Desktop/mytest/tupian.ico')
# 添加文本内容
ttk.Label(root, text="公众号:AllTests软件测试", bootstyle="inverse-danger", font=('Times', 15, 'bold italic underline')).place(x=160, y=70)
# 添加按钮
ttk.Button(root, text="关闭", bootstyle="success-outline", command=root.quit).place(x=350, y=200, width=120, height=60)
# 进入主循环,显示主窗口
root.mainloop()
スクリプトの実行後、アイコン、テキスト、ボタン、ウィンドウの透明度などが設定されます。
コンソールに出力される解像度情報を取得します。
4. スクリプトツールのインターフェースを美しくする
以下の図のように、以前に完成したガジェットです。
コード最適化後、実行後のインターフェーススタイルは以下のようになり、パラメータの組み合わせやグループ化を出力する機能に加え、パラメータを完全に組み合わせる機能が追加され、より美しくなっていることがわかります。
実行するデータを入力すると、表示される結果は次のようになります。
Excel をエクスポートし、出力データをグループ化します。
完全な出力データである Excel をエクスポートします。
TXT、グループ出力データをエクスポートします。
TXT、完全な出力データをエクスポートします。
プロンプト情報のインターフェースも美化されました。
データを入力せずに直接実行ボタンをクリックした場合。
実行せずに直接エクスポートボタンをクリックした場合。
実行ボタンをクリックしたときに、間違ったデータを入力しました。
Excel へのエクスポートが成功したかどうかを確認するメッセージが表示されます。
TXT のエクスポート成功プロンプト。