DearPyGuiの使い方｜pipでのインストールから日本語表示・画面の作り方まで

py -m pip install dearpygui==2.3.1

py -c "import dearpygui; print(dearpygui.__version__)"

py -c "import sys; print(sys.executable)"

import dearpygui.dearpygui as dpg

dpg.create_context()                          # 1. 準備

with dpg.window(tag="main"):                  # 2. 画面の中身を作る
    dpg.add_text("Hello, DearPyGui!")
    dpg.add_text("こんにちは")

dpg.create_viewport(title="Hello", width=400, height=200)  # 3. OSのウィンドウを作る
dpg.setup_dearpygui()
dpg.show_viewport()
dpg.set_primary_window("main", True)          # 4. main をウィンドウいっぱいに広げる
dpg.start_dearpygui()                         # 5. 閉じるまでここで動き続ける
dpg.destroy_context()                         # 6. 後片付け

import dearpygui.dearpygui as dpg

dpg.create_context()

# ここを追加：日本語フォントを登録して、アプリ全体に使う
with dpg.font_registry():
    font = dpg.add_font(r"C:\Windows\Fonts\YuGothM.ttc", 18)   # 游ゴシック、18px
dpg.bind_font(font)

with dpg.window(tag="main"):
    dpg.add_text("Hello, DearPyGui!")
    dpg.add_text("こんにちは")

dpg.create_viewport(title="Hello", width=400, height=200)
dpg.setup_dearpygui()
dpg.show_viewport()
dpg.set_primary_window("main", True)
dpg.start_dearpygui()
dpg.destroy_context()

with dpg.font_registry():
    font = dpg.add_font(r"C:\Windows\Fonts\YuGothM.ttc", 18)   # 游ゴシック、18px
dpg.bind_font(font)

with dpg.font(r"C:\Windows\Fonts\meiryo.ttc", 18) as font:
    dpg.add_font_range_hint(dpg.mvFontRangeHint_Japanese)

import dearpygui.dearpygui as dpg

dpg.create_context()
# （4章の日本語フォントの登録）

# ↓ここに各節のコードを入れる

dpg.create_viewport(title="Sample", width=560, height=420)
dpg.setup_dearpygui()
dpg.show_viewport()
dpg.set_primary_window("main", True)
dpg.start_dearpygui()
dpg.destroy_context()

with dpg.window(tag="main"):
    dpg.add_text("ふつうの文字")
    dpg.add_text("色付きの文字", color=(255, 180, 80))         # (R, G, B)
    dpg.add_text("箇条書きの文字", bullet=True)
    dpg.add_text("wrap を指定すると、指定した幅（ピクセル）で自動的に折り返します。"
                 "長い説明文を表示するときに使います。", wrap=300)
    dpg.add_separator()                                          # 区切り線
    dpg.add_separator(label="見出し付きの区切り線")
    dpg.add_text("tag を付けておくと、あとから中身を書き換えられます", tag="msg")
    dpg.set_value("msg", "set_value で書き換えました")

count = 0


def on_click(sender, app_data, user_data):
    # sender: 押された部品の tag / app_data: ボタンでは None / user_data: 自分で渡した値
    global count
    count += 1
    dpg.set_value("result", f"{count}回押されました（sender={sender}, user_data={user_data}）")


with dpg.window(tag="main"):
    dpg.add_button(label="押してね", callback=on_click, tag="btn_a", user_data="Aボタン")
    dpg.add_button(label="大きいボタン", width=200, height=40,
                   callback=on_click, tag="btn_b", user_data="Bボタン")
    dpg.add_button(label="小さいボタン", small=True, callback=on_click,
                   tag="btn_c", user_data="Cボタン")
    dpg.add_text("まだ押されていません", tag="result")

def show_values(sender, app_data, user_data):
    # 入力された値は get_value(tag) で読み出す
    name = dpg.get_value("name")
    age = dpg.get_value("age")
    memo = dpg.get_value("memo")
    dpg.set_value("result", f"名前: {name} / 年齢: {age}（{type(age).__name__}） / メモ: {len(memo)}文字")


with dpg.window(tag="main"):
    # label は入力欄の右側に表示される（左側に出す方法は 05_layout.py）
    dpg.add_input_text(tag="name", label="名前", hint="名前を入力", width=250)
    dpg.add_input_text(tag="password", label="パスワード", hint="パスワード",
                       password=True, width=250)
    dpg.add_input_int(tag="age", label="年齢（0〜120）", default_value=20,
                      min_value=0, max_value=120,
                      min_clamped=True, max_clamped=True, width=250)
    dpg.add_input_text(tag="memo", label="メモ", multiline=True, width=400, height=80,
                       default_value="複数行の入力欄です")
    dpg.add_button(label="入力内容を表示", callback=show_values)
    dpg.add_text("", tag="result")

def on_change(sender, app_data, user_data):
    # 選択系の部品は、変更後の値が app_data に入ってくる
    dpg.set_value("result", f"{sender} → {app_data!r}（{type(app_data).__name__}）")


with dpg.window(tag="main"):
    dpg.add_checkbox(label="通知を受け取る", tag="notify", callback=on_change)
    dpg.add_radio_button(items=["小", "中", "大"], default_value="中", horizontal=True,
                         tag="size", callback=on_change)
    dpg.add_combo(items=["りんご", "みかん", "ぶどう"], default_value="りんご", width=200,
                  tag="fruit", callback=on_change)
    dpg.add_slider_int(default_value=50, min_value=0, max_value=100, width=200,
                       tag="volume", callback=on_change)
    dpg.add_listbox(items=["東京", "大阪", "名古屋", "福岡"], num_items=4, width=200,
                    tag="city", callback=on_change)
    dpg.add_text("部品を操作すると、ここに値が出ます", tag="result")

with dpg.window(tag="main"):
    # 何も指定しなければ、上から順に縦に並ぶ
    dpg.add_button(label="縦1")
    dpg.add_button(label="縦2")

    # group(horizontal=True) の中は横に並ぶ
    with dpg.group(horizontal=True):
        dpg.add_button(label="横1")
        dpg.add_button(label="横2")
        dpg.add_button(label="横3")

    dpg.add_spacer(height=15)                      # 縦の余白
    dpg.add_text("indent で字下げ", indent=30)

    dpg.add_separator(label="ラベルの位置")
    # label を付けると、部品の「右側」に表示される
    dpg.add_input_text(label="名前", width=200)

    # 左側に項目名を出したいときは、add_text と横並びにする
    with dpg.group(horizontal=True):
        dpg.add_text("名前")
        dpg.add_input_text(width=200)

    # 項目名の長さがバラバラでも入力欄の位置をそろえたいときは、
    # 枠線なしのテーブルを使う（1列目の幅を固定する）
    with dpg.table(header_row=False):
        dpg.add_table_column(width_fixed=True, init_width_or_weight=130)
        dpg.add_table_column()
        for item in ["氏名", "メールアドレス"]:
            with dpg.table_row():
                dpg.add_text(item)
                dpg.add_input_text(width=200)

with dpg.window(tag="main"):
    with dpg.tab_bar():
        with dpg.tab(label="基本設定"):
            # child_window: 枠で囲んだ領域。高さを超えるとスクロールする
            with dpg.child_window(height=120, border=True):
                for i in range(10):
                    dpg.add_text(f"枠の中の{i + 1}行目")

            # collapsing_header: クリックで開閉できる見出し
            with dpg.collapsing_header(label="詳細設定（クリックで開閉）", default_open=True):
                dpg.add_checkbox(label="自動保存する")
                dpg.add_checkbox(label="起動時に更新を確認する")

        with dpg.tab(label="その他"):
            dpg.add_text("タブを切り替えると、別の画面を表示できます")

py check_old_api.py