Documentation/Nightly/Developers/Tutorials/PythonAndUIFile - Revision history

Lasso at 04:02, 3 May 2019

2019-05-03T04:02:56Z

JChris.FillionR at 20:02, 18 July 2018

2018-07-18T20:02:53Z

UpdateBot: Prepend documentation/versioncheck template. See http://na-mic.org/Mantis/view.php?id=2887

2013-06-14T07:53:36Z

Prepend documentation/versioncheck template. See http://na-mic.org/Mantis/view.php?id=2887

JChris.FillionR: 4.1 -> Nightly

2012-08-22T17:02:19Z

4.1 -> Nightly

New page

Back to [[Documentation/{{documentation/version}}/Developers|Developers Information]]←

This tutorial will demonstrate how UI file created using QtDesigner can be loaded and used from a python script loaded using the Slicer python interactor.

As depicted below, let's assume you created a UI file where a QLineEdit and QPushButton are layout horizontally.

{|
|[[Image:UIFileForPythonExample.png|thumb|600px|Example of UI file with a QPushButton and QLineEdit]]
|}

Loading the UI file and accessing the associated objects can be done using [http://doc.trolltech.com/4.7/quiloader.html QUILoader].

The following code snippet aims at loading the UI file and connecting the associated QPushButton and QLineEdit.

<pre>
# Load UI file
uiloader = qt.QUiLoader()
file = qt.QFile("/home/jchris/Projects/sandbox/qSlicerLineEditWidget.ui")
file.open(qt.QFile.ReadOnly)
line_edit_widget = uiloader.load(file)
file.close()

# Get references to both the QPushButton and the QLineEdit
clear_button = line_edit_widget.findChild(qt.QPushButton, 'ClearButton')
line_edit = line_edit_widget.findChild(qt.QLineEdit, 'LineEdit')

clear_button.connect('clicked()', line_edit, 'clear()')

line_edit_widget.show()
</pre>

== Idea of possible improvements ==
* Instead of obtaining the reference using findChild, it use an helper (to be named properly) to ease the access to members.
For example:
<pre>
line_edit_widget = HELPER(uiloader.load(file))
line_edit_widget.ClearButton.connect('clicked()', line_edit_widget.LineEdit, 'clear()')
</pre>

or how about
<pre>
designedFile = HELPER(fileName.ui)
</pre>

← Older revision		Revision as of 07:53, 14 June 2013
Line 1:		Line 1:
		+	<noinclude>{{documentation/versioncheck}}</noinclude>
	Back to [[Documentation/{{documentation/version}}/Developers\|Developers Information]]←		Back to [[Documentation/{{documentation/version}}/Developers\|Developers Information]]←

@@ Line 2: / Line 2: @@
 Back to [[Documentation/{{documentation/version}}/Developers|Developers Information]]&larr;
-This tutorial will demonstrate how UI file created using QtDesigner can be loaded and used from a python script loaded using the Slicer python interactor.
+Scripted modules can display graphical user interface created in QtDesigner. The easiest way to create such scripted module is to use ''scripteddesigner'' template in Extension Wizard.
 As depicted below, let's assume you created a UI file where a QLineEdit and QPushButton are layout horizontally.
@@ Line 17: / Line 26: @@
 # Get references to both the QPushButton and the QLineEdit
-clear_button = line_edit_widget.findChild(qt.QPushButton, 'ClearButton')
 line_edit = line_edit_widget.findChild(qt.QLineEdit, 'LineEdit')

@@ Line 10: / Line 10: @@
 |[[Image:UIFileForPythonExample.png|thumb|600px|Example of UI file with a QPushButton and QLineEdit]]
 |}
 The following code snippet aims at loading the UI file and connecting the associated QPushButton and QLineEdit.
 <pre>
-# Load UI file
+line_edit_widget = slicer.util.loadUI("/home/jchris/Projects/sandbox/qSlicerLineEditWidget.ui")
 # Get references to both the QPushButton and the QLineEdit
@@ Line 32: / Line 25: @@
 </pre>
-== Idea of possible improvements ==
+Loading the UI file and accessing the associated objects is internally done using [http://doc.trolltech.com/4.7/quiloader.html QUILoader].