Wie eigene Widgets erstellen?

[Hand]

Hätt da gleich nochmal ne Frage, wie erstellt man eigene Widgets wie z.B. einen Button wie bei Labview

http://www.neatware.com/myrmecox/media/ ... freq-1.jpg

nimmt man als Grundlage ein wx.Image und tauscht bei einem Klick einfach das Image aus oder gibts da noch andere Tricks?

[gerold]

eigene Widgets wie z.B. einen Button

Hallo Hand!

Wenn du wirklich die Buttons und nicht die Drehregler meinst, dann ist es ziemlich einfach.

Code: Alles auswählen

#!/usr/bin/env python
# -*- coding: iso-8859-1 -*-

import wx
from wx.lib.buttons import ThemedGenBitmapButton

wx.SetDefaultPyEncoding("iso-8859-1")


class MyFrame(wx.Frame):
    
    def __init__(
        self, parent = None, id = -1, title = "Example", size = wx.Size(550, 420)
    ):
        
        wx.Frame.__init__(self, parent, id, title, size = size)
        
        panel = wx.Panel(self)
        
        vbox_main = wx.BoxSizer(wx.VERTICAL)
        panel.SetSizer(vbox_main)
        
        # Button mit Bild
        bmp = wx.ArtProvider_GetBitmap(wx.ART_CDROM, wx.ART_BUTTON)
        btn = ThemedGenBitmapButton(panel, -1, bmp, size = (50, 50))
        self.btn = btn
        vbox_main.Add(btn, 0, wx.ALIGN_CENTER | wx.ALL, 50)
        btn.Bind(wx.EVT_BUTTON, self.change_bmp)
        
        self.bmp_flag = 0
    
    
    def change_bmp(self, event):
        
        if self.bmp_flag == 0:
            bmp = wx.ArtProvider_GetBitmap(wx.ART_DELETE, wx.ART_BUTTON)
            self.bmp_flag = 1
        else:
            bmp = wx.ArtProvider_GetBitmap(wx.ART_CDROM, wx.ART_BUTTON)
            self.bmp_flag = 0
        self.btn.SetBitmapLabel(bmp)


def main():
    """Testing"""
    
    app = wx.PySimpleApp()
    f = MyFrame()
    f.Center()
    f.Show()
    app.MainLoop()


if __name__ == "__main__":
    main()

mfg
Gerold

[gerold]

...
Ansonsten gibt es immer die Möglichkeit, etwas selbst zu zeichnen. Du kannst z.B. auf ein ``wx.Window`` zeichnen, wenn keine weiteren Widgets in diesem Widget angezeigt werden sollen.
Du kannst auf ein ``wx.Panel`` zeichnen, wenn innerhalb des neuen Widgets noch andere Widgets angezeigt werden sollen.

Dafür solltest du dich mit den Zeichenfunktionen von wxPython befassen. Jedes Widget hat einen Device Context (=DC). Diesen kannst du dir holen und darauf zeichnen.
Hier ist ein kleines Beispiel: http://www.python-forum.de/post-54147.html#54147

Den Drehregler würde ich in einem Grafikprogramm zeichnen und von wxPython anzeigen lassen. --> mit ``BufferedPaintDC``.

Die Texte würde ich in einer Liste (z.B. ["2", "4", "6", "8", "10"]) definieren und mit ``DrawText()`` auf den DC zeichnen. Natürlich solltest du dir Gedanken darüber machen, wie du die Texte exakt am Kreis ausrichtest, aber das ist reine Mathematik. Die Teilstriche kannst du mit ``DrawLine()`` zeichnen.

Diese Ereignisse könnten noch interessant sein, um die Mausposition abzufangen und zu prüfen, ob die Maustaste gedrückt ist, oder nicht.
- wx.EVT_ENTER_WINDOW
- wx.EVT_LEAVE_WINDOW
- wx.EVT_MOTION ?
- wx.EVT_LEFT_DOWN

``event.LeftIsDown()`` sollte dir zurück geben, ob die linke Maustaste gedrückt ist.

``event.GetPosition()`` oder ``event.GetX()`` und ``event.GetY()`` sollten dir die aktuelle Mausposition verraten. -- Abhängig davon, in welchem EventHandler die Methoden aufgerufen werden.

mfg
Gerold

[gerold]

Hi Hand!

Wenn du dir die Quellcodes der Widgets von Andrea Gavana ansiehst, dann erfährst du ziemlich gut, wie man eigene Widgets für wxPython erstellen kann.

http://xoomer.alice.it/infinity77/eng/freeware.html

Besonders dieses Widget könnte interessant für dich sein: http://xoomer.alice.it/infinity77/eng/KnobCtrl.html

mfg
Gerold

[Hand]

hallo, mittlerweile habe ich mein erstes Widget gemacht.
Wie empfohlen auf Basis von wx.Panel

Code: Alles auswählen

class myControl(wx.Panel):
    def __init__(self, parent, pos, size):
        wx.Panel.__init__(self, parent, -1, pos,size)
        self.size = size
        self.SetBackgroundColour(wx.Colour(179,179,179))
        text = wx.TextCtrl(self, -1, '', (4,4), (self.size[0]-8,self.size[1]-8), style=wx.NO_BORDER)
        text.SetBackgroundColour(wx.Colour(210,210,210))
        self.Bind(wx.EVT_PAINT, self._on_paint)

    def _on_paint(self, evt):
        dc = wx.PaintDC(self)
        for i in range(4):
            if(i == 0): dc.SetPen(wx.Pen(wx.Colour(164,164,164)))
            if(i == 1): dc.SetPen(wx.Pen(wx.Colour(147,147,147)))
            if(i == 2): dc.SetPen(wx.Pen(wx.Colour(136,136,136)))
            if(i == 3): dc.SetPen(wx.Pen(wx.Colour(130,130,130)))
            dc.DrawLine(i,i,self.size[0]-i,i)
            dc.DrawLine(i,i,i,self.size[1]-(i+1))
            if(i == 0): dc.SetPen(wx.Pen(wx.Colour(191,191,191)))
            if(i == 1): dc.SetPen(wx.Pen(wx.Colour(195,195,195)))
            if(i == 2): dc.SetPen(wx.Pen(wx.Colour(190,190,190)))
            if(i == 3): dc.SetPen(wx.Pen(wx.Colour(187,187,187)))
            dc.DrawLine(self.size[0]-i,self.size[1]-i,i,self.size[1]-i)
            dc.DrawLine(self.size[0]-i,self.size[1]-i,self.size[0]-i,(i-1))

Und so sieht das ganze dann aus:



Es ist das "extreme sunken" Textfeld, ich habe einfach ein wx.StaticText mit wx.NO_BORDER und dann den Border selbst gezeichnet.

Das ganze brauch ich um einem Labview Freak der Stunden braucht um die simpelsten Funktionen zusammenzuklicken mal zu zeigen wo der Hammer hängt

[gerold]

mittlerweile habe ich mein erstes Widget gemacht.

Hi Hand!

Du hast es verstanden

mfg
Gerold

[HWK]

Code: Alles auswählen

            if(i == 0): dc.SetPen(wx.Pen(wx.Colour(164,164,164)))
            if(i == 1): dc.SetPen(wx.Pen(wx.Colour(147,147,147)))
            if(i == 2): dc.SetPen(wx.Pen(wx.Colour(136,136,136)))
            if(i == 3): dc.SetPen(wx.Pen(wx.Colour(130,130,130)))
            dc.DrawLine(i,i,self.size[0]-i,i)
            dc.DrawLine(i,i,i,self.size[1]-(i+1))
            if(i == 0): dc.SetPen(wx.Pen(wx.Colour(191,191,191)))
            if(i == 1): dc.SetPen(wx.Pen(wx.Colour(195,195,195)))
            if(i == 2): dc.SetPen(wx.Pen(wx.Colour(190,190,190)))
            if(i == 3): dc.SetPen(wx.Pen(wx.Colour(187,187,187)))
            dc.DrawLine(self.size[0]-i,self.size[1]-i,i,self.size[1]-i)
            dc.DrawLine(self.size[0]-i,self.size[1]-i,self.size[0]-i,(i-1))

Das schreit ja nach einer Liste oder einem Dictionary.
MfG
HWK

[Hand]

So?

Code: Alles auswählen

class myControl(wx.Panel):
    def __init__(self, parent, pos, size):
        self.size = size
        self.pen_topleft = [wx.Pen((164,164,164)),
                            wx.Pen((147,147,147)),
                            wx.Pen((136,136,136)),
                            wx.Pen((130,130,130))]
        self.pen_bottomright = [wx.Pen((191,191,191)),
                                wx.Pen((195,195,195)),
                                wx.Pen((190,190,190)),
                                wx.Pen((187,187,187))]
        wx.Panel.__init__(self, parent, -1, pos,size)
        self.SetBackgroundColour((179,179,179))
        text = wx.TextCtrl(self, -1, '', (4,4), (self.size[0]-8,self.size[1]-8),
                           style=wx.NO_BORDER)
        text.SetBackgroundColour((210,210,210))
        self.Bind(wx.EVT_PAINT, self._on_paint)

    def _on_paint(self, evt):
        dc = wx.PaintDC(self)
        for i in range(4):
            dc.SetPen(self.pen_topleft[i])
            dc.DrawLine(i,i,self.size[0]-i,i)
            dc.DrawLine(i,i,i,self.size[1]-(i+1))
            dc.SetPen(self.pen_bottomright[i])
            dc.DrawLine(self.size[0]-i,self.size[1]-i,i,self.size[1]-i)
            dc.DrawLine(self.size[0]-i,self.size[1]-i,self.size[0]-i,(i-1))

ohne das wx.Colour gehts komischerweise auch

[HWK]

Für Graustufen geht es noch kürzer:

Code: Alles auswählen

class myControl(wx.Panel):
    def __init__(self, parent, pos, size):
        self.size = size
        self.pen_topleft = (164, 147, 136, 130)
        self.pen_bottomright = (191, 195, 190, 187)
        wx.Panel.__init__(self, parent, -1, pos,size)
        self.SetBackgroundColour((179,179,179))
        text = wx.TextCtrl(self, -1, '', (4,4), (self.size[0]-8,self.size[1]-8),
                           style=wx.NO_BORDER)
        text.SetBackgroundColour((210,210,210))
        self.Bind(wx.EVT_PAINT, self._on_paint)

    def _on_paint(self, evt):
        dc = wx.PaintDC(self)
        for i in range(4):
            dc.SetPen(wx.Pen(3 * (self.pen_topleft[i],)))
            dc.DrawLine(i,i,self.size[0]-i,i)
            dc.DrawLine(i,i,i,self.size[1]-(i+1))
            dc.SetPen(wx.Pen(3 * (self.pen_bottomright[i],)))
            dc.DrawLine(self.size[0]-i,self.size[1]-i,i,self.size[1]-i)
            dc.DrawLine(self.size[0]-i,self.size[1]-i,self.size[0]-i,(i-1))

MfG
HWK