# MenuBar (Python)

Tiffany Antopolski
tiffany.antopolski@gmail.com 2012
Marta Maria Casetti
mmcasetti@gmail.com 2012
GtkMenuItem 위젯을 가진 위젯
조성호
shcho@gnome.org 2017-2019.

# XML과 GtkBuilder로 만드는 MenuBar

XML과 GtkBuilder로 만든 MenuBar입니다.

# XML로 MenuBar 만들기

XML로 메뉴 표시줄을 만들려면:

원하는 텍스트 편집기로 menubar.ui 파일을 만드십시오.

다음 줄을 파일 상단에 입력합니다:

<?xml version="1.0"? encoding="UTF-8"?>

메뉴 표시줄과 하위 메뉴를 넣을 인터페이스를 만들겠습니다. 메뉴 표시줄에는 파일, 편집, 선택 and 도움말 하위 메뉴를 넣겠습니다. 다음 XML 코드를 파일에 넣겠습니다:

<?xml version="1.0" encoding="UTF-8"?> <interface> <menu id="menubar"> <submenu> <attribute name="label">File</attribute> </submenu> <submenu> <attribute name="label">Edit</attribute> </submenu> <submenu> <attribute name="label">Choices</attribute> </submenu> <submenu> <attribute name="label">Help</attribute> </submenu> </menu> </interface>

이제 .py 파일을 만들고 방금 만든 menubar.ui 파일을 가져올 때 GtkBuilder를 활용하겠습니다.

# GtkBuilder로 창에 MenuBar 추가하기

from gi.repository import Gtk import sys

class MyWindow(Gtk.ApplicationWindow):

def __init__(self, app): Gtk.Window.__init__(self, title="MenuBar Example", application=app) self.set_default_size(200, 200)

class MyApplication(Gtk.Application):

def __init__(self): Gtk.Application.__init__(self)

def do_activate(self): win = MyWindow(self) win.show_all()

def do_startup(self): Gtk.Application.do_startup(self)

# a builder to add the UI designed with Glade to the grid: builder = Gtk.Builder() # get the file (if it is there) try: builder.add_from_file("menubar_basis.ui") except: print("file not found") sys.exit()

# we use the method Gtk.Application.set_menubar(menubar) to add the menubar # to the application (Note: NOT the window!) self.set_menubar(builder.get_object("menubar"))

app = MyApplication() exit_status = app.run(sys.argv) sys.exit(exit_status)

이제 파이썬 프로그램을 실행하십시오 이 페이지의 상단의 그림과 비슷하게 나타납니다.

# 항목을 메뉴에 추가하기

파일 메뉴에 새로 만들기와 끝내기 메뉴 항목 2개 추가로 시작하겠습니다. `파일` 하위 메뉴에 이 항목과 `section`을 추가하면 됩니다. menubar.ui 파일은 다음과 같이 나타나야 합니다(6번째 줄부터 13번째 줄까지 새로 추가한 섹션 구성이 들어갑니다):

## menubar.ui

<?xml version="1.0" encoding="UTF-8"?> <interface> <menu id="menubar"> <submenu> <attribute name="label">File</attribute> <section> <item> <attribute name="label">New</attribute> </item> <item> <attribute name ="label">Quit</attribute> </item> </section> </submenu> <submenu> <attribute name="label">Edit</attribute> </submenu> <submenu> <attribute name="label">Choices</attribute> </submenu> <submenu> <attribute name="label">Help</attribute> </submenu> </menu> </interface>

이런 방식으로 `편집` 하위 메뉴에 `복사` and a `붙여넣기`를 추가하고, `도움말` 하위 메뉴로 `정보` 항목을 추가할 수 있습니다.

# 설정 동작

파이썬 파일에서 콜백 함수로 연결한 "New"와 "Quit"에 대한 동작을 만들겠습니다. 예를 들어 "new"를 다음과 같이 만듭니다:

new_action = Gio.SimpleAction.new("new", None) new_action.connect("activate", self.new_callback)

그리고 "new"의 콜백 함수를 다음과 같이 만듭니다

