2011-09-27 11:59:26 +02:00
|
|
|
/****************************************************************************
|
|
|
|
|
**
|
2013-01-28 17:12:19 +01:00
|
|
|
** Copyright (c) 2013 Digia Plc and/or its subsidiary(-ies).
|
2012-10-02 09:12:39 +02:00
|
|
|
** Contact: http://www.qt-project.org/legal
|
2011-09-27 11:59:26 +02:00
|
|
|
**
|
2012-10-02 09:12:39 +02:00
|
|
|
** This file is part of Qt Creator
|
2011-09-27 11:59:26 +02:00
|
|
|
**
|
|
|
|
|
**
|
|
|
|
|
** GNU Free Documentation License
|
|
|
|
|
**
|
|
|
|
|
** Alternatively, this file may be used under the terms of the GNU Free
|
|
|
|
|
** Documentation License version 1.3 as published by the Free Software
|
|
|
|
|
** Foundation and appearing in the file included in the packaging of this
|
|
|
|
|
** file.
|
|
|
|
|
**
|
|
|
|
|
**
|
|
|
|
|
****************************************************************************/
|
|
|
|
|
|
|
|
|
|
// **********************************************************************
|
|
|
|
|
// NOTE: the sections are not ordered by their logical order to avoid
|
|
|
|
|
// reshuffling the file each time the index order changes (i.e., often).
|
|
|
|
|
// Run the fixnavi.pl script to adjust the links to the index order.
|
|
|
|
|
// **********************************************************************
|
|
|
|
|
|
|
|
|
|
/*!
|
|
|
|
|
\contentspage index.html
|
|
|
|
|
\previouspage creator-qml-modules-with-plugins.html
|
|
|
|
|
\page creator-using-qt-designer.html
|
2011-12-13 11:52:47 +01:00
|
|
|
\nextpage adding-plugins.html
|
2011-09-27 11:59:26 +02:00
|
|
|
|
|
|
|
|
\title Developing Widget Based Applications
|
|
|
|
|
|
|
|
|
|
\QC automatically opens all .ui files in the integrated \QD, in \gui Design
|
|
|
|
|
mode.
|
|
|
|
|
|
|
|
|
|
\image qtcreator-formedit.png
|
|
|
|
|
|
|
|
|
|
For more information about \QD, see the
|
2013-03-13 10:29:46 +01:00
|
|
|
\l{http://qt-project.org/doc/qt-5.0/qtdesigner/qtdesigner-manual.html}{Qt Designer Manual}.
|
2011-09-27 11:59:26 +02:00
|
|
|
|
|
|
|
|
Generally, the integrated \QD contains the same functions as the standalone
|
|
|
|
|
\QD. The following sections describe the differences.
|
|
|
|
|
|
|
|
|
|
\section1 Code Editor Integration
|
|
|
|
|
|
|
|
|
|
To switch between forms (\gui Design mode) and code (\gui Edit mode),
|
|
|
|
|
press \key Shift+F4.
|
|
|
|
|
|
|
|
|
|
You can use \QC to create stub implementations of slot functions. In the
|
|
|
|
|
\gui Design mode, right-click a widget to open a context menu, and then
|
|
|
|
|
select \gui {Go to Slot}. Select a signal in the list to go to an existing
|
|
|
|
|
slot function or to create a new slot function.
|
|
|
|
|
|
|
|
|
|
\section1 Managing Image Resources
|
|
|
|
|
|
|
|
|
|
In standalone \QD, image resources are created using the built-in
|
|
|
|
|
\gui {Resource Editor}. In \QC, .ui files are usually part of a project,
|
|
|
|
|
which may contain several resource files (.qrc). They are created and
|
|
|
|
|
maintained by using the \QC Resource Editor. The \QD \gui {Resource Editor}
|
|
|
|
|
is de-activated and the image resources are displayed in the \QD
|
|
|
|
|
\gui {Resource Browser}.
|
|
|
|
|
|
|
|
|
|
\section1 Specifying Settings for Qt Designer
|
|
|
|
|
|
|
|
|
|
To change the layout of \QD user interface elements:
|
|
|
|
|
|
|
|
|
|
\list 1
|
|
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li Select \gui Tools > \gui{Form Editor} > \gui Views > \gui Locked.
|
2011-09-27 11:59:26 +02:00
|
|
|
|
|
|
|
|
When this option is not checked, you can change the layout.
|
|
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li Click the header of an element and drag the element to a new
|
2011-09-27 11:59:26 +02:00
|
|
|
position.
|
|
|
|
|
|
|
|
|
|
\endlist
|
|
|
|
|
|
|
|
|
|
To specify settings for \QD:
|
|
|
|
|
|
|
|
|
|
\list
|
|
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li Select \gui Tools > \gui Options > \gui Designer.
|
2011-09-27 11:59:26 +02:00
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li Specify settins for generating classes and code in \gui {Class
|
2011-09-27 11:59:26 +02:00
|
|
|
Generation}.
|
|
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li Specify embedded device profiles, that determine style, font, and
|
2011-09-27 11:59:26 +02:00
|
|
|
screen resolution, for example, in \gui{Embedded Design}.
|
|
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li Specify settings for the grid and previewing forms in \gui Forms.
|
2011-09-27 11:59:26 +02:00
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li Specify an additional folder for saving templates in \gui{Template
|
2011-09-27 11:59:26 +02:00
|
|
|
Paths}.
|
|
|
|
|
|
|
|
|
|
\endlist
|
|
|
|
|
|
|
|
|
|
To preview the settings, select \gui Tools > \gui{Form Editor} >
|
|
|
|
|
\gui Preview, or press \key Alt+Shift+R.
|
|
|
|
|
|
|
|
|
|
\section1 Previewing Forms Using Device Skins
|
|
|
|
|
|
|
|
|
|
A \e {device skin} is a set of configuration files that describe a mobile
|
|
|
|
|
device. It includes a border image that surrounds the form and depicts a
|
|
|
|
|
mobile device with its buttons.
|
|
|
|
|
|
|
|
|
|
To preview your form using device skins:
|
|
|
|
|
|
|
|
|
|
\list 1
|
|
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li Select \gui Tools > \gui Options > \gui Designer.
|
2011-09-27 11:59:26 +02:00
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li Select the \gui{Print/Preview Configuration} check box.
|
2011-09-27 11:59:26 +02:00
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li In the \gui {Device skin} field, select a device skin.
|
2011-09-27 11:59:26 +02:00
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li When the form is open in \gui Design mode, press \key Alt+Shift+R.
|
2011-09-27 11:59:26 +02:00
|
|
|
|
2013-02-06 08:50:23 +01:00
|
|
|
\li To end the preview, right-click the skin and select \gui Close in
|
2011-09-27 11:59:26 +02:00
|
|
|
the context menu.
|
|
|
|
|
|
|
|
|
|
\endlist
|
|
|
|
|
*/
|
