mieki256's diary

% teacup version

        8.5.18.0.299124

% teacup help

    teacup.EXE
    is a tool to access package repositories

        teacup.EXE help cmds-by-group   Grouped list of commands provided by teacup
        teacup.EXE help commands        Alphabetical list of commands provided by teacup
        teacup.EXE help help            How to use help
        teacup.EXE help options         Describes the standard options
        teacup.EXE help queries         Describe the syntax of complex queries

@kou 3.0.9にgio2とgobject-introspectionがgdk_pixbuf2に必要とされているが、
gdk pixbuf に gobject-introspection と gio2 の gem が必要とされていません。
また、gobject-introspectionが必要とされていることで↑の様に
rsvg2などを使っている場合 heroku 度にビルドパックなしでデプロイが出来ない状況です。
今ビルドパックを作ろうとしていますが、
そもそもgdk_pixbuf2にgio2/gobject-introspectionが必要なければ除いた方が良いのでは?と思います。
もし必要であれば gdk_pixbuf2 の gemspec に gobject-introspection と gio2 を足した方が良さそうです。

◎ その他のGUIのアレコレについて。 :

◎ タイルモードは便利っぽい。 :

◎ 日本語フォルダが一切表示されない。 :

◎ ビルドしてみた。 :

◎ 基本パーツを合成するソレ。 :

◎ 打開策は無いのだろうか。 :

現状で打開策は無いのだろうかと考えてたら、ふと、フィルタを使って少しはどうにかなるかなと思えてきたり。

とりあえず、RGBAフルカラーブラシを使ってパーツ相当をペタペタと描いてから、色 → 着色、を呼び出して色を変えてみたり。

意外とそれっぽくなったような気がする。色を変えたい部分をひたすらレイヤー分けしておくか、あるいは選択範囲をその都度作成してフィルタをかける、等々、ちょっと面倒なところもあるけれど、全部ドットを打っていくよりは楽かなと。

まあ、一つ描いて色を変えて、ソレを選択してコピーして貼り付けしていくやり方でもどうにかできるんじゃね、という気もしてきたけれど。

> (define cnt 3)
cnt
> cnt
3
> (number->string cnt)
"3"
> (string-append "0000" (number->string cnt))
"00003"
> (define str (string-append "0000" (number->string cnt)))
str
> str
"00003"
> (substring str (- (string-length str) 3) (string-length str))
"003"
> (substring str (- (string-length str) 4) (string-length str))
"0003"
> (substring str (- (string-length str) 2) (string-length str))
"03"

• (number->string 数値) で、数値から文字列に変換。
• (string-append 文字列1 文字列2 文字列3) で、文字列を連結。
• (string-length 文字列) で、文字列の長さを取得。
• (substring 文字列 開始位置 終了位置) で、部分文字列(文字列の一部分)を取得。

> (let* ((s (string-append "0000" (number->string cnt))) (n (string-length s))) (substring s (- n 2) n))
"03"

◎ ブラシの種類。 :

◎ ブラシを一つ作成。 :

◎ ブラシを追加。 :

◎ たくさんブラシを作りたい。 :

◎ 画像を分割。 :

◎ GIMPにレイヤーとして読み込む。 :

◎ ブラシファイルとして書き出す。 :

Save All Layers as Brushes.scm を導入しておいて呼び出す。ファイル → レイヤーをブラシとして保存。ブラシファイルができた。

完成品はコチラ。

_gimp_brushes_pixelart_parts_a_20161006.zip (25KB)

CC0 / Public Domain ってことで。自由に使ってください。

ブラシとして追加すると、ブラシウインドウ内では、こんな感じの見た目になる。

◎ 使い方。 :

ドット絵用のブラシなので、「鉛筆ツール」を使って、ブラシサイズをデフォルトにして使ったほうがいい、はず。

そのままだと白黒でしか描画できないので、色 → 着色、を使ってチマチマと色を変更したり。

とりあえず、こんな感じのソレがサクサク作れる。

まあ、これだけではショボいけど。もっと使えそうなパーツを増やしていけばどうにかなる、のかな。どうかな。どうなんでしょう。

一覧表に列挙して表示

基本的には「並べて表示」と使い方に大差ありませんが、 次の点が異なります。
ブラシの名前はダブルクリックすると編集ができます。
ただし名前を変更できるのは自作のブラシや自前でインストールしたものに限られ、 GIMP 同梱でインストールされたブラシは対象外です。
仮に同梱版のブラシの名前を変えてみれば確かに編集はできますが、 確定しようとして Enter キーを押したりどこか他のところをクリックするとたちまち名前は元に戻されてしまいます。
GIMP と同時にインストールされるブラシ、 パターン、 グラデーションなどの資源は原則として変更不可です。
変更できるのは自作のものや自前のものだけです。

3.2. ブラシダイアログ より

• 自作したブラシのはずだし、
• ユーザフォルダ内にブラシを追加してるし、
• 編集 → 設定 → フォルダー → ブラシ、で、ユーザフォルダの「書き込み可能フォルダー」にチェックも入れてある。

◎ framerate-change.scm :

◎ rename_layers_for_animation.py :

◎ 前回探した時に見かけたスクリプトも再掲。 :

◎ ラスボス居ない設定。 :

◎ ヒロインは別人だった設定。 :

◎ PhotoScapeも試してみたけど。 :

◎ ウインドウ内がちらつく版。 :

最初に書いたのはコレ。

_drawing_test.py

"""
描画テスト。
マウスボタンを押した時だけ画面に何かを描画する。
ただし、この書き方では画面がちらつく。

VerySimpleDrawing - wxPyWiki
https://wiki.wxpython.org/VerySimpleDrawing

wxPythonのPaintDCでアンチエイリアスや透過を使う :右京web
http://hujimi.seesaa.net/article/161079355.html
"""

import wx

bg_image = "images/bg.jpg"

class DrawPanel(wx.Frame):

    def __init__(self, *args, **kwargs):
        """初期化"""
        wx.Frame.__init__(self, *args, **kwargs)

        # ワーク確保
        self.mouseLeftFlag = False
        self.pos = wx.Point(0, 0)

        # イベント割り当て
        self.Bind(wx.EVT_PAINT, self.OnPaint)
        self.Bind(wx.EVT_LEFT_DOWN, self.OnMouseLeftDown)
        self.Bind(wx.EVT_LEFT_UP, self.OnMouseLeftUp)
        self.Bind(wx.EVT_MOTION, self.OnMouseMove)

        # 背景bitmap画像読み込み
        image = wx.Image(bg_image)
        self.bitmap = image.ConvertToBitmap()

        # 画像サイズでフレームサイズを設定し直し
        self.SetSize(image.GetSize())

    def OnMouseLeftDown(self, e):
        """ 左ボタンを押した時の処理 """
        pos = e.GetPosition()
        self.pos = pos
        self.mouseLeftFlag = True
        self.Refresh()

    def OnMouseMove(self, e):
        """ マウスカーソルを動かした時の処理 """
        if self.mouseLeftFlag:
            pos = e.GetPosition()
            self.pos = pos
            self.Refresh()

    def OnMouseLeftUp(self, e):
        """ 左ボタンを離した時の処理 """
        pos = e.GetPosition()
        self.pos = pos
        self.mouseLeftFlag = False
        self.Refresh()

    def OnPaint(self, event=None):
        """ 描画処理 """
        pdc = wx.PaintDC(self)

        try:
            # アンチエイリアスをかける
            dc = wx.GCDC(pdc)
        except:
            dc = pdc

        dc.Clear()
        dc.DrawBitmap(self.bitmap, 0, 0, True) # 背景ビットマップ画像を描画

        if self.mouseLeftFlag:
            # 円を描画
            dc.SetBrush(wx.Brush(wx.Colour(255, 0, 0, 64)))
            dc.SetPen(wx.Pen("RED", 2))
            x = self.pos.x - 50
            y = self.pos.y - 50
            dc.DrawEllipse(x, y, 100, 100)

