GUI-Applikationen schnell und einfach mit Wx::XRC

Transkript

1 GUI-Applikationen schnell und einfach mit Wx::XRC

2 App's in Perl?

3 Perl App's mit Wx

4 Perl App's mit Wx

5 nativ crossplatform

6 nativ crossplatform

7 nativ crossplatform

8 Perl App's mit Wx

9 Perl App's mit Wx::XRC

10 Was ist Wx::XRC?

11 Was ist Wx::XRC? Abk. für: XML Resource Compiler

12 Was ist Wx::XRC? Abk. für: XML Resource Compiler XML Format

13 Was ist Wx::XRC? Abk. für: XML Resource Compiler XML Format Resource-Dateien

14 Was ist Wx::XRC? Abk. für: XML Resource Compiler XML Format Resource-Dateien WxWidgets-Standard

15 Was ist Wx::XRC? Abk. für: XML Resource Compiler XML Format Resource-Dateien WxWidgets-Standard Wx Contrib Bibliothek (a.i.wxperl)

16 kurz zu WxPerl cpan> install Wx wxperl.sf.net

17 Was ist Wx::XRC? <?xml version..> <resource> <object class => <style></style> XRC </object> </resource> XRC - Datei Wx - GUI

18 Was genau ist Wx::XRC?

19 Was genau ist Wx::XRC? Eine Idee von Vaclav Slavik

20 Was genau ist Wx::XRC? Eine Idee von Vaclav Slavik Abstraktionsschicht für GUI

21 Was genau ist Wx::XRC? Eine Idee von Vaclav Slavik Abstraktionsschicht für GUI Elemente aller Art, beliebig portionierbar

22 Was genau ist Wx::XRC? Eine Idee von Vaclav Slavik Abstraktionsschicht für GUI Elemente aller Art, beliebig portionierbar readonly

23 Was genau ist Wx::XRC? Eine Idee von Vaclav Slavik Abstraktionsschicht für GUI Elemente aller Art, beliebig portionierbar readonly XML 1.0

24 XRC Aufbau benutzt wxxml (xspat) & zipfh

25 XRC Aufbau benutzt wxxml (xspat) & zipfh WxXmlResource (high level)

26 XRC Aufbau benutzt wxxml (xspat) & zipfh WxXmlResource (high level) WxXmlResourceHandler (low level)

27 wxxmlresource high level einfache Benutzung der eigentliche Compiler

28 wxxmlresourcehandler low lewel Helferklasse des Compiler beschreibt Benutzung eines Widgettyps

29 GUI - Designer

30 GUI - Designer WxFormBuilder DialogBlocks wxdesigner WxGlade VisualWX XRCed

31 wxformbuilder

32 wxformbuilder in C++ geschrieben Open Source erzeugt C++ und XRC Instant XRC

33 wxglade

34 wxglade in Python geschrieben Open Source C++, Perl, Python und XRC Glade (GTK+/GNOME) nachempfunden Win Installer

35 VisualWX

36 VisualWX in C++ geschrieben Open Source C++, Python, Perl, Ruby, Lua, (XRC) auch eine IDE DnD Widgets

37 XRCed

38 XRCed in Python geschrieben Open Source XRC in frühem Stadium keine Echtzeitergebnisse

39 DialogBlocks

40 DialogBlocks in C++ geschrieben kommerziell ($85 US) erzeugt C++ and XRC von Julian Smart (WxChef)

41 WxDesigner

42 WxDesigner in C++ geschrieben kommerziell ( 129) C++, Perl, Python, C#, XRC von Robert Roebling

43 Links zu allen GUI-Designern in der Wiki auf wxwidgets.org :

44 Linux und Win : wxformbuilder

45 auf dem Mac: DialogBlocks

46 Nachhilfestunde: Sizerlayout

47 Nachhilfestunde: Sizerlayout TK : place geht auch aber der elegante Weg geht über:

48 WxBoxSizer

49 WxBoxSizer my $main_sizer = Wx::BoxSizer->new( wxvertical ); $main_sizer->add( $project_row, 0, wxtop wxgrow, 5); $main_sizer->add( $line, 0, wxtop wxgrow, 5); $main_sizer->add( $cpan_row, 0, wxtop wxgrow, 5); $main_sizer->add( $win_row, 0, wxtop wxgrow,5); $main_sizer->add( $logoutpu, 1,wxEXPAND wxall,5);

50 .. weitere wxsizer wxboxsizer... Wie eben behandelt wxstaticboxsizer... dito + umgebende WxStaticBox wxgridsizer... kann in ein statisches Gitter einordnen wxflexgridsizer... Zeilen / Spalten mit variabler Grösse wxgridbagsizer... Elemente können mehrere Zellen umfassen

51 WxFormBuilder 3.0 RC

52 lasst uns endlich coden... Erich Schubert

