Close the comments on some examples.
[qt:qt.git] / doc / src / examples / qml-examples.qdoc
1 /****************************************************************************
2 **
3 ** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
4 ** All rights reserved.
5 ** Contact: Nokia Corporation (qt-info@nokia.com)
6 **
7 ** This file is part of the documentation of the Qt Toolkit.
8 **
9 ** $QT_BEGIN_LICENSE:FDL$
10 ** GNU Free Documentation License
11 ** Alternatively, this file may be used under the terms of the GNU Free
12 ** Documentation License version 1.3 as published by the Free Software
13 ** Foundation and appearing in the file included in the packaging of
14 ** this file.
15 **
16 ** Other Usage
17 ** Alternatively, this file may be used in accordance with the terms
18 ** and conditions contained in a signed written agreement between you
19 ** and Nokia.
20 **
21 **
22 **
23 **
24 ** $QT_END_LICENSE$
25 **
26 ****************************************************************************/
27
28 /*!
29     \title Animation: Basics Example
30     \example declarative/animation/basics
31
32     \brief This example shows how to create and combine \l{QML Animation}{animations} in QML.
33
34     \table
35     \row
36     \o \image qml-coloranim-example.png
37     \row
38     \o color-animation.qml
39     \endtable
40
41 /*!
42     \title Animation: Basics Property Animation Example
43     \example declarative/animation/basics/property-animation
44     \depends helper/qmlapplicationviewer
45
46     \brief This example shows how to create and combine \l{QML Animation}{animations} in QML.
47
48     \table
49     \row
50     \o \image qml-propertyanim-example.png
51     \row
52     \o property-animation.qml
53     \endtable
54 */
55
56 /*!
57     \title Animation: Behavior Example
58     \example declarative/animation/behaviors/behavior-example
59     \depends helper/qmlapplicationviewer
60
61     \brief This example shows how to use QML behaviors.
62
63     \image qml-behaviors-example.png
64 */
65
66 /*!
67     \title Animation: Easing Example
68     \example declarative/animation/easing
69     \depends helper/qmlapplicationviewer
70
71     \brief This example shows the different easing modes available for \l{QML Animation}{animations}.
72
73     \image qml-easing-example.png
74 */
75
76 /*!
77     \title Animation: States Example
78     \example declarative/animation/states
79
80     \brief These examples show how to use states and transitions.
81
82     \depends helper/qmlapplicationviewer
83
84     The \c states.qml example shows how an item can change between states, and \c transitions.qml
85     shows how these state changes can be animated.
86
87     \note Due to deployment configurations transitions.qml is opened by default when running this example.
88     states.qml can be opened by editing the main.cpp file.
89
90     \table
91     \row
92     \o \image qml-states-example.png
93     \row
94     \o states.qml
95     \endtable
96
97     \table
98     \row
99     \o \image qml-transitions-example.png
100     \row
101     \o transitions.qml
102     \endtable
103 */
104
105 /*!
106     \title Image Elements: Border Image Example
107     \example declarative/imageelements/borderimage
108
109     \brief These examples show how to use the BorderImage element.
110
111     \depends helper/qmlapplicationviewer
112
113     \table
114     \row
115     \o \image qml-borderimage-example.png
116     \row
117     \o borderimage.qml
118     \endtable
119 */
120
121 /*!
122     \title Image Elements: Shadows Image Example
123     \example declarative/imageelements/shadows
124     \depends helper/qmlapplicationviewer
125
126     \brief This example shows how to use the BorderImage element.
127
128     \table
129     \row
130     \o \image qml-borderimage-shadows-example.png
131     \row
132     \o shadows.qml
133     \endtable
134 */
135
136 /*!
137     \title Image Elements: Image Example
138     \example declarative/imageelements/image
139     \depends helper/qmlapplicationviewer
140
141     \brief This example shows how to use the \l Image element and its \l{Image::fillMode}{fillModes}.
142
143
144     \image qml-image-example.png
145 */
146
147 /*!
148     \page declarative-cppextensions-reference.html
149     \title C++ Extensions: Reference examples
150
151     \brief These examples show how QML can be extended from C++ in various ways. 
152     
153     The code for these examples is used throughout the \l {Extending QML Functionalities using C++} reference
154     documentation, which highlights the main principles demonstrated in each example.
155
156     Furthermore, here are additional pages that discuss each example in detail:
157
158     \list
159     \o \l {declarative/cppextensions/referenceexamples/adding}{Adding Types}
160     \o \l {declarative/cppextensions/referenceexamples/properties}{Object and List Property Types}
161     \o \l {declarative/cppextensions/referenceexamples/coercion}{Inheritance and Coercion}
162     \o \l {declarative/cppextensions/referenceexamples/default}{Default Property}
163     \o \l {declarative/cppextensions/referenceexamples/grouped}{Grouped Properties}
164     \o \l {declarative/cppextensions/referenceexamples/attached}{Attached Properties}
165     \o \l {declarative/cppextensions/referenceexamples/signal}{Signal Support}
166     \o \l {declarative/cppextensions/referenceexamples/methods}{Methods Support}
167     \o \l {declarative/cppextensions/referenceexamples/valuesource}{Property Value Source}
168     \o \l {declarative/cppextensions/referenceexamples/binding}{Binding}
169     \endlist
170
171     \note These examples all print information to the console to demonstrate the concepts presented.
172     Ensure that you are able to view the application output when running these examples.
173     For example, the dbgView tool on Windows can be used to display application output.
174 */
175
176 /*!
177     \title C++ Extensions: Plugins Example
178     \example declarative/cppextensions/plugins
179
180     \brief This example shows how to create a C++ plugin extension by subclassing QDeclarativeExtensionPlugin.
181
182     \image qml-plugins-example.png
183 */
184
185 /*!
186     \title LayoutItem Example
187     \example declarative/cppextensions/qgraphicslayouts/layoutitem
188
189     \brief This example show how to use the LayoutItem element to integrate QML items into an existing 
190     \l{Graphics View Framework}{Graphics View}-based application.
191
192     \image qml-layoutitem-example.png
193 */
194 /*!
195     \title QGraphicsGridLayout Example
196     \example declarative/cppextensions/qgraphicslayouts/qgraphicsgridlayout
197
198     \brief This example shows how to use QGraphicsGridLayout to lay out QML items. This is 
199     useful if you need to integrate Qt \l{Graphics View Framework}{Graphics View} layouts with
200     QML.
201
202     \image qml-qgraphicsgridlayout-example.png
203 */
204 /*!
205     \title QGraphicsLinearLayout Example
206     \example declarative/cppextensions/qgraphicslayouts/qgraphicslinearlayout
207
208     \brief This example shows how to use QGraphicsLinearLayout to lay out QML items. This is 
209     useful if you need to integrate Qt \l{Graphics View Framework}{Graphics View} layouts with
210     QML.
211
212     \image qml-qgraphicslinearlayout-example.png
213 */
214 /*!
215     \title C++ Extensions: QGraphicsLayouts examples
216     \page declarative-cppextensions-qgraphicslayouts.html
217
218     \brief These examples show how to integrate \l{Graphics View Framework}{Graphics View}
219     layout components with QML:
220
221     \list
222     \o \l{declarative/cppextensions/qgraphicslayouts/layoutitem}{LayoutItem}
223     \o \l{declarative/cppextensions/qgraphicslayouts/qgraphicsgridlayout}{QGraphicsGridLayout}
224     \o \l{declarative/cppextensions/qgraphicslayouts/qgraphicslinearlayout}{QGraphicsLinearLayout}
225     \endlist
226
227     Also see \l {Integrating QML Code with Existing Qt UI Code} for information on using QML
228     in Qt applications that use the Graphics View framework or ordinary QWidget-based views.
229 */
230
231 /*!
232     \title C++ Extensions: QWidgets Example
233     \example declarative/cppextensions/qwidgets
234
235     \brief This example shows how to embed QWidget-based objects into QML using QGraphicsProxyWidget.
236
237     \image qml-qwidgets-example.png
238 */
239
240 /*!
241     \title C++ Extensions: Image Provider Example
242     \example declarative/cppextensions/imageprovider
243
244     \brief This examples shows how to use QDeclarativeImageProvider to serve images 
245     to QML image elements.
246
247     \image qml-imageprovider-example.png
248 */
249
250 /*!
251     \title C++ Extensions: Network Access Manager Factory Example
252     \example declarative/cppextensions/networkaccessmanagerfactory
253
254     \brief This example shows how to use QDeclarativeNetworkAccessManagerFactory to create a QNetworkAccessManager
255     with a proxy.
256 */
257
258 /*!
259     \title Internationalization Example
260     \example declarative/i18n
261     \ingroup internationalization
262     \depends helper/qmlapplicationviewer
263
264     \brief This example shows how to enable text translation in QML.
265
266     \image qml-i18n-example.png
267
268     \section1 Introduction
269
270     The QML runtime automatically loads a translation from the i18n subdirectory
271     of the root QML file, based on the system language. The translations are
272     held in QM files that must be generated from TS files.
273
274     \section1 Updating Translations
275
276     The \c{.ts} files are created and updated by running:
277
278     \code
279     lupdate i18n.qml -ts i18n/base.ts
280     \endcode
281
282     If no translation file exists, one will be created. If a file already exists,
283     it will be updated to contain the latest strings from the QML file.
284
285     Translations for new languages are created by copying \c{i18n/base.ts} to
286     \c{i18n/qml_<lang>.ts} The TS files can then be edited with
287     \l{Qt Linguist Manual}{Qt Linguist}:
288
289     \code
290     linguist i18n/qml_fr.ts
291     \endcode
292
293     The run-time translation files are then generated by running:
294
295     \code
296     lrelease i18n/*.ts
297     \endcode
298 */
299
300 /*!
301     \title Right-to-left User Interfaces: Text Alignment Example
302     \example declarative/righttoleft/textalignment
303     \depends helper/qmlapplicationviewer
304
305     \brief This example shows how the horizontal alignment of \l Text,
306     \l TextInput and \l TextEdit is affected by the reading direction
307     of the text and by the layout mirrroring.
308
309     Click on the gray buttons
310     shown at the bottom of the example to toggle between different
311     horizontal alignment options.
312
313     \sa {QML Right-to-left User Interfaces}
314 */
315
316 /*!
317     \title Right-to-left User Interfaces: Layout Direction Example
318     \example declarative/righttoleft/layoutdirection
319     \depends helper/qmlapplicationviewer
320
321     \ brief This example shows how to control the horizontal layout direction of
322     \l Row, \l Grid and \l Flow positioners, and \l ListView and \l GridView
323     model views.
324
325     Click on the gray buttons shown at the bottom of the example
326     to toggle the layout direction of the shown elements.
327
328     \image qml-righttoleft-layoutdirection-example.png
329
330     \sa {QML Right-to-left User Interfaces}
331 */
332
333
334 /*!
335     \title Right-to-left User Interfaces: Layout Mirroring Example
336     \example declarative/righttoleft/layoutmirroring
337     \depends helper/qmlapplicationviewer
338
339     \brief This example shows how to mirror the application layouts
340     using \l LayoutMirroring attached property.
341
342     Click on the grey button shown at the bottom of the example to
343     enable or disable the layout mirroring.
344
345     \depends helper/qmlapplicationviewer
346
347     \image qml-righttoleft-layoutmirroring-example.png
348
349     \sa {QML Right-to-left User Interfaces}
350 */
351
352 /*!
353     \title Positioners Example
354     \example declarative/positioners
355     \depends helper/qmlapplicationviewer
356
357     \brief This example shows how to use positioner elements such as \l Row, \l Column,
358     \l Grid and \l Flow.
359
360     \image qml-positioners-example.png
361 */
362
363 /*!
364     \title Key Interaction: Focus Example
365     \example declarative/keyinteraction/focus
366     \depends helper/qmlapplicationviewer
367
368     \brief This example shows how to handle keyboard input and focus in QML.
369
370     \image qml-focus-example.png
371 */
372
373 /*!
374     \title Models and Views: AbstractItemModel Example
375     \example declarative/modelviews/abstractitemmodel
376     \depends helper/qmlapplicationviewer
377
378     \brief This example shows how to use a QAbstractItemModel subclass as a model in QML.
379
380     \image qml-abstractitemmodel-example.png
381 */
382
383 /*!
384     \title Models and Views: GridView Example
385     \example declarative/modelviews/gridview
386     \depends helper/qmlapplicationviewer
387
388     \brief This example shows how to use the GridView element.
389
390     \image qml-gridview-example.png
391 */
392
393 /*!
394     \title Models and Views: ListView Example
395     \example declarative/modelviews/listview
396     \depends helper/qmlapplicationviewer
397
398     \brief This example shows how items can be dynamically added to
399     and removed from a ListModel, and how these list
400     modifications can be animated.
401
402     \table
403     \row
404     \o \image qml-listview-dynamiclist-example.png
405     \row
406     \o dynamiclist.qml
407     \endtable
408 */
409
410 /*!
411     \title Models and Views: Expanding Delegate ListView Example
412     \example declarative/modelviews/listview/expandingdelegates
413     \depends helper/qmlapplicationviewer
414
415     \brief This example shows how to create a dynamic delegate, which
416     expands when selected.
417
418     \table
419     \row
420     \o \image qml-listview-expandingdelegates-example.png
421     \row
422     \o expandingdelegates.qml
423     \endtable
424 */
425
426 /*!
427     \title Models and Views: Highlight ListView Example
428     \example declarative/modelviews/listview/highlight
429     \depends helper/qmlapplicationviewer
430
431
432     \brief This example shows how to highlight one item
433     inside a ListView element.
434
435     \table
436     \row
437     \o \image qml-listview-highlight-example.png
438     \row
439     \o highlight.qml
440     \endtable
441 */
442
443 /*!
444     \title Models and Views: Highlight Ranges ListView Example
445     \example declarative/modelviews/listview/highlightranges
446     \depends helper/qmlapplicationviewer
447
448
449     \brief This example shows how to highlight ranges within a
450     ListView element.
451
452     \table
453     \row
454     \o \image qml-listview-highlightranges-example.png
455     \row
456     \o highlightranges.qml
457     \endtable
458 */
459
460 /*!
461     \title Models and Views: Sections ListView Example
462     \example declarative/modelviews/listview/sections
463     \depends helper/qmlapplicationviewer
464
465
466     \brief This example shows how to use the ListView element.
467
468     \table
469     \row
470     \o \image qml-listview-sections-example.png
471     \row
472     \o sections.qml
473     \endtable
474 */
475
476 /*!
477     \title Models and Views: PathView Example
478     \example declarative/modelviews/pathview
479     \depends helper/qmlapplicationviewer
480
481     \brief This example shows how to use the PathView element.
482
483     \image qml-pathview-example.png
484 */
485
486 /*!
487     \title Models and Views: Object ListModel Example
488     \example declarative/modelviews/objectlistmodel
489     \depends helper/qmlapplicationviewer
490
491     \brief This example shows how to use a QList<QObject*> as a model in QML.
492
493     \image qml-objectlistmodel-example.png
494 */
495
496 /*!
497     \title Models and Views: Package Example
498     \example declarative/modelviews/package
499     \depends helper/qmlapplicationviewer
500
501     \brief This example shows how to use the \l Package element.
502
503     \image qml-package-example.png
504 */
505
506 /*!
507     \title Models and Views: Parallax Example
508     \example declarative/modelviews/parallax
509     \depends helper/qmlapplicationviewer
510
511     \brief This example shows how to combine and switch between views.
512
513     \image qml-parallax-example.png
514 */
515
516 /*!
517     \title Models and Views: String ListModel Example
518     \example declarative/modelviews/stringlistmodel
519     \depends helper/qmlapplicationviewer
520
521     \brief This example shows how to use a QStringList as a model in QML.
522
523     \image qml-stringlistmodel-example.png
524 */
525
526 /*!
527     \title Models and Views: VisualItemModel Example
528     \example declarative/modelviews/visualitemmodel
529     \depends helper/qmlapplicationviewer
530
531     \brief This example shows how to use the VisualItemModel element.
532
533     \image qml-visualitemmodel-example.png
534 */
535
536 /*!
537     \title Models and Views: WebView Example
538     \example declarative/modelviews/webview
539     \depends helper/qmlapplicationviewer
540
541     \brief These examples show how to use the WebView element.
542
543     \table
544     \row
545     \o \image qml-webview-alert-example.png
546     \row
547     \o alert.qml
548     \endtable
549 */
550
551 /*!
552     \title Models and Views: Autosize WebView Example
553     \example declarative/modelviews/webview/autosize
554     \depends helper/qmlapplicationviewer
555
556     \brief These examples show how to use the WebView element.
557
558     \table
559     \row
560     \o \image qml-webview-autosize-example.png
561     \row
562     \o autosize.qml
563     \endtable
564 */
565
566 /*!
567     \title Models and Views: GoogleMaps WebView Example
568     \example declarative/modelviews/webview/googlemaps
569     \depends helper/qmlapplicationviewer
570
571     \brief These examples show how to use the WebView element.
572
573     \table
574     \row
575     \o \image qml-webview-googlemaps-example.png
576     \row
577     \o googlemaps.qml
578     \endtable
579 */
580
581 /*!
582     \title Models and Views: Inline HTML WebView Example
583     \example declarative/modelviews/webview/inlinehtml
584     \depends helper/qmlapplicationviewer
585
586     \brief These examples show how to use the WebView element.
587
588     \table
589     \row
590     \o \image qml-webview-inlinehtml-example.png
591     \row
592     \o inlinehtml.qml
593     \endtable
594 */
595
596 /*!
597     \title Models and Views: New Windows WebView Example
598     \example declarative/modelviews/webview/newwindows
599     \depends helper/qmlapplicationviewer
600
601     \brief These examples show how to use the WebView element.
602
603     \table
604     \row
605     \o \image qml-webview-newwindows-example.png
606     \row
607     \o newwindows.qml
608     \endtable
609 */
610
611 /*!
612     \title Screen Orientation
613     \example declarative/screenorientation
614     \depends helper/qmlapplicationviewer
615
616     \brief This example shows how to implement screen orientation support for your application.
617 */
618
619 /*!
620     \title SQL Local Storage Example
621     \example declarative/sqllocalstorage
622     \depends helper/qmlapplicationviewer
623
624     \brief This example shows how to use the SQL Local Storage API in QML.
625 */
626
627 /*!
628     \title Text: Fonts Example
629     \example declarative/text/fonts
630     \depends helper/qmlapplicationviewer
631
632     \brief These examples show how to discover available fonts from QML.
633
634     \table
635     \row
636     \o \image qml-fonts-availableFonts-example.png
637     \row
638     \o availableFonts.qml
639     \endtable
640 */
641
642 /*!
643     \title Text: Banner Fonts Example
644     \example declarative/text/fonts/banner
645     \depends helper/qmlapplicationviewer
646
647     \brief These example shows how to manipulate text in various ways.
648
649     \table
650     \row
651     \o \image qml-fonts-banner-example.png
652     \row
653     \o banner.qml
654     \endtable
655 */
656
657 /*!
658     \title Text: Fonts Example
659     \example declarative/text/fonts/fonts
660     \depends helper/qmlapplicationviewer
661
662     \brief These examples shows how to display a text with multiple fonts.
663
664     \table
665     \row
666     \o \image qml-fonts-fonts-example.png
667     \row
668     \o fonts.qml
669     \endtable
670 */
671
672 /*!
673     \title Text: Hello Fonts Example
674     \example declarative/text/fonts/hello
675     \depends helper/qmlapplicationviewer
676
677     \brief This example shows how to manipulate text in various ways.
678
679     \table
680     \row
681     \o \image qml-fonts-hello-example.png
682     \row
683     \o hello.qml
684     \endtable
685 */
686
687 /*!
688     \title Text: Text Selection Example
689     \example declarative/text/textselection
690     \depends helper/qmlapplicationviewer
691
692     \brief This example shows how text selection, copy and paste operations
693     can be implemented on top of the TextEdit element.
694
695     \image qml-textselection-example.png
696 */
697
698 /*!
699     \title Threading: Threaded ListModel Example
700     \example declarative/threading/threadedlistmodel
701     \depends helper/qmlapplicationviewer
702
703     \brief This example shows how to use a ListModel from multiple threads using
704     WorkerScript.
705 */
706
707 /*!
708     \title Threading: WorkerScript Example
709     \example declarative/threading/workerscript
710     \depends helper/qmlapplicationviewer
711
712     \brief This example shows how to use the WorkerScript element for threading in QML.
713 */
714
715 /*!
716     \title Toys: Clocks Example
717     \example declarative/toys/clocks
718     \depends helper/qmlapplicationviewer
719
720     \brief This example displays a set of clocks with different times for different cities.
721     
722     Each clock is created by combining \l Image elements with \l Rotation transforms 
723     and \l SpringAnimation behaviors.
724
725     \image qml-clocks-example.png
726 */
727
728 /*!
729     \title Toys: Corkboards Example
730     \example declarative/toys/corkboards
731     \depends helper/qmlapplicationviewer
732
733     \brief This example presents a flickable set of interactive corkboards. It is created
734     through a combination of elements like \l ListModel, \l Repeater and \l TextEdit
735     together with rotation and scaling transforms, animation and mouse interaction.
736
737     \image qml-corkboards-example.png
738 */
739
740 /*!
741     \title Toys: Dynamic Scene Example
742     \example declarative/toys/dynamicscene
743     \depends helper/qmlapplicationviewer
744
745     \brief This example presents an interactive drag-and-drop scene. It demonstrates
746     how to use QML's \l{Dynamic Object Creation} support to dynamically create and
747     destroy objects.
748
749     \image qml-dynamicscene-example.png
750 */
751
752 /*!
753     \title Toys: Tic-Tac-Toe Example
754     \example declarative/toys/tic-tac-toe
755     \depends helper/qmlapplicationviewer
756
757     \brief This example presents a simple implementation of Tic Tac Toe.
758
759     \image qml-tic-tac-toe-example.png
760 */
761
762 /*!
763     \title Toys: TV Tennis Example
764     \example declarative/toys/tvtennis
765     \depends helper/qmlapplicationviewer
766
767     \brief This example shows how to use animation components such as \l SpringAnimation,
768     \l SequentialAnimation and \l PropertyAction to create a game of TV tennis.
769
770     \image qml-tvtennis-example.png
771 */
772
773 /*!
774     \title Touch Interaction: Gestures Example
775     \example declarative/touchinteraction/gestures
776     \depends helper/qmlapplicationviewer
777
778     \brief This example shows how to use the GestureArea element.
779 */
780
781 /*!
782     \title Touch Interaction: MouseArea Example
783     \example declarative/touchinteraction/mousearea
784     \depends helper/qmlapplicationviewer
785
786     \brief This example shows how to use the MouseArea element to access information
787     about mouse input.
788
789     \image qml-mousearea-example.png
790 */
791
792 /*!
793     \title UI Components: Dial Control Example
794     \example declarative/ui-components/dialcontrol
795     \depends helper/qmlapplicationviewer
796
797     \brief This example shows how to create a dial-type control. It combines
798     \l Image elements with \l Rotation transforms and \l SpringAnimation behaviors
799     to produce an interactive speedometer-type dial.
800
801     \image qml-dialcontrol-example.png
802 */
803
804
805 /*!
806     \title UI Components: Flipable Example
807     \example declarative/ui-components/flipable
808     \depends helper/qmlapplicationviewer
809
810     \brief This example shows how to use the \l Flipable element.
811
812     \image qml-flipable-example.png
813 */
814
815 /*!
816     \title UI Components: Progress Bars Example
817     \example declarative/ui-components/progressbar
818     \depends helper/qmlapplicationviewer
819
820     \brief This example shows how to create a progress bar.
821
822     \image qml-progressbar-example.png
823 */
824
825 /*!
826     \title UI Components: Scroll Bar Example
827     \example declarative/ui-components/scrollbar
828     \depends helper/qmlapplicationviewer
829
830     \brief This example shows how to create scroll bars for a \l Flickable element
831     using the \l {Flickable::visibleArea.xPosition}{Flickable::visibleArea}
832     properties.
833
834     \image qml-scrollbar-example.png
835 */
836
837 /*!
838     \title UI Components: Search Box Example
839     \example declarative/ui-components/searchbox
840     \depends helper/qmlapplicationviewer
841
842     \brief This example shows how to combine TextInput, FocusScope and BorderImage
843     elements to display multiple text input fields.
844
845     \image qml-searchbox-example.png
846 */
847
848 /*!
849     \title UI Components: Slide Switch Example
850     \example declarative/ui-components/slideswitch
851     \depends helper/qmlapplicationviewer
852
853     \brief This example shows how to create a slide switch control.
854
855     \image qml-slideswitch-example.png
856 */
857
858 /*!
859     \title UI Components: Spinner Example
860     \example declarative/ui-components/spinner
861     \depends helper/qmlapplicationviewer
862
863     \brief This example shows how to create a spinner-type component using the PathView element.
864
865     \image qml-spinner-example.png
866 */
867
868 /*!
869     \title UI Components: Tab Widget Example
870     \example declarative/ui-components/tabwidget
871     \depends helper/qmlapplicationviewer
872
873     \brief This example shows how to create a tab widget. It also demonstrates how
874     \l {Property aliases}{property aliases} and
875     \l {Introduction to the QML Language#Default Properties}{default properties} can be used to collect and
876     assemble the child items declared within an \l Item.
877
878     \image qml-tabwidget-example.png
879 */
880
881 /*!
882     \title XML: XMLHttpRequest Example
883     \example declarative/xml/xmlhttprequest
884     \depends helper/qmlapplicationviewer
885
886     \brief This example shows how to use the \l XmlHttpRequest API in QML.
887
888     \image qml-xmlhttprequest-example.png
889 */
890
891 /*!
892     \title Labs: Shader Effects
893     \example declarative/shadereffects
894     \depends helper/qmlapplicationviewer
895
896     \brief This example shows how to create visual effects by using OpenGL shading language together with QML using \l ShaderEffectItem and \l ShaderEffectSource APIs.
897
898     \image qml-shadereffects-example.png
899 */
900