if __name__ == '__main__':
    app = wx.App(False)
    frame = DrawPanel(parent=None, title=u"ウインドウ内でマウスボタンを押してみるべし")
    frame.Show()
    app.MainLoop()

しかしこのスクリプトは画面がちらつく。

◎ ウインドウ内がちらつかない版。 :

画面がちらつかないようにするには、wx.BufferedDC() を使うといいらしい。

_drawing_test2.py

"""
描画テスト。
マウスボタンを押した時だけ画面に何かを描画する。
ちらつきを少なくする。

VerySimpleDrawing - wxPyWiki
https://wiki.wxpython.org/VerySimpleDrawing

wxPythonのPaintDCでアンチエイリアスや透過を使う :右京web
http://hujimi.seesaa.net/article/161079355.html

wxPython の画面に色々描く（＋マウスのイベントを処理する） - 見切り発車
http://d.hatena.ne.jp/uyamae/20090305/1236261541
"""

import wx


class DrawPanel(wx.Frame):

    def __init__(self, *args, **kwargs):
        """初期化"""
        wx.Frame.__init__(self, *args, **kwargs)

        # ワーク確保
        self.mouseLeftFlag = False
        self.pos = wx.Point(0, 0)

        # イベント割り当て
        self.Bind(wx.EVT_PAINT, self.OnPaint)
        self.Bind(wx.EVT_LEFT_DOWN, self.OnMouseLeftDown)
        self.Bind(wx.EVT_LEFT_UP, self.OnMouseLeftUp)
        self.Bind(wx.EVT_MOTION, self.OnMouseMove)

        # 画像読み込み
        image = wx.Image("images/bg.jpg")
        self.bitmap = image.ConvertToBitmap()

        # 画像サイズでフレームサイズを設定し直し
        self.SetSize(image.GetSize())

    def OnMouseLeftDown(self, e):
        """ 左ボタンを押した時の処理 """
        pos = e.GetPosition()
        self.pos = pos
        self.mouseLeftFlag = True
        self.Refresh(False)

    def OnMouseMove(self, e):
        """ マウスカーソルを動かした時の処理 """
        if self.mouseLeftFlag:
            pos = e.GetPosition()
            self.pos = pos
            self.Refresh(False)

    def OnMouseLeftUp(self, e):
        """ 左ボタンを離した時の処理 """
        pos = e.GetPosition()
        self.pos = pos
        self.mouseLeftFlag = False
        self.Refresh(False)

    def OnPaint(self, event=None):
        """ 描画処理 """
        pdc = wx.BufferedDC(wx.PaintDC(self))

        try:
            # アンチエイリアスをかける
            dc = wx.GCDC(pdc)
        except:
            dc = pdc

        dc.Clear()
        dc.DrawBitmap(self.bitmap, 0, 0, True)  # ビットマップ画像を描画

        if self.mouseLeftFlag:
            # 円を描画
            dc.SetBrush(wx.Brush(wx.Colour(255, 0, 0, 64)))
            dc.SetPen(wx.Pen("RED", 2))
            x = self.pos.x - 50
            y = self.pos.y - 50
            dc.DrawEllipse(x, y, 100, 100)

if __name__ == '__main__':
    app = wx.App(False)
    frame = DrawPanel(parent=None, title=u"ウインドウ内でマウスボタンを押してみるべし")
    frame.Show()
    app.MainLoop()

たしかにちらつかなくなった。

◎ スクロールできる版。 :

調子に乗って、ウインドウ内をスクロールできるソレにしてみた。ついでにブラシ相当をビットマップ画像にして描画。

_drawing_test3.py

"""
画面にマウスで円を描画する。
スクロールバーでウインドウをスクロールできる版。
"""
import wx

draw_bitmap_brsuh = True
bitmap_brush_image = "images/ball.png"

class DrawPanel(wx.ScrolledWindow):

    def __init__(self, parent):
        wx.ScrolledWindow.__init__(self, parent, -1)

        self.maxWidth = 1024
        self.maxHeight = 768
        self.rate = wx.Point(8, 8)

        self.brushBitmap = None
        if draw_bitmap_brsuh:
            image = wx.Image(bitmap_brush_image)
            self.brushBitmap = image.ConvertToBitmap()

        self.SetVirtualSize((self.maxWidth, self.maxHeight))
        self.SetScrollRate(self.rate.x, self.rate.y)

        # 空のビットマップを確保。以後はこれに描画していく
        self.buffer = wx.EmptyBitmap(self.maxWidth, self.maxHeight)
        self.buttonFlag = False

        self.DrawFirst()  # 初期描画

        # イベント割り当て
        self.Bind(wx.EVT_PAINT, self.OnPaint)
        self.Bind(wx.EVT_LEFT_DOWN, self.OnLeftButtonEvent)
        self.Bind(wx.EVT_LEFT_UP,   self.OnLeftButtonEvent)
        self.Bind(wx.EVT_MOTION,    self.OnLeftButtonEvent)

    def OnPaint(self, event=None):
        dc = wx.BufferedPaintDC(self, self.buffer, wx.BUFFER_VIRTUAL_AREA)

    def OnLeftButtonEvent(self, event):
        if self.IsAutoScrolling():
            self.StopAutoScrolling()

        pos = event.GetPosition()
        if event.LeftDown():
            # マウスの左ボタンを押した
            self.DrawMiniCircle(pos.x, pos.y)
            self.buttonFlag = True
        elif event.Dragging() and self.buttonFlag:
            # マウスカーソルを動かした
            if self.buttonFlag:
                self.DrawMiniCircle(pos.x, pos.y)
        elif event.LeftUp() and self.buttonFlag:
            # マウスの左ボタンを離した
            self.buttonFlag = False

    def DrawMiniCircle(self, x, y):
        """ 指定座標に小さい円を描画 """
        pdc = wx.BufferedDC(None, self.buffer)
        try:
            # アンチエイリアスをかける
            dc = wx.GCDC(pdc)
        except:
            dc = pdc

        # スクロールを考慮した座標値を取得
        nx, ny = self.CalcUnscrolledPosition(x, y)

        if draw_bitmap_brsuh:
            # ビットマップ画像をブラシにして描画
            nx -= self.brushBitmap.GetWidth() / 2
            ny -= self.brushBitmap.GetHeight() / 2
            dc.DrawBitmap(self.brushBitmap, nx, ny, True)
        else:
            # 円をブラシにして描画
            dc.SetBrush(wx.Brush(wx.Colour(192, 192, 255)))
            dc.SetPen(wx.Pen("BLACK", 0))
            dc.DrawCircle(nx, ny, 16)

        del dc
        self.Refresh(False)

    def DrawFirst(self):
        """ 初期描画 """
        pdc = wx.BufferedDC(None, self.buffer)
        try:
            dc = wx.GCDC(pdc)
        except:
            dc = pdc
        dc.SetBackground(wx.Brush(self.GetBackgroundColour()))
        dc.Clear()

        # 円を描画
        dc.SetBrush(wx.Brush(wx.Colour(128, 128, 255)))
        dc.SetPen(wx.Pen("GREEN", 1))
        dc.DrawCircle(100, 100, 100)

        dc.SetBrush(wx.Brush(wx.Colour(128, 255, 128)))
        dc.SetPen(wx.Pen("RED", 3))
        dc.DrawCircle(self.maxWidth - 100, 100, 100)

        del dc


