Development/Tutorials/Using Qt Designer (de) - Revision history

AnneW at 14:39, 14 July 2012

2012-07-14T14:39:08Z

Neverendingo: Text replace - "" to ""

2011-06-29T20:56:47Z

Text replace - "</code>" to "</syntaxhighlight>"

Neverendingo: Text replace - "`" to ""`


2011-06-29T20:46:32Z
Text replace - "<code>" to "<syntaxhighlight lang="text">"

				
				
				
				
			
			← Older revision
			Revision as of 20:46, 29 June 2011
			
Line 14:
Line 14:
  Stellen wir uns vor, Sie hättet eine Schnittstelle namens "MyDialog" mit dem Designer erzeugt und in der Datei <tt>mydialog.ui</tt> gespeichert. Um diese Schnittstelle in das eigenen KDE Projekt einzufügen, muss einfach einen zusätzliche Zeile in die CMakeLIsts.txt Datei eingefügt werden:   Stellen wir uns vor, Sie hättet eine Schnittstelle namens "MyDialog" mit dem Designer erzeugt und in der Datei <tt>mydialog.ui</tt> gespeichert. Um diese Schnittstelle in das eigenen KDE Projekt einzufügen, muss einfach einen zusätzliche Zeile in die CMakeLIsts.txt Datei eingefügt werden:
    
− <code> + <syntaxhighlight lang="text">
  kde4_add_ui_files(myapp_SRCS mydialog.ui)   kde4_add_ui_files(myapp_SRCS mydialog.ui)
  </code>   </code>



Neverendingo: Text replace - "" to ""

2011-06-29T20:31:19Z
Text replace - "<code cppqt>" to "<syntaxhighlight lang="cpp-qt">"

				
				
				
				
			
			← Older revision
			Revision as of 20:31, 29 June 2011
			
Line 35:
Line 35:
  Kommen wir jetzt zur Anwendung des erzeugten Benutzerinterfaces in Ihrem Code. Die Qt Dokumentation zeigt drei Wege,  [http://qt.nokia.com/doc/latest/designer-using-a-ui-file.html wie man ui-Dateien verwendet (auf englisch)], hier wird nur der ''direkte Ansatz'' besprochen. Ziel ist es, einen KDialog zu erzeugen, welcher das Benutzerinterface aus der ui-Datei aufnimmt. Zuerst müssen wir eine Unterklasse MyDialog von KDialog ableten und eine Member-Variable des Typs Ui::MyDialog hinzufügen. Der Header "<tt>mydialog.h</tt>" dafür sieht folgendermaßen aus:   Kommen wir jetzt zur Anwendung des erzeugten Benutzerinterfaces in Ihrem Code. Die Qt Dokumentation zeigt drei Wege,  [http://qt.nokia.com/doc/latest/designer-using-a-ui-file.html wie man ui-Dateien verwendet (auf englisch)], hier wird nur der ''direkte Ansatz'' besprochen. Ziel ist es, einen KDialog zu erzeugen, welcher das Benutzerinterface aus der ui-Datei aufnimmt. Zuerst müssen wir eine Unterklasse MyDialog von KDialog ableten und eine Member-Variable des Typs Ui::MyDialog hinzufügen. Der Header "<tt>mydialog.h</tt>" dafür sieht folgendermaßen aus:
    
− <code cppqt> + <syntaxhighlight lang="cpp-qt">
  #ifndef MYDIALOG_H   #ifndef MYDIALOG_H
  #define MYDIALOG_H   #define MYDIALOG_H
Line 66:
Line 66:
  Sehen wir uns jetzt die Implementation von MyDialog an, welche in einer Datei namens "<tt>mydialog.cpp</tt>" steht.   Sehen wir uns jetzt die Implementation von MyDialog an, welche in einer Datei namens "<tt>mydialog.cpp</tt>" steht.
    
− <code cppqt> + <syntaxhighlight lang="cpp-qt">
  #include <KLocale>   #include <KLocale>
  #include <KMessageBox>   #include <KMessageBox>



OpenIDUser45: Updated links to the Qt documentation (to qt.nokia.com, all pointing to the latest version)
2010-01-13T19:07:23Z
Updated links to the Qt documentation (to qt.nokia.com, all pointing to the latest version)

				
				
				
				
			
			← Older revision
			Revision as of 19:07, 13 January 2010
			
Line 6:
Line 6:
  == Das UI entwerfen ==   == Das UI entwerfen ==
    
− [http://www.trolltech.com/products/qt/features/designer Qt Designer] ist ein graphischer Editor, der es einem auf einfache Art und Weise ermöglicht, Benutzerschnittstellen per "drag and drop" zu entwerfen. Der Designer hat seine eigene [http://doc.trolltech.com/4.3/designer-manual.html Benutzeranleitung].    + Qt Designer ist ein graphischer Editor, der es einem auf einfache Art und Weise ermöglicht, Benutzerschnittstellen per "drag and drop" zu entwerfen. Der Designer hat seine eigene [http://qt.nokia.com/doc/latest/designer-manual.html Benutzeranleitung].   
  Es könnte sinnvoll sein, ein kurzes Anwendungsbeispiel in diesem Kapitel zu zeigen, zur Zeit verweisen wir jedoch auf die o.g. Benutzeranleitung.   Es könnte sinnvoll sein, ein kurzes Anwendungsbeispiel in diesem Kapitel zu zeigen, zur Zeit verweisen wir jedoch auf die o.g. Benutzeranleitung.
    
Line 33:
Line 33:
  Ein weiteres wichtiges semantisches Detail: Die <tt>Ui_MyDialog</tt> Klasse erzeugt auch einen <tt>Ui</tt> Namensraum, welcher einfach einen Alias für die Klasse erzeugt. Sie können also <tt>Ui::MyDialog</tt> benutzen, um auf die selbe Klasse zuzugreifen.   Ein weiteres wichtiges semantisches Detail: Die <tt>Ui_MyDialog</tt> Klasse erzeugt auch einen <tt>Ui</tt> Namensraum, welcher einfach einen Alias für die Klasse erzeugt. Sie können also <tt>Ui::MyDialog</tt> benutzen, um auf die selbe Klasse zuzugreifen.
    
− Kommen wir jetzt zur Anwendung des erzeugten Benutzerinterfaces in Ihrem Code. Die Qt Dokumentation zeigt drei Wege,  [http://doc.trolltech.com/latest/designer-using-a-component.html wie man ui-Dateien verwendet (auf englisch)], hier wird nur der ''direkte Ansatz'' besprochen. Ziel ist es, einen KDialog zu erzeugen, welcher das Benutzerinterface aus der ui-Datei aufnimmt. Zuerst müssen wir eine Unterklasse MyDialog von KDialog ableten und eine Member-Variable des Typs Ui::MyDialog hinzufügen. Der Header "<tt>mydialog.h</tt>" dafür sieht folgendermaßen aus: + Kommen wir jetzt zur Anwendung des erzeugten Benutzerinterfaces in Ihrem Code. Die Qt Dokumentation zeigt drei Wege,  [http://qt.nokia.com/doc/latest/designer-using-a-ui-file.html wie man ui-Dateien verwendet (auf englisch)], hier wird nur der ''direkte Ansatz'' besprochen. Ziel ist es, einen KDialog zu erzeugen, welcher das Benutzerinterface aus der ui-Datei aufnimmt. Zuerst müssen wir eine Unterklasse MyDialog von KDialog ableten und eine Member-Variable des Typs Ui::MyDialog hinzufügen. Der Header "<tt>mydialog.h</tt>" dafür sieht folgendermaßen aus:
    
  <code cppqt>   <code cppqt>
Line 127:
Line 127:
    
  == Qt Dokumentation ==   == Qt Dokumentation ==
− Die Qt Dokumentation enthält einen guten Artikel [http://doc.trolltech.com/4.4/designer-using-a-component.html Using a Component in Your Application (in englisch)]. + Die Qt Dokumentation enthält einen guten Artikel [http://qt.nokia.com/doc/latest/designer-using-a-ui-file.html Using a Designer .ui File in Your Application (in englisch)].
  [[Category:C++]]   [[Category:C++]]
  [[Category:KDE4]]   [[Category:KDE4]]



Tampakrap at 09:27, 21 May 2009
2009-05-21T09:27:39Z


				
				
				
				
			
			← Older revision
			Revision as of 09:27, 21 May 2009
			
Line 127:
Line 127:
    
  == Qt Dokumentation ==   == Qt Dokumentation ==
− Die Qt Dokumentation enthält einen guten Artikel [http://doc.trolltech.com/latest/designer-using-a-component.html Using a Component in Your Application (in englisch)]. + Die Qt Dokumentation enthält einen guten Artikel [http://doc.trolltech.com/4.4/designer-using-a-component.html Using a Component in Your Application (in englisch)].
  [[Category:C++]]   [[Category:C++]]
  [[Category:KDE4]]   [[Category:KDE4]]



DrSlowDecay: Translated the rest
2007-11-26T19:14:58Z
Translated the rest
Show changes


Dhaumann: typo
2007-11-25T18:22:03Z
typo

				
				
				
				
			
			← Older revision
			Revision as of 18:22, 25 November 2007
			
Line 2:
Line 2:
    
  == Zusammenfassung ==   == Zusammenfassung ==
− In dieser Anleitung wird erklärt, wie man die eigenen KDE Projekte mit Benutzerschnittschnellen (UIs) ausstattet, indem man den Qt Designer benutzt.   + In dieser Anleitung wird erklärt, wie man die eigenen KDE Projekte mit BenutzerSchnittstellen (UIs) ausstattet, indem man den Qt Designer benutzt.  
    
  == Das UI entwerfen ==   == Das UI entwerfen ==
Line 12:
Line 12:
  Der für unsere Zwecke wichtigste Teil an der Benutzung des Designer ist die <tt>*.ui</tt> Datei, die erzeugt wird. Das ist eine einfache XML Datei die die Benutzerschnittstelle sowohl maschinen- als auch menschenlesbar codiert.     Der für unsere Zwecke wichtigste Teil an der Benutzung des Designer ist die <tt>*.ui</tt> Datei, die erzeugt wird. Das ist eine einfache XML Datei die die Benutzerschnittstelle sowohl maschinen- als auch menschenlesbar codiert.  
    
− Stellen wir uns vor, Sie hättet eine Schnittstelle namens "MyDialog" mit dem Designer erzeugt und in der Datei <tt>mydialog.ui</tt> gespeichert. Um diese Schnittschnelle in das eigenen KDE Projekt einzufügen, muss einfach einen zusätzliche Zeile in die CMakeLIsts.txt Datei eingefügt werden: + Stellen wir uns vor, Sie hättet eine Schnittstelle namens "MyDialog" mit dem Designer erzeugt und in der Datei <tt>mydialog.ui</tt> gespeichert. Um diese Schnittstelle in das eigenen KDE Projekt einzufügen, muss einfach einen zusätzliche Zeile in die CMakeLIsts.txt Datei eingefügt werden:
    
  <code>   <code>



Dhaumann: typo
2007-11-25T18:21:15Z
typo

				
				
				
				
			
			← Older revision
			Revision as of 18:21, 25 November 2007
			
Line 12:
Line 12:
  Der für unsere Zwecke wichtigste Teil an der Benutzung des Designer ist die <tt>*.ui</tt> Datei, die erzeugt wird. Das ist eine einfache XML Datei die die Benutzerschnittstelle sowohl maschinen- als auch menschenlesbar codiert.     Der für unsere Zwecke wichtigste Teil an der Benutzung des Designer ist die <tt>*.ui</tt> Datei, die erzeugt wird. Das ist eine einfache XML Datei die die Benutzerschnittstelle sowohl maschinen- als auch menschenlesbar codiert.  
    
− Stellen wir uns vor, Sie hättet eine Schnittschnelle namens "MyDialog" mit dem Designer erzeugt und in der Datei <tt>mydialog.ui</tt> gespeichert. Um diese Schnittschnelle in das eigenen KDE Projekt einzufügen, muss einfach einen zusätzliche Zeile in die CMakeLIsts.txt Datei eingefügt werden: + Stellen wir uns vor, Sie hättet eine Schnittstelle namens "MyDialog" mit dem Designer erzeugt und in der Datei <tt>mydialog.ui</tt> gespeichert. Um diese Schnittschnelle in das eigenen KDE Projekt einzufügen, muss einfach einen zusätzliche Zeile in die CMakeLIsts.txt Datei eingefügt werden:
    
  <code>   <code>



DrSlowDecay: /* Adding the UI File to Your KDE Project */
2007-11-25T18:17:51Z
‎Adding the UI File to Your KDE Project

				
				
				
				
			
			← Older revision
			Revision as of 18:17, 25 November 2007
			
Line 9:
Line 9:
  Es könnte sinnvoll sein, ein kurzes Anwendungsbeispiel in diesem Kapitel zu zeigen, zur Zeit verweisen wir jedoch auf die o.g. Benutzeranleitung.   Es könnte sinnvoll sein, ein kurzes Anwendungsbeispiel in diesem Kapitel zu zeigen, zur Zeit verweisen wir jedoch auf die o.g. Benutzeranleitung.
    
− == Adding the UI File to Your KDE Project == + == Die UI Datei zum eigenen KDE Projekt hinzufügen ==
  + Der für unsere Zwecke wichtigste Teil an der Benutzung des Designer ist die <tt>*.ui</tt> Datei, die erzeugt wird. Das ist eine einfache XML Datei die die Benutzerschnittstelle sowohl maschinen- als auch menschenlesbar codiert. 
    
− For our purposes, the most important part of using Designer is the + Stellen wir uns vor, Sie hättet eine Schnittschnelle namens "MyDialog" mit dem Designer erzeugt und in der Datei <tt>mydialog.ui</tt> gespeichert. Um diese Schnittschnelle in das eigenen KDE Projekt einzufügen, muss einfach einen zusätzliche Zeile in die CMakeLIsts.txt Datei eingefügt werden:
− <tt>*.ui</tt> file that it creates.  This is simply an XML file that + 
− encodes the user interface in a machine-readable (and human-readable!) way. + 
−   + 
− Let's imagine that you've created a UI named "MyDialog" with Designer, and + 
− saved it as the file <tt>mydialog.ui</tt>.  To add this UI to your KDE   + 
− project, simply add a command like the following to your CMakeLists.txt file: + 
    
  <code>   <code>
Line 23:
Line 18:
  </code>   </code>
    
− Replace "<tt>myapp_SRCS</tt>" with the name of the main block in + Ersetzen Sie "<tt>myapp_SRCS</tt>" mit dem Namen des Hauptteils Ihrer CMakeLists.txt Datei, die die entsprechenden Quellcodedateien definiert. Das ist normalerweise der Name der Applikation mit dem Zusatz "<tt>_SRCS</tt>".
− your CMakeLists.txt file, defining all of the source code files.  It is usually the + 
− name of your application, with "<tt>_SRCS</tt>" appended. + 
    
− When you do this, the build system will run the Qt program <tt>uic</tt>   + Wenn Sie das machen, wird das Buildsystem das Qt-Programm <tt>uic</tt> mit der Datei <tt>mydialog.ui</tt> ausführen, um automatisch eine C++ Header Datei zu erzeugen, die die Benutzerschnittstelle beschreibt. Die erzeugte Datei wird <tt>ui_mydialog.h</tt> heißen.
− on <tt>mydialog.ui</tt>, to auto-generate a C++ header file that + 
− defines the UI.  The generated file will be named <tt>ui_mydialog.h</tt>. + 
    
  == Using the UI in Your Code ==   == Using the UI in Your Code ==

← Older revision		Revision as of 14:39, 14 July 2012
Line 1:		Line 1:
−	~~{{Template:I18n/Language Navigation Bar\|Development/Tutorials/Using Qt Designer}}~~	+

	== Zusammenfassung ==		== Zusammenfassung ==

@@ Line 16: / Line 16: @@
 <syntaxhighlight lang="text">
 kde4_add_ui_files(myapp_SRCS mydialog.ui)
-</code>
+</syntaxhighlight>
 Ersetzen Sie "<tt>myapp_SRCS</tt>" mit dem Namen des Hauptteils Ihrer CMakeLists.txt Datei, die die entsprechenden Quellcodedateien definiert. Das ist normalerweise der Name der Applikation mit dem Zusatz "<tt>_SRCS</tt>".
@@ Line 63: / Line 63: @@
 #endif
-</code>
+</syntaxhighlight>
 Sehen wir uns jetzt die Implementation von MyDialog an, welche in einer Datei namens "<tt>mydialog.cpp</tt>" steht.
@@ Line 109: / Line 109: @@
 #include "mydialog.moc"
-</code>
+</syntaxhighlight>
 Zusammenfassend erzeugen wie einen neuen Ui::MyDialog and und rufen dann <tt>ui.setupUi(widget)</tt> im Konstruktor von <tt>MyDialog</tt> auf. Das platziert die UI-Elemente in das übergebene Widget. Danach setzen wir das übergeordnete Widget als das Hauptwidget von KDialog. Interaktionen mit allen UI Elementen erfolgt, indem wir "<tt>ui.</tt>" vor ihre Namen stellen, so wie es oft mit dem Präfix "<tt>m_</tt>" geschieht.