何を今頃気になった。
Nautilus 3.6 からメニューがボタンになったけどアレは新規 Widget だった。

GtkMenuButton

ギアアイコン側の呼び方は gears menu でいいのかな。
GtkMenuButton を作成すると矢印アイコンにはなるけどギアにするには？
今後設定はこのギアアイコンのボタンを使えになるかもしれないし探さなきゃ。

しかしいくら devhelp を漁ってもそんな方法は見つからない。
海外を検索してもよく解らない、ええい面倒だ！
ということで素直に Nautilus のソースコードを落として直接調べてみる。

image = Gtk.Image()
image.set_from_icon_name("emblem-system-symbolic", Gtk.IconSize.MENU)
menubutton.set_image(image)

とやっていた、いや元は当然 C 言語なんだけど。
ということは /usr/share/icons 以下のどこかにギアの画像がありそうだ。

/usr/share/icons/gnome/scalable/emblems/emblem-system-symbolic.svg

svg ファイルを見つけた、コレを貼り付けるってことか。
gnome ディレクトリ以下なら Ubuntu でも問題なく使えそうなので試してみる。

#!/usr/bin/env python
#-*- coding:utf-8 -*-

from gi.repository import Gtk

GEARS_MENU = """<ui>
    <popup name="Popup">
        <menuitem action="open"/>
        <menuitem action="quit"/>
    </popup>
</ui>"""

class GearsMenuWin(Gtk.Window):
    """
        Gears Menu Sample
    """
    def __init__(self):
        Gtk.Window.__init__(self)
        self.set_title("Nautilus 3.6 Menu")
        self.connect("delete-event", self.on_quit)
        # GtkUIManager
        uimanager = Gtk.UIManager()
        self.add_accel_group(uimanager.get_accel_group())
        actiongroup = Gtk.ActionGroup("NautilusMenu")
        actiongroup.add_actions([
            ("open", Gtk.STOCK_OPEN, None, None, "Null", self.on_open),
            ("quit", Gtk.STOCK_QUIT, None, None, "Quit", self.on_quit) ])
        uimanager.insert_action_group(actiongroup, 0)
        uimanager.add_ui_from_string(GEARS_MENU)
        # PopupMenu
        popup = uimanager.get_widget("/Popup")
        popup.props.halign = Gtk.Align.CENTER
        # GtkMenuButton
        menubutton = Gtk.MenuButton.new()
        menubutton.set_popup(popup)
        # Arrow Direction
        #menubutton.set_direction(Gtk.ArrowType.UP)
        # Gear Image
        image = Gtk.Image()
        image.set_from_icon_name("emblem-system-symbolic", Gtk.IconSize.MENU)
        menubutton.set_image(image)
        # Widget etc...
        label = Gtk.Label("Nautilus 3.6 Menu")
        drawingarea = Gtk.DrawingArea()
        # Pack
        hbox = Gtk.Box.new(Gtk.Orientation.HORIZONTAL, 0)
        hbox.pack_start(label, True, True, 0)
        hbox.pack_start(menubutton, False, False, 0)
        vbox = Gtk.Box.new(Gtk.Orientation.VERTICAL, 0)
        vbox.pack_start(hbox, False, False, 0)
        vbox.pack_start(drawingarea, True, True, 0)
        self.add(vbox)
        #
        self.resize(320, 240)
        self.show_all()

    def on_open(self, action, data=None):
        pass

    def on_quit(self, action, data=None):
        Gtk.main_quit()

GearsMenuWin()
Gtk.main()

GNOME3 環境だけでなく Ubuntu 12.10 でもしっかり gears-menu になるようだ。
多分 GTK+ 3.6 以降が使える環境ならどのディストリでもいいと思うが保証はしない。
ストックメニューなので日本語化もアクセラレーターもバッチリ。

コレって右クリックメニューとも共用なんかもできるのかな。
GNOME は右クリックメニューを無くしたいのだろうけど当面は無理だよね。

#!/usr/bin/env python
#-*- coding:utf-8 -*-

from gi.repository import Gtk, Gdk

class GearsMenuWin(Gtk.Window):
    """
        This code accelerator keys are displayed
    """
    def __init__(self):
        Gtk.Window.__init__(self)
        self.set_title("Nautilus 3.6 Menu")
        self.connect("delete-event", self.on_quit)
        # Add Accelerator
        accelgroup = Gtk.AccelGroup.new()
        self.add_accel_group(accelgroup)
        # MenuIten
        item_open = Gtk.ImageMenuItem.new_from_stock(Gtk.STOCK_OPEN, accelgroup)
        item_open.connect("activate", self.on_open)
        item_quit = Gtk.ImageMenuItem.new_from_stock(Gtk.STOCK_QUIT, accelgroup)
        item_quit.connect("activate", self.on_quit)
        # Show
        item_open.show()
        item_quit.show()
        # Menu
        popup = Gtk.Menu.new()
        popup.append(item_open)
        popup.append(item_quit)
        popup.props.halign = Gtk.Align.CENTER
        # GtkMenuButton
        menubutton = Gtk.MenuButton.new()
        menubutton.set_popup(popup)
        # Gear Image
        image = Gtk.Image()
        image.set_from_icon_name("emblem-system-symbolic", Gtk.IconSize.MENU)
        menubutton.set_image(image)
        # Widget etc...
        label = Gtk.Label("Nautilus 3.6 Menu")
        drawingarea = Gtk.DrawingArea()
        # Pack
        hbox = Gtk.Box.new(Gtk.Orientation.HORIZONTAL, 0)
        hbox.pack_start(label, True, True, 0)
        hbox.pack_start(menubutton, False, False, 0)
        vbox = Gtk.Box.new(Gtk.Orientation.VERTICAL, 0)
        vbox.pack_start(hbox, False, False, 0)
        vbox.pack_start(drawingarea, True, True, 0)
        self.add(vbox)
        # Mouse Right Button Clicked
        self.set_events(Gdk.EventMask.BUTTON_PRESS_MASK | Gdk.EventMask.STRUCTURE_MASK )
        self.connect("button_press_event", self.on_button_press, popup)
        #
        self.resize(320, 240)
        self.show_all()

    def on_open(self, action, data=None):
        pass

    def on_quit(self, action, data=None):
        Gtk.main_quit()

    def on_button_press(self, widget, event, popup):
        if event.button == 3:
            popup.popup(None, None, None, None, 0, event.time)

GearsMenuWin()
Gtk.main()

ものは試しで GtkUIManager を使わずコードで書いてみたんだが…
コッチだとアクセラレーターキーが表示されているじゃないの、何故だ？

ついでにコードで作ると show() しないと GtkMenuItem が表示されないと今頃知った。
これが関係あるのかもと思って以下をやってみたけど関係ないようだ。

uimanager.get_widget("/Popup/open").show() # No...

どちらでも Ctrl+Q で終了できるからアクセラレーターは問題ないのだが。
とにかく表示する手段があるなら次期 Nautilus はキーを表示してほしいです。

とにかくストック svg を利用する方法もオマケで解ったし得した気分。

GTK+ Drag and Drop #(以下 DnD)
で検索すると自アプリ内で DnD が完結するサンプルコードしか見当たらない。
そんな使い道がゼロに等しいサンプルコードではアプリを作る面白さが伝わらない。

実際の話 GUI アプリで DnD って text/uri-list のドロップ以外の使い道がほとんど無い。
text/uri-list は Content Type のことです。

GTK+ や Qt はプロセス間で選択文字列の OLE DnD がデフォルトで可能だったりするし。
Gedit で文字列選択して Firefox の検索バーに DnD するとあら不思議みたいな。
なので Drag 関連はいままで無視してきたけど勉強せねば。

ということで。

GtkTreeView にある文字列を別アプリにドロップなんてどうだろう。
文字列なら Content Type は text/plain ですね。

#!/usr/bin/env python
#-*- coding:utf-8 -*-

from gi.repository import Gtk, Gdk

class TextDragWin(Gtk.Window):
    def __init__(self):
        """
            TreeView Text "text/plain" Drag
        """
        Gtk.Window.__init__(self)
        self.connect("delete-event", Gtk.main_quit)
        # TreeView
        liststore = Gtk.ListStore.new([str])
        for s in ("CBR1000RR", "YZF-R1", "GSX-R1000", "ZX-10R"):
            liststore.append([s])
        cell = Gtk.CellRendererText.new()
        column = Gtk.TreeViewColumn("Super Sports", cell, text=0)
        treeview = Gtk.TreeView.new_with_model(liststore)
        treeview.append_column(column)
        # Drag Source
        #dnd_list = Gtk.TargetEntry.new("text/plain", 0, 0) # Error
        dnd_list = ("text/plain", 0, 0)
        treeview.enable_model_drag_source(Gdk.ModifierType.BUTTON1_MASK, [dnd_list], Gdk.DragAction.COPY)
        treeview.connect("drag-data-get", self.on_drag_data_get)
        #
        self.add(treeview)
        self.show_all()

    def on_drag_data_get(self, widget, context, data, info, time):
        """
            data @ GtkSelectionData
        """
        selection = widget.get_selection()
        model, it = selection.get_selected()
        text = model.get_value(it, 0)
        data.set_text(text, -1)

TextDragWin()
Gtk.main()

GtkTargetEntry に text/plain を指定。
Drop 時と違ってタプルのリストという PyGtk と同じ指定でないとエラーになる。
PyGI は互換との整合性がまだまだみたい。

gtk_tree_view_enable_model_drag_source はこんな感じで指定。
GDK_BUTTON1_MASK はマウス左ボタンのこと。

drag-data-get シグナルで GtkTreeView で選択状態の文字列を得る。
それを GtkSelectionData に突っ込むという処理を入れただけ。

ドロップターゲット側が text/plain を受け入れる gtk_drag_dest_set を行っているなら受け入れるエフェクトが入る。
ドロップすると GtkSelectionData から文字列を取得し相応の処理を行ってくれる。
と、これだけで別プロセスのアプリでも文字列を普通にドロップできるようだ。

こんなに簡単だったのか、今まで何故知らなかったのだw
そういうことなら Drag の使い道はある、かな…

前回 GtkWindow の枠を消した、これで Google Chrome みたいなウインドウ…
とか書いたけどウインドウ自体を透過させなきゃ四角いウインドウしか作れない。
透明にできれば角を丸くなんかは DrawingArea でなんとかなるはず。

python – Making Gtk.Window Transparent? – Ask Ubuntu

アッサリ見つかった。
ついでに自分のストックから PyGtk 版も出てきた。

せっかくなので PyGtk との違いを見るため両方で書いてみる。

透明なだけでは面白くないので透過付き画像を表示させる処理も。
私は絵心が壊滅的なので Text という文字を Gimp で書いただけですが…
アーカイブも置いておきますので自作して試してくださると嬉しい。
visual.tar.gz

PyGtk

#!/usr/bin/env python
#-*- coding:utf-8 -*-

import gtk, cairo

class ColormapWin(gtk.Window):
    """
        PyGtk(GTK2) Version
    """
    def __init__(self):
        """
            gtk.main_quit is Double Click
        """
        gtk.Window.__init__(self)
        self.connect("delete-event", gtk.main_quit)
        self.connect("expose-event", self.on_expose)
        # GdkColormap
        screen = self.get_screen()
        colormap = screen.get_rgba_colormap()
        if colormap != None and screen.is_composited():
            self.set_colormap(colormap)
        else:
            print "no Composited..."
        self.set_app_paintable(True)
        # Transparent background image
        self.pixbuf = gtk.gdk.pixbuf_new_from_file("test.xpm")
        # Mouse Click
        self.set_events(gtk.gdk.BUTTON_PRESS_MASK)
        self.connect("button-press-event", self.on_button_press_event)
        #
        self.set_decorated(False)
        self.resize(320, 240)
        self.show_all()

    def on_expose(self, widget, event=None):
        """
            cr is gtk.gdk.CairoContext
        """
        cr = widget.window.cairo_create()
        cr.set_source_rgba(1.0, 1.0, 1.0, 0.0)
        cr.set_operator(cairo.OPERATOR_SOURCE)
        cr.set_source_pixbuf(self.pixbuf, 0, 0)
        cr.paint()

    def on_button_press_event(self, widget, event=None):
        """
            Mouse Drag and Quit
        """
        if event.type == gtk.gdk.BUTTON_PRESS:
            self.begin_move_drag(event.button, int(event.x_root), int(event.y_root), event.time)
        elif event.type == gtk.gdk._2BUTTON_PRESS:
            gtk.main_quit()

ColormapWin()
gtk.main()

pygi

#!/usr/bin/env python
#-*- coding:utf-8 -*-

from gi.repository import Gtk, Gdk, GdkPixbuf
import cairo

class VisualWin(Gtk.Window):
    """
        PyGI(GTK3) Version
    """
    def __init__(self):
        """
            Gtk.main_quit is Double Click
        """
        Gtk.Window.__init__(self)
        self.connect("delete-event", Gtk.main_quit)
        # 'expose-event' to 'draw'
        self.connect("draw", self.on_draw)
        # GdkColormap to GdkVisual
        screen = self.get_screen()
        visual = screen.get_rgba_visual()
        if visual != None and screen.is_composited():
            self.set_visual(visual)
        else:
            print "no Composited..."
        self.set_app_paintable(True)
        # Transparent background image
        self.pixbuf = GdkPixbuf.Pixbuf.new_from_file("test.xpm")
        # Mouse Click
        self.set_events(Gdk.EventMask.BUTTON_PRESS_MASK)
        self.connect("button-press-event", self.on_button_press_event)
        #
        self.set_decorated(False)
        self.resize(320, 240)
        self.show_all()

    def on_draw(self, widget, cr):
        """
            cr is cairo.Context
        """
        cr.set_source_rgba(1.0, 1.0, 1.0, 0.0)
        cr.set_operator(cairo.OPERATOR_SOURCE)
        Gdk.cairo_set_source_pixbuf(cr, self.pixbuf, 0, 0)
        cr.paint()

    def on_button_press_event(self, widget, event, data=None):
        """
            Mouse Drag and Quit
        """
        if event.type == Gdk.EventType.BUTTON_PRESS:
            self.begin_move_drag(event.button, event.x_root, event.y_root, event.time)
        elif event.type == Gdk.EventType.DOUBLE_BUTTON_PRESS:
            Gtk.main_quit()