class MyApp(wx.App):

    def OnInit(self):
        frame = wx.Frame(None, -1, "Draw Test 3", size=(640, 480))
        DrawPanel(frame)
        frame.Show()
        self.SetTopWindow(frame)
        return True

if __name__ == '__main__':
    app = MyApp()
    app.MainLoop()

実験に使った画像は以下。スクリプトと同じ場所に images というフォルダを作成して、その中に入れて使った。

_bg.jpg
_ball.png

pylint --extension-pkg-whitelist=PySide hoge.py

pylint --generate-rcfile > pylintrc

extension-pkg-whitelist=
↓
extension-pkg-whitelist=PySide

◎ Pylintのインストール方法。 :

pip install pylint

pip install -U pylint

> pylint --version

pylint 1.6.4,
astroid 1.4.8
Python 2.7.11 (v2.7.11:6d1b6a68f775, Dec  5 2015, 20:32:19) [MSC v.1500 32 bit (Intel)]

"""
PySideでウインドウに描画。
空の QPixmap を作ってそこに描画する例。
マウス左ボタンを押して動かすとその位置に円を描画する。

参考ページ:

「プログラムでシダを描画する」をPythonで描画過程まで出力する - Qiita
http://qiita.com/tatuno/items/23d291dd3bf01693bde4

[Python][PySide] 簡単なメニュー付きウィンドウを表示する | unlinked log
http://log.noiretaya.com/?p=250

PyQtでのグラフィックス その1 (QWidgetに直接描画する) - bravo's blog
http://bravo.hatenablog.jp/entry/2016/02/07/084048
"""

import sys
from PySide.QtCore import *
from PySide.QtGui import *

width = 480
height = 360

brush_use = True
brush_filename = "ball.png"


class MyWidget(QWidget):

    """描画担当ウィジェット"""

    def __init__(self, parent):
        super(MyWidget, self).__init__(parent)
        self.mouseOnFlag = False

        # 空のQPixmapを生成。以後はここに描画していく
        self.pixmap = QPixmap(width, height)
        self.pixmap.fill()

        # ブラシ画像を読み込み
        self.brush_pixmap = QPixmap(brush_filename)

    def paintEvent(self, event):
        qp = QPainter()
        qp.begin(self)
        qp.drawPixmap(0, 0, self.pixmap)
        qp.end()

    def mousePressEvent(self, event):
        """ マウスボタンを押した """
        if event.button() == Qt.LeftButton:
            self.mouseOnFlag = True
            self.mydraw(event)

    def mouseMoveEvent(self, event):
        """ マウスを動かした """
        if self.mouseOnFlag:
            self.mydraw(event)

    def mouseReleaseEvent(self, event):
        """ マウスボタンを離した """
        if event.button() == Qt.LeftButton:
            self.mouseOnFlag = False

    def mydraw(self, event):
        """ 描画処理 """
        qp = QPainter()
        qp.begin(self.pixmap)

        # マウス座標取得
        x = event.pos().x()
        y = event.pos().y()

        if brush_use:
            # ブラシ画像で描画
            x -= self.brush_pixmap.width() / 2
            y -= self.brush_pixmap.height() / 2
            qp.drawPixmap(x, y, self.brush_pixmap)
        else:
            # 円を描画
            qp.setBrush(QColor(0, 0, 128))
            qp.setPen(QColor(0, 64, 255))
            qp.drawEllipse(event.pos(), 20, 20)

            # 点を描画する例
            # qp.drawPoint(x, y)

        qp.end()
        self.repaint()


class MainWindow(QMainWindow):

    """ メインウインドウ """

    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        self.resize(width, height)
        # self.setFixedSize(width, height)
        # self.refresh_rate = 200

        # メニューバー作成
        menubar = QMenuBar()
        file_menu = QMenu("&File", self)
        exit_action = file_menu.addAction("&Exit")
        exit_action.setShortcut("Ctrl+Q")
        exit_action.triggered.connect(qApp.quit)
        menubar.addMenu(file_menu)
        self.setMenuBar(menubar)

        # ステータスバー作成
        self.statusBar()

        # 描画するウィジェットを作成して真ん中に配置
        widget = MyWidget(self)
        self.setCentralWidget(widget)


def main():
    app = QApplication(sys.argv)
    window = MainWindow()
    app.setActiveWindow(window)
    window.show()
    sys.exit(app.exec_())

if __name__ == '__main__':
    main()

# Ruby/Tk + tkDND でファイルのドロップを受け付けるかテスト
# Tk拡張を導入していないと動作しない。
#
# [ruby-list:49771] TkDND での日本語名の扱い
# http://ruby-list.ruby-lang.narkive.com/lx7VFWDo/ruby-list-49771-tkdnd
#
# DebianでRubyからTcl/TkのTkDNDを利用してドラッグアンドドロップを実装する -- ぺけみさお
# https://www.xmisao.com/2013/07/25/ruby-tkdnd-linux.html

require 'tk'
require "tkextlib/tkDND"

Tk::TkDND::DND

label = TkLabel.new {
  text "Please File Drop"
  pack
}

txt = TkText.new(nil){
  dnd_bindtarget('text/uri-list','<Drop>', "%D") { |d|
    p d
    insert('end',d[0])
    insert('end',"\n")
  }
  pack
}

TkButton.new {
  text "Exit"
  command "exit"
  pack
}

Tk.mainloop

require 'tk'
require "tkextlib/tkDND"
require 'nkf'

Tk::TkDND::DND

label = TkLabel.new {
  text "Please File Drop"
  pack
}

txt = TkText.new(nil) {
  dnd_bindtarget('text/uri-list','<Drop>', "%D") { |d|
    d.each { |s|
      # 日本語ファイル名を渡した時におかしくなるので変換処理をする
      u8str = s.encode("iso-8859-1","utf-8").encode("iso-8859-1","utf-8")
      u8str.encode!('cp932', 'utf-8')
      
      puts u8str
      insert('end',u8str)
      insert('end',"\n")
    }
  }
  pack
}

TkButton.new {
  text "Exit"
  command "exit"
  pack
}

Tk.mainloop

◎ TkDNDの導入方法。 :

% teacup install tkdnd

ActiveTclインストールフォルダ\lib\teapot\package\win32-ix86\lib\

Ruby2.2インストールフォルダ\lib\tcltk\

"""
PySideでウインドウに描画。
マウスを動かしてお絵かきできる。
QGraphics* を使う。

ヲドリテヒヅル PyQtでイメージビューワ
http://melpystudio.blog82.fc2.com/blog-entry-138.html
"""


import sys
from PySide.QtCore import *
from PySide.QtGui import *

width = 640
height = 480
brushPath = 'ball.png'


