Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Marco Bubke
flatpak-qt-creator
Commits
956435f9
Commit
956435f9
authored
Apr 06, 2011
by
Leena Miettinen
Browse files
Doc: differences between integrated and stand-alone Qt Designer
Task-number: QTCREATORBUG-3592 Reviewed-by: Friedemann Kleint
parent
356cd9a2
Changes
1
Hide whitespace changes
Inline
Side-by-side
doc/qtcreator.qdoc
View file @
956435f9
...
...
@@ -1024,17 +1024,48 @@
\title Developing Widget Based Applications
Widgets
and
forms
created
with
\
QD
are
integrated
seamlessly
with
programmed
code
,
using
the
Qt
signals
and
slots
mechanism
,
that
lets
you
easily
assign
behavior
to
Widgets and forms created with \QD are integrated seamlessly with
programmed code by using the Qt signals and slots mechanism that allows you
to easily assign behavior to
graphical elements. All properties set in \QD can be changed dynamically within the code.
Furthermore
,
features
like
widget
promotion
and
custom
plugins
allow
you
to
use
your
own
widgets
with
\
QD
.
Furthermore, features such as widget promotion and custom plugins allow you to use your
own widgets with \QD. For more information, see
\l{Adding Qt Designer Plugins}.
Qt
Creator
automatically
opens
all
.
ui
files
in
\
QD
.
Qt Creator automatically opens all .ui files in the integrated \QD, in
\gui Design mode.
\image qtcreator-formedit.png
For more information about \QD, see the
\l{http://doc.qt.nokia.com/4.7/designer-manual.html}{Qt Designer Manual}.
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 Qt Creator 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 Qt Creator, .ui files are usually part of a
project, which may contain several resource files (.qrc). They are created
and maintained by using the Qt Creator 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
\o Select \gui Tools > \gui{Form Editor} > \gui Views >
\gui Locked.
...
...
@@ -1044,29 +1075,50 @@
position.
\endlist
To
change
\
QD
properties
,
select
\
gui
Tools
>
\
gui
Options
...
>
\
gui
Designer
.
To
specify settings for \QD:
\list
\
o
Set
the
class
properties
and
code
generation
preferences
in
\
gui
{
Class
Generation
}.
\
o
Set
an
additional
folder
for
saving
templates
in
\
gui
{
Template
Paths
}.
\
o
Set
the
grid
settings
and
preview
preferences
in
\
gui
Forms
.
To
preview
your
form
with
skins
,
enable
\
gui
{
Print
/
Preview
Configuration
}
and
select
your
skin
.
Otherwise
default
preview
settings
are
used
.
To
preview
the
settings
,
select
\
gui
Tools
>
\
gui
{
Form
Editor
}
>
\
gui
Preview
,
or
press
\
key
Alt
+
Shift
+
R
.
\
o
To
specify
embedded
device
profiles
,
such
as
style
,
font
,
and
screen
resolution
,
select
\
gui
{
Embedded
Design
}.
\o Select \gui Tools > \gui Options... > \gui Designer.
\o Specify settins for generating classes and code in \gui {Class
Generation}.
\o Specify embedded device profiles, that determine style, font, and
screen resolution, for example, in \gui{Embedded Design}.
\o Specify settings for the grid and previewing forms in \gui Forms.
\o Specify an additional folder for saving templates in \gui{Template
Paths}.
\endlist
To
switch
between
forms
and
code
,
use
\
key
Shift
+
F4
.
To preview the settings, select \gui Tools > \gui{Form Editor} >
\gui Preview, or press \key Alt+Shift+R.
For
more
information
on
\
QD
,
see
\
l
{
http
://
doc
.
qt
.
nokia
.
com
/
4.7
/
designer
-
manual
.
html
}{
Qt
Designer
Manual
}.
\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
\o Select \gui Tools > \gui Options... > \gui Designer.
\o Select the \gui{Print/Preview Configuration} check box.
\o In the \gui {Device skin} field, select a device skin.
\o When the form is open in \gui Design mode, press \key Alt+Shift+R.
\o To end the preview, right-click the skin and select \gui Close in
the context menu.
\endlist
*/
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment