Viadeo Twitter Google Bookmarks ! Facebook Digg del.icio.us MySpace Yahoo MyWeb Blinklist Netvouz Reddit Simpy StumbleUpon Bookmarks Windows Live Favorites 
Logo Documentation Qt ·  Page d'accueil  ·  Toutes les classes  ·  Toutes les fonctions  ·  Vues d'ensemble  · 

Creating Components

A QML component provides a way of defining a new type that you can re-use in other QML files. A component is like a black box; it interacts with the outside world through properties, signals, and slots, and is generally defined in its own QML file. You can import components to screens and applications.

You can use the following QML elements to create components:

  • Border Image uses an image as a border or background.
  • Image adds a bitmap to the scene. You can stretch and tile images.
  • Item is the most basic of all visual items in QML. Even though it has no visual appearance, it defines all the properties that are common across visual items, such as the x and y position, width and height, anchoring, and key handling.
  • Rectangle adds a rectangle that is painted with a solid fill color and an optional border. You can also use the radius property to create rounded rectangles.
  • Text adds formatted read-only text.
  • Text Edit adds a single line of editable formatted text that can be validated.
  • Text Input adds a single line of editable plain text that can be validated.
  • Web View adds web content to a canvas.

QML elements allow you to write cross-platform applications with custom look and feel. You can also use ready-made Qt Quick Components for Symbian and MeeGo Harmattan that allow you to create applications with a native look and feel for the selected mobile platform. You can install the components as part of Qt SDK.

When you use the Qt Creator project wizard to create Qt Quick applications, you can select which component set to use in your application.

Even if you use the Qt Quick Components, you can still write cross-platform applications, by using different sets of QML files for each platform.

You can dowload a set of commonly used UI-components for generic use in Qt Quick projects from QML Templates. You can open and edit the templates in Qt Designer.

Creating Components in Qt Quick Designer

  1. Select File > New File or Project > Files and Classes > QML > Choose... to create a new .qml file.

    Note: Components are listed in the QML Components section of the Library pane only if the filename begins with a capital letter.

  2. Click Design to open the .qml file in Qt Quick Designer.
  3. Drag and drop an item from the Library pane to the editor.
  4. Edit item properties in the Properties pane.

    The available properties depend on the item.

The following sections contain examples of how to create some common components:

X

Thank you for giving your feedback.

Make sure it is related to this specific page. For more general bugs and requests, please use the Qt Bug Tracker.

[0]; s.parentNode.insertBefore(ga, s); })();
Publicité

Best Of

Actualités les plus lues

Semaine
Mois
Année

Le Qt Labs au hasard

Logo

La théorie des chaînes

Les Qt Labs sont les laboratoires des développeurs de Qt, où ils peuvent partager des impressions sur le framework, son utilisation, ce que pourrait être son futur. Lire l'article.

Communauté

Ressources

Liens utiles

Contact

  • Vous souhaitez rejoindre la rédaction ou proposer un tutoriel, une traduction, une question... ? Postez dans le forum Contribuez ou contactez-nous par MP ou par email (voir en bas de page).

Qt dans le magazine

Cette page est une traduction d'une page de la documentation de Qt, écrite par Nokia Corporation and/or its subsidiary(-ies). Les éventuels problèmes résultant d'une mauvaise traduction ne sont pas imputables à Nokia. Qt qtcreator-2.3
Copyright © 2012 Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon, vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts. Cette page est déposée à la SACD.
Vous avez déniché une erreur ? Un bug ? Une redirection cassée ? Ou tout autre problème, quel qu'il soit ? Ou bien vous désirez participer à ce projet de traduction ? N'hésitez pas à nous contacter ou par MP !
 
 
 
 
Partenaires

Hébergement Web