class ImageViewScene(QGraphicsScene):

    """ メインビューと関連付けられる Scene """

    def __init__(self, *argv, **keywords):
        super(ImageViewScene, self).__init__(*argv, **keywords)

        self.buttonFlag = False
        self.pixmap = QPixmap(width, height)
        self.pixmap.fill()
        self.brushImage = QPixmap(brushPath)

        # Scene に Item を追加
        self.imgItem = QGraphicsPixmapItem(self.pixmap)
        self.addItem(self.imgItem)

    def mouseDoubleClickEvent(self, event):
        pass

    def mousePressEvent(self, event):
        """ マウスボタンが押された際の処理 """
        if event.button() == Qt.LeftButton:
            self.buttonFlag = True
            self.drawing(event)
        elif event.button() == Qt.RightButton:
            self.pixmap.fill()
            self.imgItem.setPixmap(self.pixmap)

    def mouseMoveEvent(self, event):
        """ マウスカーソル移動中の処理 """
        if self.buttonFlag:
            self.drawing(event)

    def mouseReleaseEvent(self, event):
        """ マウスボタンが離されたときの処理 """
        if event.button() == Qt.LeftButton:
            self.buttonFlag = False

    def drawing(self, event):
        """ ブラシで描画 """
        x = event.scenePos().x()
        y = event.scenePos().y()
        x -= self.brushImage.width() / 2
        y -= self.brushImage.height() / 2
        qp = QPainter()
        qp.begin(self.pixmap)
        qp.drawPixmap(x, y, self.brushImage)
        qp.end()
        del qp

        # 描画更新する方法が分からない…
        # 仕方なく、pixmap を再設定してるけど…これでいいの？
        self.imgItem.setPixmap(self.pixmap)
        # self.imgItem.update()
        # self.update()


class ImageViewer(QGraphicsView):

    """ メインとなるビュー """

    def __init__(self):
        super(ImageViewer, self).__init__()

        self.setCacheMode(QGraphicsView.CacheBackground)
        self.setRenderHints(QPainter.Antialiasing |
                            QPainter.SmoothPixmapTransform |
                            QPainter.TextAntialiasing
                            )

        scene = ImageViewScene(self)
        self.setScene(scene)
        scene.setSceneRect(QRectF(self.rect()))

    def resizeEvent(self, event):
        """ ビューをリサイズ時にシーンの矩形を更新 """
        super(ImageViewer, self).resizeEvent(event)
        self.scene().setSceneRect(QRectF(self.rect()))

if __name__ == '__main__':
    app = QApplication(sys.argv)
    viewer = ImageViewer()
    viewer.show()
    sys.exit(app.exec_())

• QGraphicsPixmapItem が持ってる QPixmap は、デスクトップ上の描画にせっせと使ったりしてる関係で、中身を変更しちゃダメだよ、読み出しはともかく書き込みはNGだよ、ということになっている、とか？
• あるいは、中身を変更したいならしかるべき手順を踏んでから更新しないとダメだよ、ということになっている、とか？

• 部品を置く位置を座標で指定する。ドット単位で位置を決められるが、位置が固定されてるので、ウインドウサイズが変わった時に追従できない。
• 左から右、上から下等、部品を順々に追加すると勝手に並ぶように指定する。大雑把な位置になるが、ウインドウサイズが変わっても追従できる。

◎ ダイソーのストップウォッチとは何故か相性が悪い。 :

"""
PySideを使ってQMainWindow上にレイアウトする事例
"""

import sys
from PySide.QtCore import *
from PySide.QtGui import *

color_info = None


class MyColorInfo(QPushButton):
    """ 色を表示するウィジェット """

    def __init__(self, parent=None):
        super(MyColorInfo, self).__init__(parent)
        self.color = QColor(128, 128, 128)
        self.setSizePolicy(QSizePolicy.Fixed, QSizePolicy.Fixed)
        self.setMinimumSize(48, 48)

    def paintEvent(self, e):
        qp = QPainter()
        qp.begin(self)
        qp.setPen(QColor(0, 0, 0))
        qp.setBrush(self.color)
        qp.drawRect(2, 2, 44, 44)
        qp.end()

    def updateColor(self, r, g, b):
        """ 色を更新 """
        self.color.setRgb(r, g, b)
        self.update()


class MySlider(QWidget):
    """
    RGB値指定スライダー部分
    """

    def __init__(self, parent=None):
        super(MySlider, self).__init__(parent)

        gb = QGridLayout()  # 升目上に並べる
        gb.setContentsMargins(0, 0, 0, 0)  # 外のマージン(隙間)を極力無くす

        # 色表示部分
        global color_info
        color_info = MyColorInfo(self)
        gb.addWidget(color_info, 0, 0, 1, 3)

        # スライダーやスピンボックス部分
        self.value = []
        self.sld = []
        self.spb = []

        # RGBの3つ分、Slider や SpinBox を確保
        for (i, s) in enumerate(["R", "G", "B"]):
            lbl = QLabel(s)
            sld = QSlider(Qt.Orientation.Horizontal, self)
            spb = QSpinBox()

            # レイアウト
            gb.addWidget(lbl, i + 1, 0)
            gb.addWidget(sld, i + 1, 1)
            gb.addWidget(spb, i + 1, 2)

            # 値の範囲を 0-255 に設定
            sld.setRange(0, 255)
            spb.setRange(0, 255)

            # 現在値を初期化
            v = 128
            sld.setValue(v)
            spb.setValue(v)

            # 後で使うので記録しておく
            self.value.append(v)
            self.sld.append(sld)
            self.spb.append(spb)

        # 自身のレイアウトとして登録
        self.setLayout(gb)

        # Slider や SpinBox 値が変えられた時に呼ばれるメソッドを設定
        for i in range(3):
            self.sld[i].valueChanged[int].connect(self.sliderChangeValue)
            self.spb[i].valueChanged[int].connect(self.spinBoxChangeValue)

    def sliderChangeValue(self, value):
        """ Slider の値が変わった時に呼ばれる処理 """
        for (i, sld) in enumerate(self.sld):
            self.spb[i].setValue(sld.value())
        self.updateColor()

    def spinBoxChangeValue(self, value):
        """ SpinBox の値が変わった時に呼ばれる処理 """
        for (i, spb) in enumerate(self.spb):
            self.sld[i].setValue(spb.value())
        self.updateColor()

    def updateColor(self):
        """ 色表示部分を更新 """
        v = []
        for spb in self.spb:
            v.append(spb.value())
        global color_info
        color_info.updateColor(v[0], v[1], v[2])


class MyBrushWidget(QWidget):
    """ メインウインドウ左側に配置するウィジェット """

    def __init__(self, parent=None):
        super(MyBrushWidget, self).__init__(parent)

        layout = QVBoxLayout()  # 縦に並べる

        # ブラシ画像選択部分
        self.cb = QComboBox()
        self.cb.addItem("default.png")
        self.cb.addItem("extra.png")
        layout.addWidget(self.cb)

        # ブラシ画像表示部分
        self.scene_brush = QGraphicsScene()
        self.gview_brush = QGraphicsView(self.scene_brush, self)
        self.gview_brush.setSizePolicy(QSizePolicy.Fixed, QSizePolicy.Fixed)
        self.gview_brush.setMinimumSize(256, 256)
        layout.addWidget(self.gview_brush)

        # 色選択部分
        self.rgb_area = MySlider(self)
        layout.addWidget(self.rgb_area)

        # スペーシング
        spc = QSpacerItem(16, 16, QSizePolicy.Expanding, QSizePolicy.Expanding)
        layout.addSpacerItem(spc)

        # 自身のレイアウトとして設定
        self.setLayout(layout)


class MyMainWindow(QMainWindow):
    """ メインウインドウ """

    def __init__(self, parent=None):
        super(MyMainWindow, self).__init__(parent)

        # メニューバー
        mb = QMenuBar()
        file_menu = QMenu("&File", self)
        exit_action = file_menu.addAction("&Close")
        exit_action.setShortcut('Ctrl+Q')
        exit_action.triggered.connect(qApp.quit)
        mb.addMenu(file_menu)
        self.setMenuBar(mb)

        # ステータスバー
        self.status = QStatusBar(self)
        self.status.showMessage("Status Bar")
        self.setStatusBar(self.status)

        # 左側のドックウィジェット
        self.leftDock = QDockWidget("Left Dock Widget", self)
        self.brushw = MyBrushWidget(self)
        self.leftDock.setWidget(self.brushw)

        # 移動とフローティングは有効にするが閉じるボタンは無効にする
        # 注意：
        # メインウインドウが十分大きくないと、フローティング後、元に戻せない
        self.leftDock.setAllowedAreas(Qt.LeftDockWidgetArea
                                      | Qt.RightDockWidgetArea)
        self.leftDock.setFeatures(QDockWidget.DockWidgetMovable
                                  | QDockWidget.DockWidgetFloatable \
                                  # | QDockWidget.DockWidgetVerticalTitleBar
                                  )

        self.addDockWidget(Qt.LeftDockWidgetArea, self.leftDock)

        # 中央ウィジェット
        self.scene_image = QGraphicsScene()
        self.gview_image = QGraphicsView(self.scene_image, self)
        self.setCentralWidget(self.gview_image)


def main():
    app = QApplication(sys.argv)
    # app.setStyle(QStyleFactory.create('Cleanlooks'))
    w = MyMainWindow()
    w.setWindowTitle("PySide Layout on QMainWindow")
    w.resize(640, 480)
    w.show()
    sys.exit(app.exec_())

if __name__ == '__main__':
    main()

◎ 参考ページ。 :

C:.
|   drawing_pyside_5.py
|
\---brushes
        default.png
        extra.png

◎ ライセンス問題についてメモ。 :

◎ PySide のインストール方法。 :

pip install pyside

pip install -U pyside

pip uninstall pyside

pip install Pillow-3.4.2-cp27-cp27m-win32.whl

◎ 色を反映させる処理で悩んでたり。 :

ブラシ画像がグレースケール画像の場合は、色を簡単に反映させられることが分かったのだけど。処理としては、元画像の明度をアルファチャンネルとして使って、RGB値は選択色をそのまま使えばいいわけで。

ただ、RGBAフルカラー画像のブラシ画像に、色を反映させる処理で悩んでたり。元画像のRGB値が128の時に、現在の色がそのまま出るように、と考えて、今のところ2つの方法を試してるけど…。

ガンマ補正っぽい処理をしたほうがいいのか、それとも、RGBではなくて _HLS(色相、輝度、彩度) にして計算するべきか…。何にせよ今の処理では、結果が望んでるものとはビミョーに違う感じが。

"""
PySideのWidget内にマウスカーソルが出たり入ったりした時のイベント動作を確認

Windows10 x64 + Python 2.7.11 + PySide
"""

import sys
from PySide.QtCore import *
from PySide.QtGui import *


class MyLabel(QLabel):

    def __init__(self, *argv, **keywords):
        super(MyLabel, self).__init__(*argv, **keywords)
        self.setFrameStyle(QFrame.Box | QFrame.Raised)
        self.setFixedSize(240, 64)
        self.enterCount = 0
        self.leaveCount = 0

    def enterEvent(self, event):
        self.enterCount += 1
        self.setText("enterEvent %d" % self.enterCount)

    def leaveEvent(self, event):
        self.leaveCount += 1
        self.setText("leaveEvent %d" % self.leaveCount)


class MyWidget(QWidget):

    def __init__(self, *argv, **keywords):
        super(MyWidget, self).__init__(*argv, **keywords)
        layout = QVBoxLayout(self)
        layout.addWidget(MyLabel("Please move mouse cursor"))
        layout.addWidget(MyLabel("Please move mouse cursor"))
        layout.addWidget(MyLabel("Please move mouse cursor"))
        self.setLayout(layout)


def main():
    app = QApplication(sys.argv)
    w = MyWidget()
    w.show()
    sys.exit(app.exec_())

if __name__ == '__main__':
    main()

◎ PixBuilder Studioでもトリミングはできた。 :

◎ 2016/10/28追記。 :

◎ 日本語メニューをキャプチャしてみた。 :

CGソフトの類ではメニューの各単語をどのように翻訳すべきなのか、なんだか疑問が湧いてきた。試しに、画面をキャプチャして、一つ一つ自分なりに検討してみたり。

こういう感じに修正すれば、まだ伝わるだろうか…。どうなんだろ。

「整列」「配置」のあたりはどう書くべきか悩んでしまうなと。そのあたり、以前自分もソレ系のツールを作った時に項目名で悩んだ記憶が。

◎ 言語ファイルが別途存在することに気が付いた。 :

1. 元画像のRGB値から輝度を算出。
2. 着色ダイアログで指定された、色相、彩度、輝度、のうち、輝度を元画像から求めた輝度にも反映。
3. HLS(色相、輝度、彩度)からRGBに変換。

◎ RGBからグレースケールに変換。 :

"""
PySideでQMainWindow上にDockWidgetその他をレイアウト
動作確認環境 : Windows10 x64 + Python 2.7.11 + PySide 1.2.4
"""

import sys
from PySide.QtCore import *
from PySide.QtGui import *


class MyVWidget(QWidget):
    """ メインウインドウ周辺に配置するWidget。縦長タイプ """

    def __init__(self, parent=None):
        super(MyVWidget, self).__init__(parent)
        l = QVBoxLayout()  # 縦に並べる
        l.addWidget(QLabel("Dummy"))
        l.addWidget(QLabel("Dummy"))
        self.setLayout(l)


class MyHWidget(QWidget):
    """ メインウインドウ周辺に配置するWidget。横長タイプ """

    def __init__(self, parent=None):
        super(MyHWidget, self).__init__(parent)
        l = QHBoxLayout()  # 横に並べる
        l.addWidget(QLabel("Dummy"))
        l.addWidget(QLabel("Dummy"))
        self.setLayout(l)


class DrawAreaScene(QGraphicsScene):
    """ 描画ウインドウ用Scene """

    def __init__(self, *argv, **keywords):
        super(DrawAreaScene, self).__init__(*argv, **keywords)
        self.buttonFlag = False
        self.pixmap = QPixmap(800, 600)
        self.pixmap.fill(QColor(0, 0, 0, 0))

        # Scene に Item を追加
        self.imgItem = QGraphicsPixmapItem(self.pixmap)
        self.addItem(self.imgItem)


class DrawAreaView(QGraphicsView):
    """ メインになるQGraphicsView """

    def __init__(self, *argv, **keywords):
        super(DrawAreaView, self).__init__(*argv, **keywords)

        self.setCacheMode(QGraphicsView.CacheBackground)
        self.setRenderHints(QPainter.Antialiasing |
                            QPainter.SmoothPixmapTransform |
                            QPainter.TextAntialiasing)
        self.setBackgroundBrush(Qt.darkGray)  # 背景色を設定

        # Sceneを登録
        scene = DrawAreaScene(self)
        self.setScene(scene)
        scene.setSceneRect(QRectF(self.rect()))

    def resizeEvent(self, event):
        """ リサイズ時に呼ばれる処理 """
        super(DrawAreaView, self).resizeEvent(event)
        self.scene().setSceneRect(QRectF(self.rect()))  # Sceneの矩形も更新