def new_callback(self, action, parameter): print "You clicked \"New\""

이제 XML 파일에서 "action" 속성을 추가하여 메뉴 항목을 XML 파일의 동작에 연결하겠습니다:

<item> <attribute name="label">New</attribute> <attribute name="action">app.new</attribute> </item>

참고로 프로그램과 관계있는 동작에는 `app` 접두부를 붙입니다. 창과 관계된 동작은 `win` 접두부를 붙입니다.

마지막으로 파이썬 파일에서 프로그램 또는 창에 동작을 추가하겠습니다. 그래서 예를 들어 `app.new`는 다음과 같이 `do_startup(self)` 메서드에서 프로그램에 추가하겠습니다

self.add_action(new_action)

시그널과 콜백 함수에 대한 자세한 내용은 를 참고하십시오.

# 동작: 프로그램 또는 창?

위에서 MyApplication 클래스의 "new"와 "open" 동작을 만들었습니다. 프로그램 자체를 다루는 "quit" 같은 동작은 비슷하게 만듭니다.

"copy"나 "paste" 같은 창을 다루는 일부 동작은, 프로그램에 넣지 않습니다. 창 동작은 창 클래스 부분에 만들어야합니다.

완전한 예제 파일에는 프로그램 동작과 창 동작이 같이 들어있습니다. 창 동작은 보통 프로그램 메뉴 에도 들어갑니다. 프로그램 메뉴에 창 동작이 들어가는건 좋은 실례가 아닙니다. 용도 증명 목적으로, 완전한 예제 파일에서는, "New"와 "Open" 항목이 들어간 프로그램 메뉴를 만드는 사용자 인터페이스 파일에 들어간 XML 내용을 따르며, 동일한 이름을 지닌 메뉴 표시줄 항목과 동일한 동작을 수행합니다.

# 상태가 들어간 선택 하위 메뉴 및 항목

30번째 줄 부터 80번째 줄 까지 코드가 들어간 부분에서 선택 메뉴의 사용자 인터페이스를 만들 때 쓰는 XML 코드 예제를 시연합니다.

여지껏 만든 동작은 상태가 없는 상황인데 동작 자체에 주어진 상태에 따르거나 상태 값을 유지하지 않습니다. 반면에 선택 하위 메뉴에 우리가 만들 동작은 상태를 보유하고 있습니다. 상태를 가진 동작을 만드는 예제는 다음과 같습니다:

shape_action = Gio.SimpleAction.new_stateful("shape", GLib.VariantType.new('s'), GLib.Variant.new_string('line'))

메서드 변수 부분은 다음과 같습니다. 이름, 매개변수 형식(우리 같은 경우는 문자열입니다. 문자 의미에 대한 완전한 내용은 여기 )에 있습니다), 초기 상태(이 경우 'line' 입니다. `True` 부울린 값의 경우는 `Glib.Variant.new_boolean(True)`여야 합니다. 완전한 내용은 이 부분 참고)를 다룹니다.

앞에서와 마찬가지로 상태가 들어간 SimpleAction을 만든 다음 콜백 함수로 연결하고 창(또는 지금 같은 경우는 프로그램)에 추가하겠습니다:

shape_action.connect("activate", self.shape_callback) self.add_action(shape_action)

# 이 예제의 완전한 XML UI 파일