53 minimales Wx-Beispiel use strict; use warnings; package MinWin; use Wx; = 'Wx::App'; # von Wx::App ableiten sub OnInit { my $app = shift; my $frame = Wx::Frame->new( undef, -1, 'Hello Wx'); $frame->show(1); # Fenster zeichnen $app->settopwindow($frame); # Fenster nach oben 1; # alles ist gut } package main; MinWin->new->MainLoop; # Programminstanz starten

54 ändern des erzeugten Frames use strict; use warnings; package MinWin; use Wx qw/ :everything /; = 'Wx::App'; sub OnInit { my $app = shift; my $frame = Wx::Frame->new( undef, -1, 'Hello Wx', [-1, -1], [-1, -1]); Wx::InitAllImageHandlers(); $frame->seticon( Wx::Icon->new('wxwin.ico', wxbitmap_type_ico) ); $frame->show(1); $app->settopwindow($frame); 1; }

55 der erste XRC Code... use Wx::XRC; = 'Wx::App'; # XRC anmelden sub OnInit { my $app = shift; Wx::InitAllImageHandlers(); my $xr = Wx::XmlResource->new(); $xr->initallhandlers(); $xr->load('cont.xrc'); }... # Bildhandling # Kompilerobjekt erzeugen # initialisieren # XRC-Datei Laden my $frame = $xr->loadframe(undef, 'ConFrame'); $frame->show(1);...

56 XmlResource API $xr->loadbitmap('elementid'); $xr->loaddialog($parent, 'ElementID'); $xr->loadframe($parent, 'ElementID'); $xr->loadicon('elementid'); $xr->loadmenu('elementid'); $xr->loadmenubar($parent, 'ElementID'); $xr->loadpanel($parent, 'ElementID'); $xr->loadtoolbar($parent, 'ElementID');

57 das XRC laden... use Wx::XRC; = 'Wx::App'; # XRC anmelden sub OnInit { my $app = shift; Wx::InitAllImageHandlers(); my $xr = Wx::XmlResource->new(); $xr->initallhandlers(); $xr->load('cont.xrc'); }... # Bildhandling # Kompilerobjekt erzeugen # initialisieren # XRC-Datei Laden my $frame = $xr->loadframe(undef, 'ConFrame'); $frame->show(1);...

58 fügen wir etwas Logik zu... use Wx::XRC; = 'Wx::App'; # XRC anmelden sub OnInit { my $app = shift; Wx::InitAllImageHandlers(); my $xr = Wx::XmlResource->new(); $xr->initallhandlers(); $xr->load('cont.xrc'); }... # Bildhandling # Kompilerobjekt erzeugen # initialisieren # XRC-Datei Laden my $frame = $xr->loadframe(undef, 'ConFrame'); $frame->show(1);... < 100 Zeilen XML

59 Events abfangen... use Wx::Event qw/ :everything /;... # Eventkonstanten anmelden sub OnInit {... my $frame = $xr->loadframe(undef, 'ConFrame'); }... EVT_BUTTON($frame, Wx::XmlResource::GetXRCID('id'), sub {... })

60 Linux und Win : wxformbuilder

61 Abkürzung per Referenz... use Wx::Event qw/ :everything /;... # Eventkonstanten anmelden sub OnInit {... my $frame = $xr->loadframe(undef, 'ConFrame'); }... my $XID = \&Wx::XmlResource::GetXRCID; EVT_BUTTON($frame, &$XID('m_button1'), sub { })...

62 Des geht auch mit MenüItem... sub OnInit {... my $frame = $xr->loadframe(undef, 'ConFrame'); my $XID = \&Wx::XmlResource::GetXRCID; EVT_MENU($frame, &$XID('m_menuItem1'), sub { Wx::MessageBox( PodConverter $VERSION, Info ); })...

63 zurück zum Knopf... sub OnInit {... my $frame = $xr->loadframe(undef, 'ConFrame'); }... my $XID = \&Wx::XmlResource::GetXRCID; EVT_BUTTON($frame, &$XID('m_button1'), sub { $file = Wx::FileSelector('Select POD File'); })...

64 ein WxFileSelector... sub OnInit {... my $frame = $xr->loadframe(undef, 'ConFrame'); }... my $XID = \&Wx::XmlResource::GetXRCID; EVT_BUTTON($frame, &$XID('m_button1'), sub { $file = Wx::FileSelector('Select POD File'); })...

65 Fenster gefunden... sub OnInit {... my $frame = $xr->loadframe(undef, 'ConFrame'); }... my $XID = \&Wx::XmlResource::GetXRCID; EVT_BUTTON($frame, &$XID('m_button1'), sub { $file = Wx::FileSelector('Select POD File'); $frame->findwindow(&$xid('m_textctrl1'))->setvalue($file); })...

66 das geht auch anders $frame->findwindow(&$xid('m_button2')); $frame->getchildren->getsizer->getitem(0)->getsizer->getitem(0)->getwindow;

67 machen wir was Nützliches draus... use Pod::Html; sub OnInit {... my $XID = \&Wx::XmlResource::GetXRCID; EVT_BUTTON($frame, &$XID('m_button2'), sub { my $source = $frame->findwindow(&$xid('m_textctrl1'))->getvalue; my $target = $frame->findwindow(&$xid('m_textctrl2'))->getvalue; pod2html( --infile=$source, --outfile=$target ); }... } );...

68 Das HTML ist da

69 Es gäber der Beispiele mehr

70 XRC ist eine Abstraktionsschicht

71 Vorteile einer Abstraktionsschicht + Ordnung

72 Vorteile einer Abstraktionsschicht + Ordnung - mehr Übersicht in den Quellen

73 Vorteile einer Abstraktionsschicht + Ordnung - mehr Übersicht in den Quellen - GUI-Quellen leichter nachvollziehbar

74 Vorteile einer Abstraktionsschicht + Ordnung - mehr Übersicht in den Quellen - GUI-Quellen leichter nachvollziehbar + Entkopplung

75 Vorteile einer Abstraktionsschicht + Ordnung - mehr Übersicht in den Quellen - GUI-Quellen leichter nachvollziehbar + Entkopplung - unabhängiges Gestalten

76 Vorteile einer Abstraktionsschicht + Ordnung - mehr Übersicht in den Quellen - GUI-Quellen leichter nachvollziehbar + Entkopplung - unabhängiges Gestalten - GUI änderbar mit XML-Editor o. von Hand

77 Vorteile einer Abstraktionsschicht + Ordnung - mehr Übersicht in den Quellen - GUI-Quellen leichter nachvollziehbar + Entkopplung - unabhängiges Gestalten - GUI änderbar mit XML-Editor o. von Hand - Designer/Kunde kann selber anpassen

78 Vorteile einer Abstraktionsschicht + Ordnung - mehr Übersicht in den Quellen - GUI-Quellen leichter nachvollziehbar + Entkopplung - unabhängiges Gestalten - GUI änderbar mit XML-Editor o. von Hand - Designer/Kunde kann selber anpassen - Übersetzer schreiben im Dialog / Menü

79 Vorteile einer Abstraktionsschicht + Ordnung - mehr Übersicht in den Quellen - GUI-Quellen leichter nachvollziehbar + Entkopplung - unabhängiges Gestalten - GUI änderbar mit XML-Editor o. von Hand - Designer/Kunde kann selber anpassen - Übersetzer schreiben im Dialog / Menü - Ergebnisse immer vorführbar

80 Vorteile einer Abstraktionsschicht + Wiederverwendbarkeit

81 Vorteile einer Abstraktionsschicht + Wiederverwendbarkeit - selbstgestalteten Dialog mehrfach verwenden

82 Vorteile einer Abstraktionsschicht + Wiederverwendbarkeit - selbstgestalteten Dialog mehrfach verwenden - (spart Projekt-Resourcen)

83 Vorteile einer Abstraktionsschicht + Wiederverwendbarkeit - selbstgestalteten Dialog mehrfach verwenden - (spart Projekt-Resourcen) - auch in einem anderen Projekt

84 Vorteile einer Abstraktionsschicht + Wiederverwendbarkeit - selbstgestalteten Dialog mehrfach verwenden - (spart Projekt-Resourcen) - auch in einem anderen Projekt - einem anderen Betriebsystem

85 Vorteile einer Abstraktionsschicht + Wiederverwendbarkeit - selbstgestalteten Dialog mehrfach verwenden - (spart Projekt-Resourcen) - auch in einem anderen Projekt - einem anderen Betriebsystem - anderen Sprache (wxruby, wxhaskell, usw.)

86 Vorteile einer Abstraktionsschicht + Wiederverwendbarkeit - selbstgestalteten Dialog mehrfach verwenden - (spart Projekt-Resourcen) - auch in einem anderen Projekt - einem anderen Betriebsystem - anderen Sprache (wxruby, wxhaskell, usw.) - und nat. in C++ (Prototyp in Perl)

87 Vorteile einer Abstraktionsschicht + Wiederverwendbarkeit - selbstgestalteten Dialog mehrfach verwenden - (spart Projekt-Resourcen) - auch in einem anderen Projekt - einem anderen Betriebsystem - anderen Sprache (wxruby, wxhaskell, usw.) - und nat. in C++ (Prototyp in Perl) + Vereinfachung

88 Vorteile einer Abstraktionsschicht + Wiederverwendbarkeit - selbstgestalteten Dialog mehrfach verwenden - (spart Projekt-Resourcen) - auch in einem anderen Projekt - einem anderen Betriebsystem - anderen Sprache (wxruby, wxhaskell, usw.) - und nat. in C++ (Prototyp in Perl) + Vereinfachung - oder als Einstieg in Wx o. GUI

89 Die beste Dokumentation:

90 Danke