class MyMainWindow(QMainWindow):
    """ メインウインドウ """

    def __init__(self, parent=None):
        super(MyMainWindow, self).__init__(parent)

        # メニューバー
        mb = QMenuBar()
        file_menu = QMenu("&File", self)
        exit_action = file_menu.addAction("&Close")
        exit_action.setShortcut('Ctrl+Q')
        exit_action.triggered.connect(qApp.quit)
        mb.addMenu(file_menu)
        self.setMenuBar(mb)

        # ステータスバー
        status = QStatusBar(self)
        self.setStatusBar(status)
        status.showMessage("Status Bar")

        # 上のDockWidget
        self.topDock = QDockWidget("Top Dock", self)
        self.topDock.setWidget(MyHWidget(self))
        self.addDockWidget(Qt.TopDockWidgetArea, self.topDock)

        # 下
        self.bottomDock = QDockWidget("Bottom Dock", self)
        self.bottomDock.setWidget(MyHWidget(self))
        self.addDockWidget(Qt.BottomDockWidgetArea, self.bottomDock)

        # 左
        self.leftDock = QDockWidget("Left Dock", self)
        self.leftDock.setWidget(MyVWidget(self))
        self.addDockWidget(Qt.LeftDockWidgetArea, self.leftDock)

        # 右
        self.rightDock = QDockWidget("Right Dock", self)
        self.rightDock.setWidget(MyVWidget(self))
        self.addDockWidget(Qt.RightDockWidgetArea, self.rightDock)

        # 中央Widget
        self.gview_image = DrawAreaView(self)
        self.setCentralWidget(self.gview_image)


def main():
    app = QApplication(sys.argv)
    w = MyMainWindow()
    w.setWindowTitle("DockWidget Layout")
    w.resize(800, 600)
    w.show()
    sys.exit(app.exec_())

if __name__ == '__main__':
    main()

◎ チェック作業に使ったRubyスクリプト。 :

# StylePix Language file check.
# output __tmp.csv (UTF-16LE + BOM)

output_file = "__tmp.csv"

# StylePix Language files
filelist = [
  'English.txt',
  'Japanese.txt',
  'Jp_m256_20161023.txt',
  'Arabic.txt',
  'ChineseSimplified.txt',
  'ChineseTraditional.txt',
  'French.txt',
  'German.txt',
  'Italian.txt',
  'Welsh.txt',
  'korean.txt', # please rename
]

# pickup language files
pickuplist = [
  'English.txt',
  'Japanese.txt',
  'Jp_m256_20161023.txt',
]

# UTF-16LE string
re_comment = Regexp.new( '^\/\/'.to_s.encode( "UTF-16LE" ))
re_blankline = Regexp.new( '^\s+$'.to_s.encode( "UTF-16LE" ))
re_word_tab_word = Regexp.new( '^(\S+)\s+\"(.+)\"$'.to_s.encode( "UTF-16LE" ))
re_start_quot = Regexp.new( '^"'.to_s.encode( "UTF-16LE" ))
re_end_quot = Regexp.new( '\"$'.to_s.encode( "UTF-16LE" ))
nullstr = "".encode("UTF-16LE")
sep = "\t".encode("UTF-16LE")

# File read
data = {}
id_lst = {}
filelist.each do |fn|
  dt = {}
  f = File.open(fn, 'rb:BOM|UTF-16LE')
  while l = f.gets
    l.chomp!
    next if l =~ re_comment # skip comment
    next if l =~ re_blankline # skip blank line
    if l =~ re_word_tab_word
      id, value = $1, $2
      dt[id] = value
      if id_lst.has_key?(id)
        id_lst[id] += 1
      else
        id_lst[id] = 1
      end
    end
  end
  f.close
  data[fn] = dt
end

# make csv
res = []
header = []
header.push("ID".encode("UTF-16LE"))
pickuplist.each do |fn|
  header.push(fn.encode("UTF-16LE"))
end
res.push(header)

id_lst.keys.each do |id|
  dt = []
  dt.push(id)
  pickuplist.each do |fn|
    v = data[fn]
    dt.push((v.has_key?(id))? v[id] : nullstr)
  end
  res.push(dt)
end

# output csv (UTF-16LE + BOM)
f = open(output_file, 'wb:UTF-16LE')
f.write "\uFEFF"  # BOM
res.each do |l|
  f.puts l.join(sep)
end
f.close

◎ 余談。StylePixの動作がちょっと怪しい気がする。 :

◎ 余談その2。StylePix 2.xの起動は遅い。 :

◎ 2016/10/28追記。 :

◎ 読み込み。 :

# UTF-16LE + BOM のテキストファイルにアクセス

infile = "text_utf16le_bom.txt"

File.open(infile, 'rb:BOM|UTF-16LE') {|f|
  while l = f.gets
    l.chomp!
    puts l.encoding # => UTF-16LE
  end
}

> open_utf16le.rb
UTF-16LE
UTF-16LE
UTF-16LE
UTF-16LE
UTF-16LE
UTF-16LE
UTF-16LE
UTF-16LE

◎ 正規表現。 :

# UTF-16LE + BOM の文字列に対して正規表現を使う

infile = "text_utf16le_bom.txt"

re0 = Regexp.new( '^\/\/'.to_s.encode("UTF-16LE") )
re1 = Regexp.new( '^(.+)\t(.+)$'.to_s.encode("UTF-16LE") )

f = File.open(infile, 'rb:BOM|UTF-16LE')
while l = f.gets
  if l =~ re0
    puts "comment"
  elsif l =~ re1
    puts "data"
  end
end
f.close

> open_utf16le_regexp.rb
comment
comment
data
data
comment
comment
data
data

◎ 書き込み。 :

# UTF-16LE + BOM の文字列をテキストファイルとして出力

outfile = "_tmp.txt"

File.open(outfile, 'wb:UTF-16LE') { |f|
  f.write "\uFEFF"  # BOMを出力
  DATA.each do |l|
    f.puts l.encode("UTF-16LE")
  end
}

__END__
ABCDEFG
0123456
日本語を記述

◎ 参考ページ。 :

> rsense start
D:/Ruby/Ruby23/lib/ruby/gems/2.3.0/gems/rsense-0.5.18/lib/rsense/client/runner.rb:112:in `start': uninitialized constant Spoon::FileActions (NameError)
Did you mean?  FileUtils
        from C:/Ruby/Ruby23/lib/ruby/gems/2.3.0/gems/rsense-0.5.18/bin/rsense:12:in `<top (required)>'
        from C:/Ruby/Ruby23/bin/rsense:22:in `load'
        from C:/Ruby/Ruby23/bin/rsense:22:in `<main>'

sudo apt-get install ruby2.3 ruby2.3-dev

◎ EmacsやVimでは使えない。 :

◎ Atomで試してみる。 :

sudo add-apt-repository ppa:webupd8team/atom
sudo apt-get update
sudo apt-get install atom

gem install --local rubygems-update-2.6.7.gem
update_rubygems --no-ri --no-rdoc
gem --version
gem uninstall rubygems-update -x