<?xml version="1.0" encoding="UTF-8"?> <interface> <menu id="menubar"> <submenu> <attribute name="label">File</attribute> <section> <item> <attribute name="label">New</attribute> <attribute name="action">app.new</attribute> </item> <item> <attribute name="label">Quit</attribute> <attribute name="action">app.quit</attribute> </item> </section> </submenu> <submenu> <attribute name="label">Edit</attribute> <section> <item> <attribute name="label">Copy</attribute> <attribute name="action">win.copy</attribute> </item> <item> <attribute name="label">Paste</attribute> <attribute name="action">win.paste</attribute> </item> </section> </submenu> <submenu> <attribute name="label">Choices</attribute> <submenu> <attribute name="label">Shapes</attribute> <section> <item> <attribute name="label">Line</attribute> <attribute name="action">win.shape</attribute> <attribute name="target">line</attribute> </item> <item> <attribute name="label">Triangle</attribute> <attribute name="action">win.shape</attribute> <attribute name="target">triangle</attribute> </item> <item> <attribute name="label">Square</attribute> <attribute name="action">win.shape</attribute> <attribute name="target">square</attribute> </item> <item> <attribute name="label">Polygon</attribute> <attribute name="action">win.shape</attribute> <attribute name="target">polygon</attribute> </item> <item> <attribute name="label">Circle</attribute> <attribute name="action">win.shape</attribute> <attribute name="target">circle</attribute> </item> </section> </submenu> <section> <item> <attribute name="label">On</attribute> <attribute name="action">app.state</attribute> <attribute name="target">on</attribute> </item> <item> <attribute name="label">Off</attribute> <attribute name="action">app.state</attribute> <attribute name="target">off</attribute> </item> </section> <section> <item> <attribute name="label">Awesome</attribute> <attribute name="action">app.awesome</attribute> </item> </section> </submenu> <submenu> <attribute name="label">Help</attribute> <section> <item> <attribute name="label">About</attribute> <attribute name="action">win.about</attribute> </item> </section> </submenu> </menu> <menu id="appmenu"> <section> <item> <attribute name="label">New</attribute> <attribute name="action">app.new</attribute> </item> <item> <attribute name="label">Quit</attribute> <attribute name="action">app.quit</attribute> </item> </section> </menu> </interface>

# 이 예제의 완전한 파이썬 파일

from gi.repository import Gtk from gi.repository import GLib from gi.repository import Gio import sys

class MyWindow(Gtk.ApplicationWindow):

def __init__(self, app): Gtk.Window.__init__(self, title="MenuBar Example", application=app) self.set_default_size(200, 200)

# action without a state created (name, parameter type) copy_action = Gio.SimpleAction.new("copy", None) # connected with the callback function copy_action.connect("activate", self.copy_callback) # added to the window self.add_action(copy_action)

# action without a state created (name, parameter type) paste_action = Gio.SimpleAction.new("paste", None) # connected with the callback function paste_action.connect("activate", self.paste_callback) # added to the window self.add_action(paste_action)

# action with a state created (name, parameter type, initial state) shape_action = Gio.SimpleAction.new_stateful( "shape", GLib.VariantType.new('s'), GLib.Variant.new_string('line')) # connected to the callback function shape_action.connect("activate", self.shape_callback) # added to the window self.add_action(shape_action)

# action with a state created about_action = Gio.SimpleAction.new("about", None) # action connected to the callback function about_action.connect("activate", self.about_callback) # action added to the application self.add_action(about_action)

# callback function for copy_action def copy_callback(self, action, parameter): print("\"Copy\" activated")

# callback function for paste_action def paste_callback(self, action, parameter): print("\"Paste\" activated")

# callback function for shape_action def shape_callback(self, action, parameter): print("Shape is set to", parameter.get_string()) # Note that we set the state of the action! action.set_state(parameter)

# callback function for about (see the AboutDialog example) def about_callback(self, action, parameter): # a Gtk.AboutDialog aboutdialog = Gtk.AboutDialog()

# lists of authors and documenters (will be used later) authors = ["GNOME Documentation Team"] documenters = ["GNOME Documentation Team"]

# we fill in the aboutdialog aboutdialog.set_program_name("MenuBar Example") aboutdialog.set_copyright( "Copyright \xc2\xa9 2012 GNOME Documentation Team") aboutdialog.set_authors(authors) aboutdialog.set_documenters(documenters) aboutdialog.set_website("http://developer.gnome.org") aboutdialog.set_website_label("GNOME Developer Website")

# to close the aboutdialog when "close" is clicked we connect the # "response" signal to on_close aboutdialog.connect("response", self.on_close) # show the aboutdialog aboutdialog.show()

# a callback function to destroy the aboutdialog def on_close(self, action, parameter): action.destroy()

class MyApplication(Gtk.Application):