VisualWin()
Gtk.main()

Gnome Shell 3D

Unity 3D

Fedora でも Ubuntu でも問題ない。
枠も無くウインドウは透過しているけど画像は綺麗に表示できている。

PyGtk と PyGI もあまり違いは無いようだ。
GdkColormap が GdkVisual に変わったくらいで後はもうお馴染みの違いだけ。
デスクトップアクセサリを作る程度ならこれで簡単に作れるかな。

と思ったけど。
GNOME 3 を強制フォールバックにしたら真っ黒に、2D では合成できないようだ。

Lubuntu でもダメだった。

これじゃ「透過するアプリですヨン」って配れないじゃん。
デスクトップ Linux は仮想マシンな人がほとんどという現実だもの。

つまり Google Chrome みたいなウインドウはこの方法では作れないよ。
うーん、まだまだ勉強しなければ。

Gtk.Window は Gtk.WindowType.POPUP 指定で作成すると枠無しになる。
でもタスクバーには現れないしフォーカスも持てない。

結局アクセサリとしてしか使い道が無いのかなと思っていた。
そういえば google-chrome はどうやって枠を無くしているんだろう？
気になったので調べてみた。

GtkWindow のプロパティをよく見ると decorated がある。
False にすると枠無しにできるっぽい、ならば実験。

#!/usr/bin/env python
#-*- coding:utf-8 -*-

from gi.repository import Gtk, Gdk

class Win(Gtk.Window):
    def __init__(self):
        """
            Switch the frame
        """
        Gtk.Window.__init__(self)
        self.connect("delete-event", Gtk.main_quit)
        # Mouse Click
        self.set_events(Gdk.EventMask.BUTTON_PRESS_MASK)
        self.connect("button-press-event", self.on_button_press_event)
        self.show_all()

    def on_button_press_event(self, widget, event, data=None):
        """
            Double-click on each switch.
            Have the focus.
            Moving without the frame.
        """
        if event.type == Gdk.EventType.BUTTON_PRESS:
            self.begin_move_drag( event.button, event.x_root, event.y_root, event.time)
        elif event.type == Gdk.EventType.DOUBLE_BUTTON_PRESS:
            self.props.decorated = self.props.decorated == False

Win()
Gtk.main()

ダブルクリックで切り替わる。
ついでにクライアントエリアをマウスで掴んで移動できるようにしてみた。
よししっかり切り替わるしフォーカスも持てるし移動もできる。

これで google-chrome みたいなウインドウが作れるね。

ついでに気がついた、 GTK+ 3.6 からみたいだけど
GDK_DOUBLE_BUTTON_PRESS, GDK_TRIPLE_BUTTON_PRESS
というエイリアスが追加されていたのを知った。

Python のアトリビュートは数値で始めることができないからって
Gdk.EventType._2BUTTON_PRESS って何か変だったし。

ということで覚書ページも更新っと。
ウインドウを作る – L’Isola di Niente

GTK+ コンテナの使い方をまとめるのに一週間掛かった。
つかコンテナってこんなにいっぱいあったのか。
絶対に必要になるので GtkScrolledWindow なんかも追加しているけど。

コンテナ – L’Isola di Niente
オーナメント – L’Isola di Niente

GtkLayout とかGtkAlignment とか何に使うかよくワカラン。
もっと面白いサンプルコードにしたいけど思いつかない。

GtkOverlay も面白そうなのに使い方サンプルが見当たらない。
Pastebin でなんとか見つけた。
[C] GtkOverlay test – Pastebin.com

add_overlay で指定した Widget が add した Widget に被さるのね。
DrawinArea じゃ長くなりすぎだからサンプルコードは Label にしたけど。

海外を探しても devhelp を見れば解るようなことしか見つからなくて困る。
コンテナは大抵は GtkBox のみで事足りるわけなんですけど。

「おぉこんなことができたんだ！」
となるのがアプリを作る最大の楽しみなのにと思う私である。

以上チップスページ追加のお知らせでした。