"""
PySide + QGraphicsView上でマウスカーソルに何かを追従させる
動作確認環境 : Windows10 x64 + Python 2.7.11 + PySide 1.2.4
"""

import sys
from PySide.QtCore import *
from PySide.QtGui import *

brushFile = "brush.png"
canvasSize = (640, 480)
padding = 48
status = None


class DrawAreaScene(QGraphicsScene):
    """ 描画ウインドウ用Scene """

    def __init__(self, *argv, **keywords):
        super(DrawAreaScene, self).__init__(*argv, **keywords)

        global brushFile
        global canvasSize
        global padding

        # Scene に 空QPixmap を追加
        w, h = canvasSize
        self.pixmap = QPixmap(w, h)
        self.pixmap.fill(QColor(192, 192, 192, 255))
        self.imgItem = QGraphicsPixmapItem(self.pixmap)
        self.addItem(self.imgItem)
        self.imgItem.setX(padding)
        self.imgItem.setY(padding)

        # Scene にブラシ画像を追加
        self.brushPixmap = QPixmap(brushFile)
        self.brushImgItem = QGraphicsPixmapItem(self.brushPixmap)
        self.addItem(self.brushImgItem)

    def mousePressEvent(self, event):
        """ マウスボタンを押した """
        x, y = self.getMousePos(event, "Click")

    def mouseReleaseEvent(self, event):
        """ マウスボタンを離した """
        x, y = self.getMousePos(event, "Release")

    def mouseMoveEvent(self, event):
        """
        マウスを動かしてる時に呼ばれる処理。
        デフォルトではマウスボタンを押してる間(ドラッグ中)しか呼ばれないが、
        親のQGraphicsView で viewport() の mouseTracking を True にすれば
        マウスを動かした際に常時呼ばれるようになる。
        """
        x, y = self.getMousePos(event, "Move")

        # ブラシが非表示なら表示を有効化
        if not self.brushImgItem.isVisible():
            self.setVisibleBrush(True)

        # ブラシの表示位置を変更
        pm = self.brushImgItem.pixmap()
        xd = pm.width() / 2
        yd = pm.height() / 2
        self.brushImgItem.setOffset(int(x - xd), int(y - yd))

    def getMousePos(self, event, msg):
        """ マウス座標を取得 """
        x = event.scenePos().x()
        y = event.scenePos().y()
        global status
        status.showMessage("(%d , %d) %s" % (x, y, msg))
        return (x, y)

    def setVisibleBrush(self, flag):
        """ ブラシ表示の有効無効切り替え """
        self.brushImgItem.setVisible(flag)


class DrawAreaView(QGraphicsView):
    """ メインになるQGraphicsView """

    def __init__(self, *argv, **keywords):
        super(DrawAreaView, self).__init__(*argv, **keywords)
        self.setBackgroundBrush(QColor(64, 64, 64, 255))  # 背景色を設定

        self.setCacheMode(QGraphicsView.CacheBackground)

        # self.setRenderHints(QPainter.Antialiasing |
        #                     QPainter.SmoothPixmapTransform |
        #                     QPainter.TextAntialiasing)

        # Sceneを登録
        scene = DrawAreaScene(self)
        self.setScene(scene)
        self.setSceneNewRect()

        # 子のSceneに対してマウストラッキングを有効に
        vp = self.viewport().setMouseTracking(True)

    def resizeEvent(self, event):
        """ リサイズ時に呼ばれる処理 """
        super(DrawAreaView, self).resizeEvent(event)
        self.setSceneNewRect()

    def scrollContentsBy(self, dx, dy):
        """ スクロールバー操作時に呼ばれる処理 """
        # スクロール中、Scene内にブラシがあると
        # 何故かゴミが残るので、ブラシを非表示にしている
        self.scene().setVisibleBrush(False)
        super(DrawAreaView, self).scrollContentsBy(dx, dy)

    def setSceneNewRect(self):
        """ Sceneの矩形を更新 """
        # 以下は、Sceneのアイテム群境界ボックスを取得する例
        # rect = self.scene().itemsBoundingRect()

        # 以下は、viewport のサイズを指定する例
        # rect = QRectf(self.viewport().rect())

        global canvasSize
        global padding
        w, h = canvasSize

        # キャンバス周辺に余白を設けたサイズを求める
        w += padding * 2
        h += padding * 2
        rect = QRectF(0, 0, w, h)

        # Sceneの矩形を更新。自動でスクロールバーの長さも変わってくれる
        self.scene().setSceneRect(rect)


class MyVWidget(QWidget):
    """ メインウインドウ周辺に配置するWidget """

    def __init__(self, parent=None):
        super(MyVWidget, self).__init__(parent)
        l = QVBoxLayout()  # 縦に並べる
        l.addWidget(QLabel("Dummy"))
        self.setLayout(l)


class MyMainWindow(QMainWindow):
    """ メインウインドウ """

    def __init__(self, *argv, **keywords):
        super(MyMainWindow, self).__init__(*argv, **keywords)
        self.setWindowTitle("Mouse Tracking Test")
        self.resize(640, 480)

        # メニューバー
        mb = QMenuBar()
        file_menu = QMenu("&File", self)
        exit_action = file_menu.addAction("&Close")
        exit_action.setShortcut('Ctrl+Q')
        exit_action.triggered.connect(qApp.quit)
        mb.addMenu(file_menu)
        self.setMenuBar(mb)

        # ステータスバー
        global status
        status = QStatusBar(self)
        self.setStatusBar(status)
        status.showMessage("Status Bar")

        # 左ドック
        self.leftDock = QDockWidget("Left Dock", self)
        self.leftDock.setWidget(MyVWidget(self))
        self.addDockWidget(Qt.LeftDockWidgetArea, self.leftDock)

        # 中央Widget
        self.gview_image = DrawAreaView(self)
        self.setCentralWidget(self.gview_image)


def main():
    """ メイン処理 """

    # このあたりを指定すると描画が速くなるという話を見かけたが、
    # "native"、"raster"、"opengl" を指定しても結果は変わらなかった…
    QApplication.setGraphicsSystem("raster")

    app = QApplication(sys.argv)
    w = MyMainWindow()
    w.show()
    sys.exit(app.exec_())

if __name__ == '__main__':
    main()

◎ mouseTracking が肝らしい。 :

◎ スクロールバーの長さ。 :

rect = self.scene().itemsBoundingRect()
self.scene().setSceneRect(rect)

rect = QRectf(self.viewport().rect())
self.scene().setSceneRect(rect)

w += padding * 2
h += padding * 2
rect = QRectF(0, 0, w, h)
self.scene().setSceneRect(rect)

◎ 描画速度が遅い。 :

◎ ちょっと解説。 :

#!/usr/bin/env python

• M/B : Intel DH67BL (B3ステップ)
• HDD : Western Digital WD10EALX-009BA0 (WD Blue、1TB、SATA600)

-----------------------------------------------------------------------
CrystalDiskMark 5.1.2 x64 (C) 2007-2016 hiyohiyo
                           Crystal Dew World : http://crystalmark.info/