def __init__(self): Gtk.Application.__init__(self)

def do_activate(self): win = MyWindow(self) win.show_all()

def do_startup(self): # FIRST THING TO DO: do_startup() Gtk.Application.do_startup(self)

# action without a state created new_action = Gio.SimpleAction.new("new", None) # action connected to the callback function new_action.connect("activate", self.new_callback) # action added to the application self.add_action(new_action)

# action without a state created quit_action = Gio.SimpleAction.new("quit", None) # action connected to the callback function quit_action.connect("activate", self.quit_callback) # action added to the application self.add_action(quit_action)

# action with a state created state_action = Gio.SimpleAction.new_stateful( "state", GLib.VariantType.new('s'), GLib.Variant.new_string('off')) # action connected to the callback function state_action.connect("activate", self.state_callback) # action added to the application self.add_action(state_action)

# action with a state created awesome_action = Gio.SimpleAction.new_stateful( "awesome", None, GLib.Variant.new_boolean(False)) # action connected to the callback function awesome_action.connect("activate", self.awesome_callback) # action added to the application self.add_action(awesome_action)

# a builder to add the UI designed with Glade to the grid: builder = Gtk.Builder() # get the file (if it is there) try: builder.add_from_file("menubar.ui") except: print("file not found") sys.exit()

# we use the method Gtk.Application.set_menubar(menubar) to add the menubar # and the menu to the application (Note: NOT the window!) self.set_menubar(builder.get_object("menubar")) self.set_app_menu(builder.get_object("appmenu"))

# callback function for new def new_callback(self, action, parameter): print("You clicked \"New\"")

# callback function for quit def quit_callback(self, action, parameter): print("You clicked \"Quit\"") sys.exit()

# callback function for state def state_callback(self, action, parameter): print("State is set to", parameter.get_string()) action.set_state(parameter)

# callback function for awesome def awesome_callback(self, action, parameter): action.set_state(GLib.Variant.new_boolean(not action.get_state())) if action.get_state().get_boolean() is True: print("You checked \"Awesome\"") else: print("You unchecked \"Awesome\"")

app = MyApplication() exit_status = app.run(sys.argv) sys.exit(exit_status)

# 접근 키와 단축키

레이블에는 접근 키가 들어갈 수 있습니다. 접근 키는 키보드로 탐색할 때 활용하는 레이블에 밑줄이 들어간 문자입니다. 접근 키는 접근키 문자 앞에 밑줄을 넣어 만듭니다. 예를 들어 menubar.ui 레이블 속성에서 "File" 대신 "_File"을 넣습니다.

접근키는 Alt 키를 누르면 나타납니다. Alt F 키를 누르면 파일 메뉴가 나타납니다.

가속키는 UI 정의에 분명하게 추가할 수 있습니다. 예를 들어 일반적으로 프로그램을 끝내는 동작은 Ctrl Q 키를 눌러 진행할 수 있고, 또는 파일을 저장하는 동작은 Ctrl S 키를 눌러 진행할 수 있습니다. UI 정의에 가속키를 추가하려면 간단하게 항목의 "accel" 속성 값을 추가하면 됩니다.

`<attribute name="accel">&lt;Primary&gt;q</attribute>` 구문은 `Quit` 레이블 항목에 추가할 Ctrl Q 키 조합 입력을 만듭니다. 여기서, "Primary"는 PC의 Ctrl키 또는 맥의 ⌘ 키를 따릅니다.

<item> <attribute name="label">_Quit</attribute> <attribute name="action">app.quit</attribute> <attribute name="accel">&lt;Primary&gt;q</attribute> </item>

# 번역할 문자열

그놈 프로그램은 다양한 언어로 번역하기에 프로그램 문자열을 번역할 수 있게 만들어 두는게 중요합니다. 레이블을 번역할 수 있게 하려면 간단히 `translatable="yes"`를 설정하십시오:

<attribute name="label" translatable="yes">Quit</attribute>

# API 참고서

이 예제는 다음 참고자료가 필요합니다:

GSimpleAction

GtkBuilder