import tkinter as tk
import sys

class Textarea(tk.Frame):
    def __init__(self, master=None):
        # 親フレームの引継ぎ
        tk.Frame.__init__(self, master)
        # タイトル定義
        master.title('test')
        # Windowの大きさの定義
        master.geometry('1280x720')
        # Textareaの定義
        self.text = tk.Text(master)
        #scrollbar
        self.scrollx = tk.Scrollbar(master, orient=tk.HORIZONTAL)
        self.scrolly = tk.Scrollbar(master, orient=tk.VERTICAL)
        self.scrollx.pack(side="bottom", fill="x")
        self.scrolly.pack(side="right", fill="y")
        # Textareaの表示
        self.text.pack(fill="both", expand=True)
        # scrollbarとTextareaの同期
        self.text["yscrollcommand"] = self.scrolly.set
        self.text["xscrollcommand"] = self.scrollx.set
        self.text["wrap"] = "none"

        # menubar
        men = tk.Menu(master)
        master.config(menu=men)
        menu_file = tk.Menu(men,tearoff=0)
        menu_edit = tk.Menu(men,tearoff=0)
        menu_format = tk.Menu(men,tearoff=0)
        menu_view = tk.Menu(men,tearoff=0)
        menu_help = tk.Menu(men,tearoff=0)
        men.add_cascade(label="file", menu=menu_file)
        menu_file.add_command(label='New', under=0)
        menu_file.add_command(label='Open...', under=0)
        menu_file.add_command(label='Save', under=0)
        menu_file.add_command(label='Save As...', under=0)
        menu_file.add_separator()
        menu_file.add_command(label='Page Setup...', under=0)
        menu_file.add_command(label='Print...', under=0)
        menu_file.add_separator()
        menu_file.add_command(label='Exit', under=0, command=sys.exit)
        men.add_cascade(label='Edit',menu=menu_edit)
        men.add_cascade(label='Format',menu=menu_format)
        men.add_cascade(label='View',menu=menu_view)
        men.add_cascade(label='Help',menu=menu_help)

if __name__ == "__main__":
    root = tk.Tk()
    textarea = Textarea(root)
    root.mainloop()

これを実行すると以下のようにメニューバーを表示することができます。 f:id:agepan4869:20211114122907p:plain

Tab文字をスペースに

ふと、タブを入力したら、タブ文字で入力されていて、個人的に嫌だったのでスペースでのタブに変更します。

タブ関数と、バインドのショートカットを作成します。タブ関数では、スペースを4つ入力するように処理を記述します。

また、が入力された際の処理を作成したタブ関数に変更します。

実際に作成したコードが以下になります。

class Textarea(tk.Frame):
    def tab(self, *args):
        self.text.insert(tk.INSERT, ' ' * 4)
        return 'break'

    def bind_shortcuts(self, *args):
        text = self.text
        text.bind('<Tab>', self.tab)

これで無事タブを4スペースで入力されるのでうれしくなれました。

さいごに

今回は、ちょっとした実装のみを行いました。次は、行番号の表示に挑戦してみたいと思います。

2021-11-13

Windowsのメモ帳をつくってみる(1)

はじめに

PythonでのGUIアプリケーションの作成を行ってみたいと思い少しずつ学んでいこうと思う。今回はTkinterを用いる。

フレーム表示

まずは、フレームを表示できないと何も始まらないので軽く調べて表示してみる。

import tkinter as tk

class Textarea(tk.Frame):
    def __init__(self, master=None):
        # 親フレームの引継ぎ
        tk.Frame.__init__(self, master)
        # タイトル定義
        master.title('test')
        # Windowの大きさの定義
        master.geometry('1280x720')

if __name__ == "__main__":
    root = tk.Tk()
    textarea = Textarea(root)
    root.mainloop()

表示してみると以下のようになる

f:id:agepan4869:20211113102836p:plain

テキストエリアの表示

今回の最終目標は、Windowsにデフォルトであるメモ帳を参考にしたテキストエディタを作成することにするそのため、まず確実に必要そうなテキストエリアの表示を行う。

tkinterでは、ウィジェットを定義するだけでは繁栄されないらしいので、ウィジェットを定義した後に明示的に配置してあげる必要があるらしい。

self.textarea.pack()内で fill="both"を指定することで、表示ウィンドウ全体に表示でき、 expand=Trueにすることでウィンドウサイズ変更した際にテキストエリアも一緒にサイズ変更してくれるらしい。

import tkinter as tk

class Textarea(tk.Frame):
    def __init__(self, master=None):
        # 親フレームの引継ぎ
        tk.Frame.__init__(self, master)
        # タイトル定義
        master.title('test')
        # Windowの大きさの定義
        master.geometry('1280x720')
        # Textareaの定義
        self.textarea = tk.Text(master)
        # Textareaの表示
        self.textarea.pack(fill="both", expand=True)

if __name__ == "__main__":
    root = tk.Tk()
    textarea = Textarea(root)
    root.mainloop()

実行すると以下のようになる。

f:id:agepan4869:20211113104943p:plain

スライドバーの表示

このままでは使いにくそうなので、スライドバーを作りたいと思う。スライドバーを設定する際にorientで配置の向きを調整することができる水平(HORIZONTAL)、垂直(VERTICAL) これを用いてx軸y軸ともにスライドバーを配置した。

スライドバーを配置するだけだとスライドバーと何も同期していないので、ただの飾りとなってしまう。そのため、作成したテキストエリアとの同期を行う必要がある。

テキストエリアのデフォルトは文字列の折り返しがオンとなっているらしいので、 x軸のスライドバーを実装したい場合には、テキストエリアでwrapをnoneに指定してあげる必要があるっぽい。

実際に実装したコードは以下のようになる。

import tkinter as tk

class Textarea(tk.Frame):
    def __init__(self, master=None):
        # 親フレームの引継ぎ
        tk.Frame.__init__(self, master)
        # タイトル定義
        master.title('test')
        # Windowの大きさの定義
        master.geometry('1280x720')
        # Textareaの定義
        self.text = tk.Text(master)
        #scrollbar
        self.scrollx = tk.Scrollbar(master, orient=tk.HORIZONTAL)
        self.scrolly = tk.Scrollbar(master, orient=tk.VERTICAL)
        self.scrollx.pack(side="bottom", fill="x")
        self.scrolly.pack(side="right", fill="y")
        # Textareaの表示
        self.text.pack(fill="both", expand=True)
        # scrollbarとTextareaの同期
        self.text["yscrollcommand"] = self.scrolly.set
        self.text["xscrollcommand"] = self.scrollx.set
        self.text["wrap"] = "none"

if __name__ == "__main__":
    root = tk.Tk()
    textarea = Textarea(root)
    root.mainloop()

これを実行すると画像のようになる。 f:id:agepan4869:20211113110405p:plain