-----------------------------------------------------------------------
* MB/s = 1,000,000 bytes/s [SATA/600 = 600,000,000 bytes/s]
* KB = 1000 bytes, KiB = 1024 bytes

   Sequential Read (Q= 32,T= 1) :   125.153 MB/s
  Sequential Write (Q= 32,T= 1) :   113.850 MB/s
  Random Read 4KiB (Q= 32,T= 1) :     1.734 MB/s [   423.3 IOPS]
 Random Write 4KiB (Q= 32,T= 1) :     1.602 MB/s [   391.1 IOPS]
         Sequential Read (T= 1) :   120.791 MB/s
        Sequential Write (T= 1) :   110.307 MB/s
   Random Read 4KiB (Q= 1,T= 1) :     0.585 MB/s [   142.8 IOPS]
  Random Write 4KiB (Q= 1,T= 1) :     1.140 MB/s [   278.3 IOPS]

  Test : 100 MiB [C: 88.7% (203.1/229.0 GiB)] (x3)  [Interval=5 sec]
  Date : 2016/10/26 21:17:19
    OS : Windows 10 Professional [10.0 Build 10586] (x64)
    HDD WDC WD10EALX-009BA0 (SATA 6Gb/s)

◎ ゴールデンバットがフィルタ付きになってた。 :

◎ 拡大縮小表示自体の処理。 :

    def changeScale(self, scale):
        """ ズーム変更 """
        global padding
        self.zoomv = scale

        t = QTransform()
        t.scale(self.zoomv, self.zoomv)  # スケールだけ反映
        self.bgItem.setTransform(t)

        bt = QTransform()
        bt.scale(self.zoomv, self.zoomv)
        self.brushItem.setTransform(bt)

◎ 中ボタンドラッグでスクロール。 :

self.horizontalScrollBar().setValue(self.horizontalScrollBar().value() + offset.x())
self.verticalScrollBar().setValue(self.verticalScrollBar().value() + offset.y())

◎ マウスカーソル座標取得の問題。 :

QGraphicsScene でマウスイベントを取る分には、「シーン内では、この辺にマウスカーソルがありますよ」的なイイ感じの座標取得ができたけど。QGraphicsView側で取ると、「シーンのオフセットその他モロモロなんてワシは知らんわい。とにかく QGraphicsView のガワに対してのマウスカーソル座標しか返さんぞ。つーかソレしか持ってないし」的な座標取得しかできない。

そこで、QGraphicsView 内のマウスカーソル座標＋スクロールバーの値、みたいな座標値を求めて QGraphicsScene内でのマウスカーソル座標値を推測してやることに。

これで一見上手くいったように見えたものの、拡大表示をしてスクロールバーが存在しているうちはいいけれど、縮小表示をしてスクロールバーが無くなった際に正しいマウスカーソル座標値が得られなくなった。スクロールバーが無くなると、スクロールバーの値はずっと0を返すけど、実際には補正をしないといかんわけで…。

ということで泥臭いけど、おそらくは以下のようになってるのだろうと考えて、スクロールバーが有る時と無いときで座標値の求め方を変えることに。

• self.viewport().rect().width() < self.scene().sceneRect().width() なら、スクロールバーが出ている(はず)。
• self.viewport().rect().width() >= self.scene().sceneRect().width() なら、スクロールバーは出ていない(はず)。

後者の場合は、シーンが viewport内の中央に表示されてるはずだから…。得られたマウスカーソル座標が、viewportの中央からどれだけ離れてるかを計算して、シーン上でも、中央からどれだけ離れているかで座標を求める、みたいな処理に。

◎ ズーム表示の基準位置問題。 :

◎ こんな感じになった。 :

◎ ダメな例も貼っておく。 :

◎ mapToScene()は便利。 :

◎ 浮動小数点の誤差で悩んだり。 :

◎ qAppてのがあったのか。 :

global myApp
myApp = QApplication(sys.argv)

global myApp
myApp.setOverrideCursor(Qt.ClosedHandCursor)

qApp.setOverrideCursor(Qt.ClosedHandCursor)

if a < 0:
    a = 0
if a > 100:
    a = 100

a = max(0, min(a, 3200))

> pylint --version
pylint 1.6.4,
astroid 1.4.8
Python 2.7.11 (v2.7.11:6d1b6a68f775, Dec  5 2015, 20:32:19) [MSC v.1500 32 bit (Intel)]

1. Ctrl+, を押すか、あるいは Ctrl+Shift+P を押してから「settings view: open」を選べば設定ウインドウ(settings)が開く。
2. 左のほうで「Install」を選んで、「linter pylint」とか打ち込めば色々出てくるので、「linter」と「linter-pylint」をインストール。

◎ ちょっと厳し過ぎる。 :

zoomfit_btn.clicked.connect(self.zoom_fit)

◎ ある程度無視するように設定。 :

# pylint: disable-msg=C0103,W0401,W0602,W0603,W0613,W0614,E1101

# pylint: disable=C0103,W0401,W0602,W0603,W0613,W0614,E1101

◎ flake8のインストール。 :

pip install flake8
pip install flake8-pep257

flake8 スクリプトソース名

pip install hacking

> flake8 --version
2.5.5 (pep8: 1.5.7, mccabe: 0.2.1, hacking.core: 0.0.1, ProxyChecker: 0.0.1, flake8-pep257: 1.0.5, pyflakes: 0.8.1) CPython 2.7.11 on Windows

◎ flake8の一部の警告を無効にする方法。 :

[flake8]
ignore = D211
max-line-length = 79

from PySide.QtCore import *     # NOQA

◎ ファイルオープンダイアログとファイル保存ダイアログ。 :

    def show_open_dialog(self):
        u"""ファイルオープンダイアログを表示."""
        filter = "Image Files (*.png *.bmp *.jpg *.jpeg)"
        fpath, _ = QFileDialog.getOpenFileName(self, "Open File", self.cur_dir, filter)
        if fpath:
            self.gview.load_canvas_image(fpath)
        else:
            # cancel
            pass

    def show_save_dialog(self):
        u"""ファイル保存ダイアログを表示."""
        filter = "Image Files (*.png)"
        fpath, _ = QFileDialog.getSaveFileName(self, "Save File", self.cur_dir, filter)
        if fpath:
            self.gview.scene().save_canvas(fpath)
        else:
            # cancel
            pass

◎ QPixmapのファイル保存。 :

    def save_canvas(self, fpath):
        u"""キャンバスを画像ファイルとして保存."""
        self.canvas_pixmap.save(fpath, "PNG")

◎ QPixmapの指定座標の色情報を取得。 :

    def get_rgb_from_canvas(self, pos):
        u"""キャンバスの指定座標からRGBA値 (r,g,b,a) を取得."""
        x = int(pos.x())
        y = int(pos.y())

        pm = self.canvas_pixmap
        w, h = pm.width(), pm.height()
        if x < 0 or x >= w or y < 0 or y >= h:
            return None

        argb_long = pm.toImage().pixel(x, y)

        argb = QColor()
        argb.setRgba(argb_long)
        r = argb.red()
        g = argb.green()
        b = argb.blue()
        a = argb.alpha()
        return (r, g, b, a)

◎ ボタンに画像を割り当てたい。 :

    btn_pixmap = QPixmap(24, 24)
    btn_pixmap.fill(QColor(r, g, b))

    btn.setIcon(QIcon(btn_pixmap))
    btn.setIconSize(btn_pixmap.rect().size())

    btn.update()

◎ 色選択ダイアログを表示。 :

    color = QColorDialog.getColor(Qt.green, self)
    if color.isValid():
        r = color.red()
        g = color.green()
        b = color.blue()
        self.set_rgb((r, g, b))