tutoriels ios : developpement …docs.embarcadero.com/products/rad_studio/radstudioxe4/ios...etape 2...

Documentation du produit

RAD Studio TUTORIELS IOS : DEVELOPPEMENT D'APPLICATIONS DELPHI IOS

Version XE4

Embarcadero Technologies 2

2013 Embarcadero Technologies, Inc. Embarcadero, les logos Embarcadero

Technologies, et tous les autres noms de services ou de produits Embarcadero

Technologies sont des marques ou des marques dposes de Embarcadero

Technologies, Inc. Toutes les autres marques sont la proprit de leurs propritaires

respectifs.

Embarcadero Technologies, Inc. est le leader des outils prims, destins aux

dveloppeurs d'applications et aux professionnels des bases de donnes, leur

permettant de concevoir de bons systmes, de les construire plus rapidement et de

mieux les excuter, quel que soit leur plate-forme ou langage de programmation.

Quatre-vingt-dix entreprises du classement des 100 premires entreprises amricaines

(liste "Fortune 100") et une communaut active de plus de trois millions d'utilisateurs

l'chelle mondiale comptent sur les produits Embarcadero pour augmenter leur

productivit, rduire leurs cots, simplifier la gestion des modifications et la conformit,

et acclrer l'innovation. Les outils phare de la socit sont les suivants : Embarcadero

Change Manager, CodeGear RAD Studio, DBArtisan, Delphi, ER/Studio,

JBuilder et Rapid SQL. Fond en 1993, Embarcadero a son sige social San

Francisco, avec des bureaux dans le monde entier. Visitez le site en ligne de

Embarcadero sur www.embarcadero.com.

April, 2013

http://www.embarcadero.com/


Sommaire Tutoriels iOS : Dveloppement d'applications Delphi iOS .......................................... 8

Configuration ................................................................................................................. 8

Utilisation des lments d'interface lmentaires ................................................... 8

Utilisation des fonctionnalits du priphrique ........................................................ 9

Accs une base de donnes ................................................................................ 10

Voir aussi ....................................................................................................................... 10

Tutoriel iOS : Dfinition de votre environnement de dveloppement sur le Mac 11

Exigences relatives au Mac ....................................................................................... 11

Etapes de configuration de votre Mac afin d'excuter votre application iOS

sur le simulateur iOS ..................................................................................................... 11

Etape 1 : Installer Platform Assistant ...................................................................... 12

Etape 2 : Excuter Platform Assistant ................................................................... 13

Etape 3 : Installer Xcode sur le Mac ..................................................................... 14

Etapes suivantes ...................................................................................................... 15

Etapes supplmentaires permettant de configurer votre Mac afin d'excuter

votre application iOS sur votre priphrique iOS ................................................... 15

Etape 1 : Installer les outils en ligne de commande Xcode sur un Mac ......... 16

Etape 2 : Inscription un compte dveloppeur ................................................ 17

Etape 3 : Demander, tlcharger et installer votre certificat de

dveloppement ...................................................................................................... 17

Etape 4 : Recenser le priphrique pour le dploiement ................................ 18

Etape 5 : Crer et installer un profil d'approvisionnement ................................ 19

Voir aussi ....................................................................................................................... 20

Tutoriel iOS : Dfinition de votre environnement de dveloppement sur un PC

Windows ........................................................................................................................... 22

Configuration de votre environnement RAD Studio ............................................. 22

Crer un profil de connexion pour le Mac .......................................................... 22

Ajouter un SDK au systme de dveloppement pour le priphrique iOS

connect au Mac ................................................................................................... 25

Voir aussi ....................................................................................................................... 26

Tutoriel iOS : Cration d'une application FireMonkey iOS ........................................ 27

Avant de commencer ............................................................................................... 27

Etape 1 : Crer une nouvelle application FireMonkey HD pour iOS ................... 27

Etape 2 : Placer des composants sur la fiche FireMonkey iOS ............................ 28

Etape 3 : Ecrire un gestionnaire d'vnements dans Delphi pour un clic de

bouton par l'utilisateur ................................................................................................ 32

Etape 4 : Tester votre application iOS sur Mac (simulateur iOS) .......................... 33

Etape 5 : Tester votre application iOS sur un priphrique iOS connect ......... 34

Voir aussi ....................................................................................................................... 35

Tutoriel iOS : Utilisation d'un composant Bouton avec diffrents styles dans une

application iOS ................................................................................................................ 36


Boutons dans les applications FireMonkey iOS ....................................................... 36

Dfinition de l'apparence d'un composant Bouton ............................................. 36

Cration d'un contrle segment en utilisant les composants Bouton ............. 38

Cration d'une barre de porte sur un composant Barre d'outils ...................... 40

Voir aussi ....................................................................................................................... 40

Tutoriel iOS : Utilisation d'un composant Calendrier pour slectionner une date

dans une application iOS .............................................................................................. 41

Utilisation d'un calendrier dans des applications FireMonkey iOS ...................... 41

Implmentation d'un gestionnaire d'vnments correspondant aux

modifications utilisateur relatives la date ............................................................ 42

Voir aussi ....................................................................................................................... 43

Tutoriel iOS : Utilisation de composants Zone de liste droulante pour

slectionner des lments dans une liste d'une application iOS............................ 44

Implmentation d'un slecteur dans des applications FireMonkey iOS ............ 44

Construction d'une liste d'lments en utilisant le code ...................................... 46

Affichage d'un lment spcifique ......................................................................... 47

Implmentation d'un gestionnaire d'vnements correspondant la slection

effectue par l'utilisateur ........................................................................................... 48

Voir aussi ....................................................................................................................... 49

Tutoriel iOS : Utilisation du composant Navigateur Web dans une application iOS

........................................................................................................................................... 50

Utilisation du composant Navigateur Web dans des applications FireMonkey

iOS .................................................................................................................................. 50

Etape 1 : Conception de l'interface utilisateur ...................................................... 51

Etape 2 : Ecriture d'un gestionnaire d'vnements provoquant l'ouverture

d'une page Web lorsque l'utilisateur change d'URL dans le contrle de saisie 53

Implmentation d'une mthode commune pour ouvrir une page Web ...... 54

Implmentation d'un gestionnaire d'vnements pour l'vnement

OnChange ............................................................................................................... 55

Implmentation d'un gestionnaire d'vnements pour supporter la touche

Entre ........................................................................................................................ 55

Implmentation d'un gestionnaire d'vnements pour le bouton Back ....... 56

Etape 3 : Slection du clavier appropri pour l'application Navigateur Web . 56

Voir aussi ....................................................................................................................... 57

Tutoriel iOS : Utilisation des composants Onglet pour afficher des pages dans

une application iOS ........................................................................................................ 58

Onglets dans les applications FireMonkey iOS ....................................................... 58

Conception de pages d'onglets en utilisant le Concepteur de fiches .............. 58

Utilisation d'icnes personnalises pour les onglets ............................................... 63

Dfinition de contrles dans un TabControl ........................................................... 66

Changement de page l'excution ...................................................................... 67

Par l'interaction de l'utilisateur en touchant l'onglet .......................................... 67

Par les actions et une liste d'actions ..................................................................... 67

Par le code source .................................................................................................. 71


Voir aussi ....................................................................................................................... 71

Tutoriel iOS : Utilisation des composants Zone de liste pour afficher une vue table

dans une application iOS .............................................................................................. 72

Utilisation des composants Zone de liste pour afficher une vue table dans une

application iOS ............................................................................................................ 72

Cration des lments sur le composant Zone de liste ........................................ 73

Ajout d'un en-tte ....................................................................................................... 75

Ajout d'un groupe en-tte/pied la liste ................................................................ 76

Affichage des lments de liste sous forme d'lments groups spars ........ 77

Ajout d'une case cocher ou d'un autre accessoire un lment de zone de

liste ................................................................................................................................. 78

Ajout d'une icne un lment de zone de liste ................................................. 79

Ajout d'informations de dtail un lment .......................................................... 79

Ajout d'lments une zone de liste partir du code ........................................ 80

Ajout d'une zone de recherche ............................................................................... 82

Voir aussi ....................................................................................................................... 83

Tutoriel iOS : Utilisation de la disposition pour ajuster diffrentes tailles de fiches

ou orientations dans une application iOS .................................................................. 84

Chaque composant FireMonkey peut avoir un propritaire, un parent et des

enfants .......................................................................................................................... 84

Utilisation des proprits communes relatives la disposition d'un composant

FireMonkey ................................................................................................................... 85

Utilisation de la proprit Align.............................................................................. 85

Utilisation de la proprit Margins......................................................................... 86

Utilisation de la proprit Padding ....................................................................... 86

Utilisation de la proprit Anchors ........................................................................ 87

Utilisation du composant TLayout ............................................................................. 88

Manipulation d'une interface encombre : Utilisation du composant

TVertScrollBox ............................................................................................................... 89

Voir aussi ....................................................................................................................... 90

Tutoriel iOS : Prendre une photo et la partager dans une application iOS ........... 91

Construction de l'interface utilisateur pour l'application ...................................... 92

Prendre une photo avec la camra du priphrique iOS ................................... 92

Utilisation d'une photo de la bibliothque de photos du priphrique iOS ...... 93

Partage ou impression d'une photo ......................................................................... 94

Voir aussi ....................................................................................................................... 95

Tutoriel iOS : Utilisation de dtecteurs d'emplacement sur le priphrique iOS ... 96

Conception de l'interface utilisateur ....................................................................... 97

Le dtecteur d'emplacement .................................................................................. 98

Lecture des informations d'emplacement (Latitude, Longitude) partir du

composant LocationSensor ....................................................................................... 98

Affichage de l'emplacement en cours en utilisant Google Maps via un

composant TWebBrowser .......................................................................................... 99

Utilisation du gocodage invers ........................................................................... 100


Affichage d'une adresse lisible dans le composant Zone de liste .................... 102

Voir aussi ..................................................................................................................... 103

Tutoriel iOS : Utilisation du Centre de notifications sur le priphrique iOS ......... 104

Trois notifications lmentaires ou styles d'alerte ................................................. 104

Badge affich sur l'icne d'application ............................................................. 104

Bannire de notification sur l'iPad ....................................................................... 104

Alerte de notification ............................................................................................ 104

Centre de notifications sur l'iPad ........................................................................ 104

Accs au service de notifications .......................................................................... 105

Dfinition du numro de badge d'icne partir du code ................................ 106

Planification des notifications .................................................................................. 107

Mise jour ou annulation d'un message de notification ................................... 108

Prsentation immdiate du message de notification ........................................ 109

Bannire de notification ou alerte de notification .............................................. 109

Ajouter des actions l'alerte de notification ....................................................... 111

Voir aussi ..................................................................................................................... 111

Tutoriel iOS : Utilisation de InterBase ToGo dans une application iOS .................. 112

Utilisation de dbExpress pour se connecter la base de donnes .................. 112

Conception et configuration de l'interface utilisateur ........................................ 113

Connexion aux donnes .......................................................................................... 114

Dploiement de votre application sur iOS ............................................................ 117

Dployer InterBase ToGo, dbExpress Driver et le fichier de base de donnes

sur iOS ...................................................................................................................... 117

Modifier votre code pour se connecter un fichier de base de donnes

local sur iOS ............................................................................................................ 119

Excuter votre application sur le simulateur iOS ou sur un priphrique iOS .. 120

Dpannage ............................................................................................................... 121

Problmes de licences InterBase ........................................................................ 121

Problmes de gestion des exceptions ............................................................... 121

Erreurs typiques et rsolutions .............................................................................. 122

Voir aussi ..................................................................................................................... 122

Tutoriel iOS : Utilisation de SQLite dans une application iOS .................................. 123

Utilisation de dbExpress pour se connecter la base de donnes .................. 124

Cration de la base de donnes dans l'environnement Windows des fins de

dveloppement ........................................................................................................ 124

Crer la base de donnes dans l'explorateur de donnes ........................... 124

Crer une table sur l'explorateur de donnes .................................................. 126

Conception et configuration de l'interface utilisateur ........................................ 127

Connexion aux donnes .......................................................................................... 128

Cration du gestionnaire d'vnements afin de rendre visible le bouton

Delete quand l'utilisateur slectionne un lment dans la liste ........................ 129

Cration du gestionnaire d'vnements pour le bouton Add afin d'ajouter une

entre dans la liste .................................................................................................... 130


Cration du gestionnaire d'vnements pour le bouton Delete afin de retirer

une entre de la liste ................................................................................................ 132

Modification de votre code pour se connecter un fichier de base de

donnes local sur iOS ............................................................................................... 133

Spcification de l'emplacement de la base de donnes SQLite sur le

priphrique iOS .................................................................................................... 133

Cration d'une table si aucune n'existe ............................................................ 134

Excution de votre application sur le simulateur iOS ou sur un priphrique iOS

...................................................................................................................................... 135

Voir aussi ..................................................................................................................... 135

Tutoriel iOS : Connexion une base de donnes d'entreprise depuis une

application client iOS ................................................................................................... 136

Cration du niveau intermdiaire, un serveur DataSnap .................................. 137

Crer une application VCL Serveur DataSnap ................................................ 137

Dfinir un ensemble de donnes sur le serveur DataSnap ............................. 139

Exposer l'ensemble de donnes partir du serveur DataSnap ..................... 141

Excuter le serveur DataSnap ............................................................................. 141

Cration d'une application iOS qui se connecte au serveur DataSnap ......... 142

Dployer la bibliothque MIDAS sur le simulateur iOS ........................................ 145

Excuter votre application sur le simulateur iOS ou sur un priphrique iOS .. 146

Voir aussi ..................................................................................................................... 146


TUTORIELS IOS : DEVELOPPEMENT D'APPLICATIONS DELPHI IOS

Cet ensemble de tutoriels intgr vous guide travers le dveloppement d'une

application iOS avec RAD Studio :

Aprs le tutoriel de configuration initiale, chaque tutoriel prsente la

construction d'une application iOS avec les outils FireMonkey.

Les tutoriels prsentent les composants FireMonkey recommands

utiliser afin d'obtenir un aspect natif dans vos applications iOS.

CONFIGURATION

Dfinition de votre environnement de

dveloppement sur le Mac

Dfinition de votre environnement de

dveloppement sur un PC Windows

UTILISATION DES ELEMENTS D'INTERFACE ELEMENTAIRES

Cration d'une application FireMonkey iOS

Utilisation d'un composant Bouton avec diffrents

styles dans une application iOS


Utilisation d'un composant Calendrier pour

slectionner une date dans une application iOS

Utilisation de composants Zone de liste droulante

pour slectionner des lments dans une liste d'une

application iOS

Utilisation du composant Navigateur Web dans une

application iOS

Utilisation des composants Onglet pour afficher des

pages dans une application iOS

Utilisation des composants Zone de liste pour afficher

une vue table dans une application iOS

Utilisation de la disposition pour ajuster diffrentes

tailles de fiches ou orientations dans une application

iOS

UTILISATION DES FONCTIONNALITES DU PERIPHERIQUE

Prendre une photo et la partager dans une

application iOS


Utilisation de dtecteurs d'emplacement sur le

priphrique iOS

Utilisation du Centre de notifications sur le

priphrique iOS

ACCES A UNE BASE DE DONNEES

Utilisation de InterBase ToGo dans une application iOS

Utilisation de SQLite dans une application iOS

Connexion une base de donnes d'entreprise

depuis une application client iOS

VOIR AUSSI

Guide de prise en main FireMonkey


Conception d'applications FireMonkey

Extraits de code iOS

Dveloppement d'applications mobiles iOS

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Guide_de_prise_en_main_FireMonkey_-_Introductionhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Cr%C3%A9ation_d%27une_application_FireMonkey_iOShttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Conception_d%27applications_FireMonkeyhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Extraits_de_code_iOShttp://docwiki.embarcadero.com/RADStudio/XE4/fr/D%C3%A9veloppement_d%27applications_mobiles_iOS


TUTORIEL IOS : DEFINITION DE VOTRE ENVIRONNEMENT DE DEVELOPPEMENT SUR LE

MAC

Une application FireMonkey destine la plate-forme cible iOS est teste

d'abord sur le simulateur iOS disponible sur le Mac. La deuxime moiti du

processus de test consiste utiliser la plate-forme cible Priphrique iOS et

requiert un priphrique iOS test connect au Mac.

La premire moiti de ce tutoriel dcrit les tapes effectuer afin

d'excuter votre application iOS sur le simulateur iOS sur le Mac.

La deuxime moiti de ce tutoriel dcrit les tapes supplmentaires

requises afin d'excuter votre application iOS sur votre priphrique iOS.

EXIGENCES RELATIVES AU MAC

OS X 10.7 Lion ou 10.8 Mountain Lion

Aucun systme d'exploitation n'est support sur les anciens systmes

Macintosh PowerPC- et 680x0. Tous les Macs depuis 2007 sont bass sur

Intel ; tous depuis 2008 sont 64 bits, ce que Lion requiert.

iOS 5.1 et suprieur

Dernire version de Xcode et iOS SDK installs, et outils en ligne de

commande Xcode installs

o Ncessite l'appartenance l'un des programmes dveloppeur

Apple, dcrits dans cette rubrique sous Etape 2 : Inscription un

compte dveloppeur.

Un priphrique iOS connect au Mac par le port USB (requis pour tester

ou excuter votre application iOS sur le priphrique)

ETAPES DE CONFIGURATION DE VOTRE MAC AFIN D'EXECUTER VOTRE APPLICATION IOS SUR LE SIMULATEUR IOS

Pour dployer une application iOS vers le simulateur iOS sur le Mac, vous devez

installer les outils suivants sur votre Mac :

Platform Assistant (PAServer)

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Tutoriel_iOS_:_D%C3%A9finition_de_votre_environnement_de_d%C3%A9veloppement_sur_le_Mac#Etape_2_:_Inscription_.C3.A0_un_compte_d.C3.A9veloppeurhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Tutoriel_iOS_:_D%C3%A9finition_de_votre_environnement_de_d%C3%A9veloppement_sur_le_Mac#Etape_2_:_Inscription_.C3.A0_un_compte_d.C3.A9veloppeurhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/PAServer,_l%27application_serveur_Platform_Assistant


A des fins de dbogage, RAD Studio utilise Platform Assistant, une

application que vous devez installer et excuter sur le Mac.

Xcode

Xcode est l'environnement de dveloppement et de dbogage sur le

Mac, qui fournit les fichiers de dveloppement requis pour les applications

Mac OS X et iOS.

ETAPE 1 : INSTALLER PLATFORM ASSISTANT

Comme nous l'avons indiqu, Platform Assistant doit s'excuter sur le Mac

quand vous dployez une application iOS de votre PC vers le simulateur iOS ou

un priphrique iOS.

L'installateur Mac OS X pour Platform Assistant se nomme RADPAServerXE4.pkg

et est disponible deux emplacements :

Dans le dossier PAServer au sein du rpertoire d'installation de RAD Studio.

Par exemple, C:\Program Files\Embarcadero\RAD

Studio\11.0\PAServer\RADPAServerXE4.pkg.

Sur le Web o vous pouvez le tlcharger sur le Mac :

http://installers.codegear.com/release/radstudio/11.0/PAServer/RADPASer

verXE4.pkg

http://docwiki.embarcadero.com/RADStudio/XE4/fr/PAServer,_l%27application_serveur_Platform_Assistanthttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Installation_de_Platform_Assistant_sur_un_Machttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Ex%C3%A9cution_de_Platform_Assistant_sur_un_Machttp://developer.apple.com/xcode/http://installers.codegear.com/release/radstudio/11.0/PAServer/RADPAServerXE4.pkghttp://installers.codegear.com/release/radstudio/11.0/PAServer/RADPAServerXE4.pkg


Pour plus de dtails, voir Installation de Platform Assistant sur un Mac.

ETAPE 2 : EXECUTER PLATFORM ASSISTANT

Sur le Mac, dans le Finder, activez le fichier .app (RAD PAServer XE4.app) de la

manire suivante :

1. Naviguez jusqu'au dossier de niveau suprieur Applications.

2. Double-cliquez sur RAD PAServer XE4.app pour dmarrer Platform

Assistant.

La fentre Terminal apparat, affichant la bannire Platform Assistant et

l'invite de mot de passe : Mot de passe du profil de connexion :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Installation_de_Platform_Assistant_sur_un_Mac


3. Vous tes maintenant invit entrer votre mot de passe d'utilisateur Mac

pour permettre Platform Assistant de dboguer (prendre le contrle

d'un autre processus) votre application. Entrez votre mot de passe et

slectionnez Take Control.

Pour plus de dtails sur l'excution de Platform Assistant, voir Excution de

Platform Assistant sur un Mac.

ETAPE 3 : INSTALLER XCODE SUR LE MAC

Xcode est l'environnement de dveloppement et de dbogage sur le Mac. Il

fournit les fichiers de dveloppement requis pour les applications Mac OS X et

iOS.

Vous pouvez installer Xcode depuis l'une des sources suivantes :

Sur votre DVD "Mac OS X Install", sous Optional Installs, double-cliquez sur

Xcode.mpkg pour installer Xcode sur votre systme.

Au niveau de l'App Store Mac, tlchargez Xcode gratuitement.

En tant que dveloppeur Apple enregistr, vous pouvez tlcharger la

dernire version de Xcode sous forme de bundle (.dmg). Pour s'enregistrer

puis tlcharger Xcode :

1. Enregistrez-vous (gratuitement) en tant que dveloppeur Apple sur

http://developer.apple.com/programs/register/.

2. Tlchargez Xcode sous forme de bundle l'adresse

https://developer.apple.com/downloads.

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Ex%C3%A9cution_de_Platform_Assistant_sur_un_Machttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Ex%C3%A9cution_de_Platform_Assistant_sur_un_Machttp://developer.apple.com/xcode/http://docwiki.embarcadero.com/RADStudio/XE4/fr/D%C3%A9veloppement_d%27applications_Mac_OS_Xhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/D%C3%A9veloppement_d%27applications_mobiles_iOShttp://www.apple.com/mac/app-store/http://developer.apple.com/programs/register/https://developer.apple.com/downloads


ETAPES SUIVANTES

Vous avez configur votre Mac pour excuter une application iOS sur le

simulateur iOS.

Pour excuter maintenant une application iOS sur le simulateur iOS, voir

Tutoriel iOS : Dfinition de votre environnement de dveloppement sur un

PC Windows pour achever la configuration de l'EDI de votre RAD Studio.

Pour excuter votre application iOS sur votre priphrique iOS, utilisez les

tapes suivantes sur cette page pour achever la configuration de votre

Mac. Notez que vous pouvez effectuer ces tapes aprs le test d'une

application sur le simulateur iOS.

ETAPES SUPPLEMENTAIRES PERMETTANT DE CONFIGURER VOTRE MAC AFIN D'EXECUTER VOTRE APPLICATION IOS SUR VOTRE PERIPHERIQUE IOS

Les tapes supplmentaires suivantes vous permettent d'excuter votre

application iOS sur votre priphrique iOS.


ETAPE 1 : INSTALLER LES OUTILS EN LIGNE DE COMMANDE XCODE SUR UN MAC

Pour installer les outils Xcode ncessaires en utilisant Xcode sur le Mac :

1. Dmarrez Xcode sur le Mac.

2. Choisissez Preferences dans le menu Xcode.

3. Dans le panneau General, cliquez sur Downloads.

4. Sur la fentre Downloads, choisissez l'onglet Components.

5. Cliquez sur le bouton Install auprs de Command Line Tools.

Vous tes invit fournir votre identifiant de connexion dveloppeur

Apple pendant le processus d'installation.

Pour plus de dtails, voir Installation des outils en ligne de commande Xcode sur

un Mac.

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Installation_des_outils_en_ligne_de_commande_Xcode_sur_un_Machttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Installation_des_outils_en_ligne_de_commande_Xcode_sur_un_Mac


ETAPE 2 : INSCRIPTION A UN COMPTE DEVELOPPEUR

L'appartenance l'un des programmes Dveloppeur iOS est obligatoire pour

construire, excuter, dboguer et dployer des applications pour iOS.

Vous pouvez rejoindre un programme dveloppeur d'une des deux faons

suivantes :

En tant que dveloppeur individuel.

En tant que membre (ou chef) d'une quipe dans un programme

d'entreprise (mtier) ou un programme universitaire.

Pour plus de dtails, voir Rejoindre un programme Dveloppeur iOS.

ETAPE 3 : DEMANDER, TELECHARGER ET INSTALLER VOTRE CERTIFICAT DE DEVELOPPEMENT

Les applications qui sont dployes sur le priphrique (ou sur le simulateur iOS)

doivent tre signes cryptographiquement avant leur excution. Le certificat de

dveloppement contient des informations ncessaires la signature des

applications. Chaque individu (un dveloppeur individuel ou un membre

d'quipe) doit avoir un certificat de dveloppement unique, utilisable pour

plusieurs applications.

Pour les quipes de dveloppement, les certificats de dveloppement doivent

tre demands par chaque membre d'quipe, et ces demandes doivent tre

approuves par un administrateur d'quipe.

Demander, tlcharger et installer votre certificat

1. Dans l'application Keychain Access de votre Mac, slectionnez dans le

menu Keychain Access : Certificate Assistant > Request a Certificate From

a Certificate Authority.

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Rejoindre_un_programme_D%C3%A9veloppeur_iOS


Enregistrez la demande de certificat dans un fichier, puis envoyez-le

votre autorit de certificat en le tlchargeant dans le Portail

d'approvisionnement iOS de Apple.

o Si vous tes un membre de l'quipe de dveloppement d'un

programme d'entreprise/d'organisation, l'administrateur de votre

quipe doit approuver votre demande. Ds que l'administrateur de

votre quipe l'a approuv, vous pouvez tlcharger le certificat.

o Si vous tes un dveloppeur individuel, une option de

tlchargement de votre certificat devrait apparatre rapidement

ds sa demande. Voir la documentation de Apple sur : Creating

signing certificates pour plus de dtails.

2. Accdez au Portail d'approvisionnement iOS. Vous pouvez tlcharger le

certificat de dveloppement ds que le statut passe de Submitted

Issued.

3. Lancez le certificat de dveloppement en double-cliquant dessus. Il se charge automatiquement dans l'application Keychain Access.

ETAPE 4 : RECENSER LE PERIPHERIQUE POUR LE DEPLOIEMENT

Avant qu'un priphrique puisse excuter des applications utilisateur, il doit tre

recens dans le Portail d'approvisionnement Apple. Les priphriques sont

https://developer.apple.com/ios/my/certificates/index.actionhttps://developer.apple.com/ios/my/certificates/index.actionhttp://developer.apple.com/library/mac/#documentation/ToolsLanguages/Conceptual/OSXWorkflowGuide/ManagingYourTeam/ManagingYourTeam.html#//apple_ref/doc/uid/TP40011201-CH6-SW6http://developer.apple.com/library/mac/#documentation/ToolsLanguages/Conceptual/OSXWorkflowGuide/ManagingYourTeam/ManagingYourTeam.html#//apple_ref/doc/uid/TP40011201-CH6-SW6https://developer.apple.com/ios/my/certificates/index.actionhttps://developer.apple.com/ios/my/devices/index.action


recenss par leur identifiant de priphrique unique (UDID). Le UDID peut tre

dtermin par Xcode, comme suit :

1. Assurez-vous que votre priphrique iOS est connect votre machine

Mac.

2. Ouvrez Xcode et accdez l'organisateur (Window > Organizer).

3. Dans l'onglet Devices, cliquez sur votre priphrique.

4. Une chane de caractres se trouve auprs du libell Identifier :

La chane Identifier reprsente le UDID de votre priphrique.

o Si vous tes un dveloppeur individuel, recensez votre priphrique

en ajoutant le UDID dans l'onglet Devices du Portail

d'approvisionnement Apple.

o Si vous appartenez une socit/organisation, demandez

l'administrateur de votre quipe de recenser votre priphrique.

ETAPE 5 : CREER ET INSTALLER UN PROFIL D'APPROVISIONNEMENT

Les profils d'approvisionnement sont utiliss pour lier un dveloppeur et des

priphriques une quipe de dveloppement. Ce profil d'approvisionnement

est requis pour l'excution d'applications sur un priphrique iOS.

Si vous tes un dveloppeur individuel, vous devez crer un profil

d'approvisionnement. Pour des informations spcifiques, voir : Creating

and Downloading a Distribution Provisioning Profile.

Si vous appartenez une socit/organisation, l'administrateur de votre

quipe doit crer un profil d'approvisionnement que vous pourrez utiliser.

Ds que votre profil d'approvisionnement est cr, vous devez l'installer dans

Xcode, comme suit :

1. Ouvrez Xcode sur le Mac et accdez l'organisateur (Window >

Organizer).

https://developer.apple.com/ios/my/devices/index.actionhttps://developer.apple.com/ios/my/devices/index.actionhttp://developer.apple.com/library/ios/#documentation/ToolsLanguages/Conceptual/DevPortalGuide/CreatingandDownloadingaDistributionProvisioningProfile/CreatingandDownloadingaDistributionProvisioningProfile.html#//apple_ref/doc/uid/TP40011159-CH27-SW1http://developer.apple.com/library/ios/#documentation/ToolsLanguages/Conceptual/DevPortalGuide/CreatingandDownloadingaDistributionProvisioningProfile/CreatingandDownloadingaDistributionProvisioningProfile.html#//apple_ref/doc/uid/TP40011159-CH27-SW1


2. Dans la section Library, slectionnez Provisioning Profiles et cliquez sur

Refresh.

3. Xcode vous demande de signer avec votre identifiant Apple. Entrez vos

informations d'identification et slectionnez Log in.

Les profils d'approvisionnement disponibles sont installs dans votre

Xcode :

4. Slectionnez un profil d'approvisionnement iOS valide et faites-le glisser

dans les profils d'approvisionnement de votre priphrique test.

Vous avez configur votre Mac pour excuter votre application iOS sur votre

priphrique iOS.

Pour excuter votre application iOS, voir Tutoriel iOS : Dfinition de votre

environnement de dveloppement sur un PC Windows et achevez la

configuration de l'EDI de votre RAD Studio. Si vous avez configur votre PC pour

l'excution de votre application sur le simulateur iOS, vous pouvez ignorer cette

tape.

VOIR AUSSI

Tutoriel iOS : Dfinition de votre environnement de dveloppement sur un

PC Windows

paserver, l'application serveur Platform Assistant

Apple Developer Program

iOS Developer Program

http://docwiki.embarcadero.com/RADStudio/XE4/fr/PAServer,_l%27application_serveur_Platform_Assistanthttps://developer.apple.com/programs/start/standard/https://developer.apple.com/programs/ios/


Creating and Configuring App IDs

Creating signing certificates

iOS Provisioning Portal

Devices tab of the Apple Provisioning Portal

Create an Apple ID

Creating and Downloading a Distribution Provisioning Profile

Installation de Platform Assistant sur un Mac

Excution de Platform Assistant sur un Mac

http://developer.apple.com/library/ios/#documentation/ToolsLanguages/Conceptual/DevPortalGuide/CreatingandConfiguringAppIDs/CreatingandConfiguringAppIDs.html#//apple_ref/doc/uid/TP40011159-CH18-SW1http://developer.apple.com/library/mac/#documentation/ToolsLanguages/Conceptual/OSXWorkflowGuide/ManagingYourTeam/ManagingYourTeam.html#//apple_ref/doc/uid/TP40011201-CH6-SW6https://developer.apple.com/ios/my/certificates/index.actionhttps://developer.apple.com/ios/my/devices/index.actionhttps://appleid.apple.com/cgi-bin/WebObjects/MyAppleId.woa/wa/createAppleIdhttp://developer.apple.com/library/ios/#documentation/ToolsLanguages/Conceptual/DevPortalGuide/CreatingandDownloadingaDistributionProvisioningProfile/CreatingandDownloadingaDistributionProvisioningProfile.html#//apple_ref/doc/uid/TP40011159-CH27-SW1http://docwiki.embarcadero.com/RADStudio/XE4/fr/Installation_de_Platform_Assistant_sur_un_Machttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Ex%C3%A9cution_de_Platform_Assistant_sur_un_Mac


TUTORIEL IOS : DEFINITION DE VOTRE ENVIRONNEMENT DE DEVELOPPEMENT SUR UN

PC WINDOWS

Avant de commencer ce tutoriel, il est recommand de lire et suivre le tutoriel

suivant :

Tutoriel iOS : Dfinition de votre environnement de dveloppement sur le

Mac

Une application FireMonkey destine la plate-forme cible iOS est teste

d'abord sur le simulateur iOS disponible sur le Mac. La deuxime moiti du

processus de test consiste utiliser la plate-forme cible Priphrique iOS et

requiert un priphrique iOS test connect au Mac. Pour dployer une

application iOS sur votre priphrique des fins de dbogage et de tests, RAD

Studio utilise Platform Assistant que vous devez installer et excuter sur le Mac.

Cette section dcrit les tapes de configuration de votre environnement de

dveloppement aprs la configuration de votre environnement sur votre Mac.

CONFIGURATION DE VOTRE ENVIRONNEMENT RAD STUDIO

Les tapes de configuration suivantes acclrent le dveloppement iOS avec

RAD Studio.

CREER UN PROFIL DE CONNEXION POUR LE MAC

1. Ouvrez Outils > Options > Options d'environnement > Gestionnaire de

profils de connexion.

http://docwiki.embarcadero.com/RADStudio/XE4/fr/PAServer,_l%27application_serveur_Platform_Assistanthttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Installation_de_Platform_Assistant_sur_un_Machttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Ex%C3%A9cution_de_Platform_Assistant_sur_un_Machttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Cr%C3%A9er_un_profil_de_connexionhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Gestionnaire_de_profils_de_connexionhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Gestionnaire_de_profils_de_connexion


2. Slectionnez Ajouter :

3. Vous apercevez maintenant l'expert Crer un profil de connexion.

Dfinissez le nom du profil de connexion, par exemple "Mon Mac".

Assurez-vous de slectionner OS X comme plate-forme cible, puis cliquez

sur Suivant :

4. Dans la page Informations relatives la machine hte, dfinissez le nom

ou l'adresse IP du Mac hte, le numro de port utiliser (le port par

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Cr%C3%A9er_un_profil_de_connexion


dfaut 64211 fonctionne typiquement) et un mot de passe facultatif (si

vous souhaitez utiliser un mot de passe).

5. Cliquez sur Tester la connexion et assurez-vous que le profil de connexion

fonctionne sans erreur (vous devez recevoir le message "La connexion


AJOUTER UN SDK AU SYSTEME DE DEVELOPPEMENT POUR LE PERIPHERIQUE IOS CONNECTE AU MAC

1. Ouvrez Outils > Options > Options d'environnement > Gestionnaire de

SDK :

2. Slectionnez Ajouter.

3. Sur la bote de dialogue Ajouter un nouveau SDK, slectionnez

Priphrique iOS comme plate-forme.

4. Slectionnez une plate-forme connecter (comme par exemple

"Priphrique iOS") :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Ajout_et_configuration_d%27un_SDKhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Gestionnaire_de_SDKhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Gestionnaire_de_SDK


5. Aprs la slection d'une plate-forme, l'EDI remplit un profil (comme "Mon

Mac") et la zone de liste droulante relative la version SDK par la liste

des versions SDK disponibles sur la plate-forme cible :

Cliquez sur OK pour fermer la bote de dialogue.

VOIR AUSSI

Tutoriel iOS : Cration d'une application FireMonkey iOS

Travailler avec un Mac et un PC

Excution de votre application sur un priphrique iOS

Excution de votre application sur le simulateur iOS

Prrequis de plate-forme FireMonkey


Dveloppement d'applications Mac OS X

Cration d'une application FireMonkey

Pages Apple developer.apple.com

o iOS Developer Library

o iOS Developer Library: Getting Started

o iOS Dev Center

o Provisioning an iOS Device

o Preparing Your iOS App for Distribution in the App Store

o iAd Network

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Travailler_avec_un_Mac_et_un_PChttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Ex%C3%A9cution_de_votre_application_sur_un_p%C3%A9riph%C3%A9rique_iOShttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Ex%C3%A9cution_de_votre_application_sur_le_simulateur_iOShttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Pr%C3%A9requis_de_plate-forme_FireMonkeyhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Cr%C3%A9ation_d%27une_application_FireMonkey_iOShttp://docwiki.embarcadero.com/RADStudio/XE4/fr/D%C3%A9veloppement_d%27applications_Mac_OS_Xhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Cr%C3%A9ation_d%27une_application_FireMonkeyhttp://developer.apple.com/library/ios/navigation/http://developer.apple.com/library/ios/navigation/index.html?section=Resource+Types&topic=Getting+Startedhttp://developer.apple.com/devcenter/ios/index.actionhttp://developer.apple.com/library/ios/#documentation/Xcode/Conceptual/ios_development_workflow/100-Configuring_Your_Development_Assets/identities_and_devices.html#//apple_ref/doc/uid/TP40007959-CH4-SW7http://developer.apple.com/library/ios/#documentation/Xcode/Conceptual/ios_development_workflow/145-Distributing_Applications/distributing_applications.htmlhttp://developer.apple.com/iad/


TUTORIEL IOS : CREATION D'UNE APPLICATION FIREMONKEY IOS

Cette rubrique explique comment crer une application "Hello World"

FireMonkey pour la plate-forme cible iOS.

AVANT DE COMMENCER Pour dvelopper des applications iOS en utilisant RAD Studio, vous devez

accomplir d'importantes tapes de configuration. Ce tutoriel suppose

que vous avez accompli toutes les tapes de configuration pralables.

Pour plus de dtails, voir :

Tutoriel iOS : Dfinition de votre environnement de dveloppement

sur un PC Windows


ETAPE 1 : CREER UNE NOUVELLE APPLICATION FIREMONKEY HD POUR IOS

1. Slectionnez Fichier > Nouveau > Application mobile FireMonkey >

Application mobile FireMonkey Delphi :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Plates-formes_cible_support%C3%A9eshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/D%C3%A9veloppement_d%27applications_mobiles_iOShttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Application_mobile_HD_FireMonkey


2. Slectionnez Application vide.

Le Concepteur de fiches mobiles FireMonkey affiche prsent une

nouvelle fiche pour une application iOS :

ETAPE 2 : PLACER DES COMPOSANTS SUR LA FICHE FIREMONKEY IOS

La premire tape de la cration d'une application FireMonkey iOS est la

conception de l'interface utilisateur (identique la premire tape des

applications destines une plate-forme de bureau). De nombreux

composants rutilisables sont disponibles dans l'EDI pour la cration d'interfaces

utilisateur.

1. Dplacez le pointeur de la souris sur la palette d'outils et dveloppez la

catgorie Standard en cliquant sur l'icne plus (+) qui suit le nom de

catgorie.

2. Slectionnez ensuite le composant TEdit et dposez-le sur le Concepteur

de fiches. Une instance du composant TEdit s'affiche sur la fiche :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_fiches_mobiles_FireMonkeyhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Palette_d%27outilshttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Edit.TEdithttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_ficheshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_ficheshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:WhiteSpace50.png


Rptez ces tapes en ajoutant un TLabel et un TButton sur la fiche. Slectionnez

le bouton et changez la proprit Text dans l'inspecteur d'objets par "Say Hello".

Vous devriez maintenant voir trois composants sur le Concepteur de fiches :

Aprs que vous ayez plac ces composants sur le Concepteur de fiches, l'EDI

dfinit automatiquement leur nom.

Pour voir ou changer le nom d'un composant, cliquez sur le composant dans le

Concepteur de fiches, puis trouvez sa proprit Name dans l'inspecteur d'objets

et la vue Structure :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TLabelhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objetshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_ficheshttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TLabelhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objetshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Vue_Structurehttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:WhiteSpace50.pnghttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:WhiteSpace50.png


Pour un composant TButton, le nom du composant est dfini par dfaut

Button1 (ou Button2, Button3, selon le nombre de composants TButton ayant t

crs dans cette application).

La fiche sur laquelle ces composants sont localiss a aussi un nom. Slectionnez

l'arrire-plan du Concepteur de fiches mobiles FireMonkey, puis la proprit

Name dans l'inspecteur d'objets. Le nom de la fiche Form1 (ou Form2, Form3,

etc.) est affich. Vous pouvez facilement localiser le nom de la fiche dans la

vue Structure :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_fiches_mobiles_FireMonkeyhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Vue_Structurehttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:WhiteSpace50.pnghttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:WhiteSpace50.png


Vous pouvez facilement permuter l'affichage et accder au code source en

slectionnant l'onglet Code en bas du Concepteur de fiches ou en appuyant

sur la touche F12. Vous pouvez permuter entre le Concepteur de fiches et

l'diteur de code tout moment :

Lorsque vous basculez sur l'diteur de code, vous visualisez le code source

gnr par l'EDI. Les trois composants sont normalement dfinis (Edit1, Label1 et

Button1) :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_ficheshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Editeur_de_codehttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Editeur_de_codehttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:WhiteSpace50.png


ETAPE 3 : ECRIRE UN GESTIONNAIRE D'EVENEMENTS DANS DELPHI POUR UN CLIC DE BOUTON PAR L'UTILISATEUR

L'tape suivante consiste dfinir un gestionnaire d'vnements pour le

composant TButton. Vous dfinissez des gestionnaires d'vnements pour votre

application FireMonkey iOS de la mme faon que pour les applications de

bureau. Pour le composant TButton, l'vnement le plus typique est un clic sur le

bouton.

Lorsque vous double-cliquez sur le bouton sur le Concepteur de fiches, RAD

Studio cre un code squelette utilisable pour implmenter un gestionnaire

d'vnements pour l'vnement clic de bouton.

Vous pouvez maintenant implmenter les rponses entre les instructions begin et

end de la mthode Button1Click.

L'extrait de code suivant implmente une rponse pour afficher un petit

dialogue sur lequel est crit "Hello +


ETAPE 4 : TESTER VOTRE APPLICATION IOS SUR MAC (SIMULATEUR IOS)

L'implmentation de cette application est termine, vous pouvez donc

l'excuter. Vous pouvez cliquer sur le bouton Excuter ( ) de l'EDI, appuyer

sur F9 ou slectionner Excuter > Excuter dans le menu principal de RAD

Studio.

Par dfaut, les applications FireMonkey iOS s'excutent sur la plate-forme cible

Simulateur iOS. Vous pouvez confirmer la plate-forme cible dans le Gestionnaire

de projets :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Gestionnaire_de_projetshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Gestionnaire_de_projetshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:RunButton.jpghttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:WhiteSpace50.png


Lorsque vous excutez votre application, elle est dploye sur le Mac puis sur le

simulateur iOS sur le Mac. Pour votre application, une fiche comportant une

zone d'dition et un bouton est affiche. Entrez un texte dans la zone d'dition

et cliquez sur le bouton Say Hello :

ETAPE 5 : TESTER VOTRE APPLICATION IOS SUR UN PERIPHERIQUE IOS CONNECTE

Si vous avez suivi les tapes dcrites dans Tutoriel iOS : Dfinition de votre

environnement de dveloppement sur un PC Windows avant de crer votre

nouveau projet, vous pouvez maintenant excuter votre application iOS sur un

priphrique iOS connect votre Mac par cble USB.

Pour excuter votre application iOS sur un priphrique iOS connect,

slectionnez d'abord la plate-forme cible Priphrique iOS afin que Platform

Assistant puisse dployer l'application sur le priphrique iOS connect :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:WhiteSpace50.png


Aprs avoir slectionn la plate-forme cible Priphrique iOS, excutez votre

application iOS en cliquant sur le bouton Excuter dans l'EDI, en appuyant sur F9

ou en slectionnant Excuter > Excuter.

Accdez ensuite votre priphrique iOS et attendez que l'application

FireMonkey iOS apparaisse. Remarquez l'image de lancement de FireMonkey

(disponible dans $(BDS)\bin\Artwork\iOS) :

VOIR AUSSI

Tutoriel iOS : Utilisation d'un composant Bouton avec diffrents styles dans

une application iOS



http://docwiki.embarcadero.com/RADStudio/XE4/fr/D%C3%A9veloppement_d%27applications_mobiles_iOShttp://docwiki.embarcadero.com/RADStudio/XE4/fr/D%C3%A9veloppement_d%27applications_Mac_OS_X


TUTORIEL IOS : UTILISATION D'UN COMPOSANT BOUTON AVEC DIFFERENTS STYLES DANS UNE APPLICATION IOS

BOUTONS DANS LES APPLICATIONS FIREMONKEY IOS

FireMonkey dfinit plusieurs types de boutons que vous pourrez utiliser en suivant

les tapes dcrites dans ce tutoriel. Les boutons FireMonkey comprennent

TButton et TSpeedButton.

Vous trouverez ci-aprs quelques exemples des divers styles de composants

Bouton diffrents endroits de l'interface utilisateur.

Boutons placs sur la fiche :

o

o

Boutons placs sur la barre de navigation (aussi appele Barre d'outils) :

o

o

o

o

o

o

DEFINITION DE L'APPARENCE D'UN COMPOSANT BOUTON

Aprs avoir plac un nouveau bouton sur le Concepteur mobile FireMonkey,

vous pouvez spcifier d'importantes proprits pour le composant slectionn

en utilisant l'inspecteur d'objets.

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TSpeedButtonhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objets


Slectionnez un composant (dans ce cas, un bouton), puis modifiez les valeurs

de certaines proprits en procdant comme suit :

Changez le texte affich la surface du bouton en modifiant la valeur de

la proprit Text.

Changez la valeur des proprits Position.X et Position.Y (ou faites glisser le

composant en utilisant la souris).

Changez la valeur des proprits Height et/ou Width (ou faites glisser le

bord du composant en utilisant la souris).

Cliquez sur la flche vers le bas de la proprit StyleLookup.

Dans la liste droulante StyleLookup, slectionnez un style prdfini en

fonction de l'utilisation de votre composant :


CREATION D'UN CONTROLE SEGMENTE EN UTILISANT LES COMPOSANTS BOUTON

FireMonkey utilise le composant Bouton pour dfinir le contrle segment ; il

permet aux utilisateurs de slectionner une valeur parmi plusieurs options.

Pour dfinir un contrle segment, utilisez les tapes suivantes :

1. Placez trois composants TSpeedButton partir de la Palette d'outils.

Placez les composants TSpeedButton les uns aprs les autres en utilisant la

souris :

2. Slectionnez le premier composant et changez sa proprit StyleLookup

en segmentedbuttonleft :

3. Slectionnez le second composant et changez sa proprit StyleLookup

en segmentedbuttonmiddle.

4. Slectionnez le troisime composant et changez sa proprit StyleLookup

en segmentedbuttonright. Maintenant les trois boutons ont l'apparence

d'un contrle segment :

5. Slectionnez chaque composant et changez sa proprit Text comme

vous le souhaitez :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Palette_d%27outils


6. Cliquez sur ces trois boutons et faites-les glisser pour les slectionner :

7. Dfinissez la proprit GroupName en spcifiant un nom unique tel que

LocationSegments :

8. Pour spcifier que l'un de ces composants apparatra par dfaut l'tat

appuy, dfinissez sa proprit IsPressed sur True :


CREATION D'UNE BARRE DE PORTEE SUR UN COMPOSANT BARRE D'OUTILS

Vous pouvez dfinir un contrle segment sur une barre d'outils. Ce composant

galement appel barre de porte est un contrle segment pouvant tre

utilis pour contrler la porte d'une recherche.

Utilisez les mmes contrles TSpeedButton que lors des tapes prcdentes,

mais en utilisant les valeurs suivantes pour la proprit StyleLookup.

toolbuttonleft

toolbuttonmiddle

toolbuttonright

VOIR AUSSI

Tutoriel iOS : Cration d'une application FireMonkey iOS

FMX.StdCtrls.TButton

FMX.Controls.TStyledControl.StyleLookup

FMX.StdCtrls.TToolBar

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Controls.TStyledControl.StyleLookuphttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TToolBar


TUTORIEL IOS : UTILISATION D'UN COMPOSANT CALENDRIER POUR SELECTIONNER UNE DATE DANS UNE APPLICATION IOS

UTILISATION D'UN CALENDRIER DANS DES APPLICATIONS FIREMONKEY IOS

FireMonkey utilise le composant TCalendarEdit pour encapsuler un composant

Calendrier ou Slecteur de date pour la plate-forme cible iOS :

Vous pouvez facilement utiliser le composant TCalendarEdit en suivant les

tapes ci-dessous :

1. Slectionnez le composant TCalendarEdit dans la palette d'outils et

dposez-le sur le Concepteur de fiches mobiles FireMonkey. Pour trouver

le composant sur la palette d'outils, tapez les premiers caractres ("Cale")

dans la zone de recherche ( ) :

Ds qu'il a t dpos, le composant TCalendarEdit est visible dans le

Concepteur de fiches mobiles.

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.ExtCtrls.TCalendarEdithttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.ExtCtrls.TCalendarEdithttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.ExtCtrls.TCalendarEdithttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Palette_d%27outilshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_fiches_mobiles_FireMonkeyhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:SearchGlass.bmp


2. Et voil ! Excutez l'application sur le simulateur iOS ou votre priphrique

iOS connect. Ds que vous touchez le composant TCalendarEdit, le

contrle Calendrier apparat. Vous pouvez slectionner une date.

IMPLEMENTATION D'UN GESTIONNAIRE D'EVENEMENTS CORRESPONDANT AUX MODIFICATIONS UTILISATEUR

RELATIVES A LA DATE

Ds que l'utilisateur modifie la date, l'vnement OnChange est dclench. En

rponse l'action de l'utilisateur, vous pouvez implmenter un gestionnaire

d'vnements pour l'vnement OnChange.

Pour implmenter un gestionnaire d'vnements OnChange :

1. Slectionnez le composant TCalendarEdit.

2. Dans linspecteur dobjets, ouvrez la page Evnements et double-cliquez

sur la zone vierge qui suit OnChange.

3. Ecrivez le code comme suit :

procedure TForm25.CalendarEdit1Change(Sender: TObject);

begin

ShowMessage(FormatDateTime('dddddd', CalendarEdit1.Date));

end;

Ce code provoque l'affichage d'un dialogue de message avec une date

slectionne. La fonction FormatDateTime convertit la date slectionne au

format spcifi (dans ce cas dddddd correspond au format date long) :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Edit.TCustomEdit.OnChangehttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objetshttp://docwiki.embarcadero.com/Libraries/XE4/fr/System.SysUtils.FormatDateTime


VOIR AUSSI

Tutoriel iOS : Utilisation d'un composant Bouton avec diffrents styles dans

une application iOS


slectionner des lments dans une liste d'une application iOS

Support date et heure

Routines de conversion des types

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Support_date_et_heurehttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Routines_de_conversion_des_types


TUTORIEL IOS : UTILISATION DE COMPOSANTS ZONE DE LISTE DEROULANTE POUR SELECTIONNER DES ELEMENTS DANS UNE LISTE

D'UNE APPLICATION IOS

IMPLEMENTATION D'UN SELECTEUR DANS DES APPLICATIONS FIREMONKEY IOS

Sur la plate-forme iOS, FireMonkey encapsule le composant Slecteur avec le

composant TComboBox :

Pour dfinir un slecteur et la liste d'lments slectionner :

1. Slectionnez Fichier > Nouveau > Application mobile FireMonkey - Delphi

> Application vide.

2. Slectionnez le composant TComboBox dans la palette d'outils et

dposez-le sur le Concepteur de fiches mobiles FireMonkey.

Pour trouver TComboBox, tapez les premiers caractres ("Com") dans la

zone de recherche de la palette d'outils :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.ListBox.TComboBoxhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Application_mobile_HD_FireMonkeyhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.ListBox.TComboBoxhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Palette_d%27outilshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_fiches_mobiles_FireMonkey


3. Ds qu'il a t dpos, le composant TComboBox est visible dans le

Concepteur de fiches.

Cliquez avec le bouton droit sur le composant TComboBox et

slectionnez Editeur d'lments... :

4. Pour dfinir des lments, cliquez plusieurs fois sur Ajouter un lment.

5. Dans la vue Structure, slectionnez ListBoxItem1 (le premier lment de la

liste).

6. Dans l'inspecteur d'objets, modifiez la proprit Text de ListBoxItem1. Dans

cet exemple qui traite des cinquante tats des Etats-Unis, le premier

lment de la liste est "Alabama".

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.ListBox.TComboBoxhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Vue_Structurehttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objets


7. Modifiez les autres lments en spcifiant Alaska, Arizona, Arkansas,

California, Colorado, etc.

8. Excutez l'application sur la plate-forme cible Simulateur iOS ou

Priphrique iOS. Ds que vous touchez le composant TComboBox, le

contrle Slecteur apparat. Vous pouvez slectionner un lment dans la

liste.

CONSTRUCTION D'UNE LISTE D'ELEMENTS EN UTILISANT LE CODE

La mthode Add vous permet de construire une liste d'lments en utilisant le

code :

procedure TForm27.FormCreate(Sender: TObject);

begin

ComboBox1.Items.Add('Alabama');

ComboBox1.Items.Add('Alaska');

ComboBox1.Items.Add('Arizona');

ComboBox1.Items.Add('Arkansas');

ComboBox1.Items.Add('California');

// Other states can be listed here

ComboBox1.Items.Add('Virginia');

ComboBox1.Items.Add('Washington');

ComboBox1.Items.Add('West Virginia');

ComboBox1.Items.Add('Wisconsin');

ComboBox1.Items.Add('Wyoming');

end;

http://docwiki.embarcadero.com/Libraries/XE4/fr/System.Classes.TStrings.Add


AFFICHAGE D'UN ELEMENT SPECIFIQUE

L'lment actuellement slectionn est spcifi par la proprit ItemIndex.

ItemIndex est une valeur entire spcifie en utilisant un index de base zro (ce

qui signifie que le premier lment est zro).

Pour afficher la liste avec le cinquime lment slectionn ("California" dans le

code exemple suivant), spcifiez ItemIndex comme suit :


begin







// Index of 5th item is "4"

ComboBox1.ItemIndex := 4;

end;

Si vous ne connaissez pas la valeur de l'index, vous pouvez la trouver en utilisant

la mthode IndexOf comme suit :


begin







ComboBox1.ItemIndex := ComboBox1.Items.IndexOf('California');

end;

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.ListBox.TCustomComboBox.ItemIndexhttp://docwiki.embarcadero.com/Libraries/XE4/fr/System.Classes.TStrings.IndexOf


IMPLEMENTATION D'UN GESTIONNAIRE D'EVENEMENTS CORRESPONDANT A LA SELECTION EFFECTUEE PAR

L'UTILISATEUR

Aprs que l'utilisateur ait slectionn un lment, l'vnement OnChange est

dclench. En rponse l'action de l'utilisateur, vous pouvez implmenter un

gestionnaire d'vnements pour l'vnement OnChange.

Pour implmenter un gestionnaire d'vnements OnChange :

1. Slectionnez le composant TComboBox.

2. Dans linspecteur dobjets, ouvrez la page Evnements et double-cliquez

sur la zone vierge qui suit OnClick.

3. L'diteur de code s'ouvre. Ecrivez le code comme suit :

procedure TForm27.CalendarEdit1Change(Sender: TObject);

begin

ShowMessage(Format('Item %s at Index %d was selected. ',

[ComboBox1.Selected.Text, ComboBox1.ItemIndex]));

end;

Ce gestionnaire d'vnements affiche un dialogue de message indiquant

l'lment qui a t slectionn.

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.ListBox.TCustomComboBox.OnChangehttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objetshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Editeur_de_code


La fonction Format renvoie une chane formate compose d'une chane de

format et d'un tableau d'arguments :

VOIR AUSSI

Tutoriel iOS : Utilisation d'un composant Calendrier pour slectionner une

date dans une application iOS

Tutoriel iOS : Utilisation des composants Onglet pour afficher des pages

dans une application iOS



http://docwiki.embarcadero.com/Libraries/XE4/fr/System.SysUtils.Formathttp://docwiki.embarcadero.com/RADStudio/XE4/fr/D%C3%A9veloppement_d%27applications_mobiles_iOShttp://docwiki.embarcadero.com/RADStudio/XE4/fr/D%C3%A9veloppement_d%27applications_Mac_OS_X


TUTORIEL IOS : UTILISATION DU COMPOSANT NAVIGATEUR WEB DANS UNE APPLICATION IOS

UTILISATION DU COMPOSANT NAVIGATEUR WEB DANS DES APPLICATIONS FIREMONKEY IOS

Sur la plate-forme iOS, FireMonkey encapsule le composant Navigateur Web en

tant que composant TWebBrowser. Cette rubrique dcrit comment crer une

application Navigateur Web FireMonkey simple pour iOS.

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.WebBrowser.TWebBrowser


ETAPE 1 : CONCEPTION DE L'INTERFACE UTILISATEUR

1. Slectionnez Fichier > Nouveau > Application mobile FireMonkey - Delphi

> Application vide.

2. Slectionnez le composant TToolBar dans la Palette d'outils et dposez-le

sur le Concepteur de fiches mobiles FireMonkey. Pour trouver TToolBar,

tapez les premiers caractres (comme "tool") dans la zone Chercher de la

Palette d'outils :

3. Ds qu'il a t dpos, le composant TToolBar est visible en haut du

Concepteur de fiches mobiles :

4. Slectionnez le composant TButton dans la Palette d'outils et dposez-le

sur le composant ToolBar.

5. Slectionnez le composant Bouton dans le Concepteur de fiches mobiles,

puis slectionnez priortoolbuttonbordered pour la proprit StyleLookup

dans l'inspecteur d'objets.

La valeur priortoolbuttonbordered de la proprit StyleLookup du TButton

ajoute un libell de bouton Back dans le style iOS :

Pour plus de dtails sur la slection d'un style dans les applications

FireMonkey iOS, voir Tutoriel iOS : Utilisation d'un composant Bouton avec

diffrents styles dans une application iOS.

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Application_mobile_HD_FireMonkeyhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TToolBarhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Palette_d%27outilshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_fiches_mobiles_FireMonkeyhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objets


6. Slectionnez le composant TEdit dans la Palette d'outils et dposez-le sur

le composant ToolBar. Assurez-vous que la taille du contrle de saisie est

suffisamment large pour remplir la zone du ToolBar :

7. Slectionnez le composant TWebBrowser dans la Palette d'outils et

dposez-le sur la fiche.

8. Slectionnez le composant Navigateur Web sur le Concepteur de fiches

mobiles, accdez l'inspecteur d'objets et slectionnez alClient pour la

proprit Align.

Une fois ces tapes accomplies, la fiche doit avoir l'apparence de la

figure suivante :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Edit.TEdithttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.WebBrowser.TWebBrowserhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objets


ETAPE 2 : ECRITURE D'UN GESTIONNAIRE D'EVENEMENTS PROVOQUANT L'OUVERTURE D'UNE PAGE WEB LORSQUE L'UTILISATEUR CHANGE D'URL DANS LE CONTROLE DE SAISIE

A la diffrence de la plate-forme de bureau, les priphriques mobiles utilisent

le clavier virtuel pour entrer du texte comme illustr sur l'image suivante.

L'utilisateur peut terminer l'action en cliquant soit sur "Done" ou "Return".

FireMonkey fournit de nombreux types de gestionnaires d'vnement pour

couvrir la plupart des actions entreprises par les utilisateurs. Aprs que le bouton

"Done" ait t slectionn, le framework FireMonkey envoie un vnement

OnChange au contrle TEdit. D'autre part, il n'y a pas d'vnement spcifique

pour le bouton "Return". Dans cette section, nous allons implmenter des

gestionnaires d'vnement pour supporter les deux scnarios.

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Edit.TEdit.OnChange


IMPLEMENTATION D'UNE METHODE COMMUNE POUR OUVRIR UNE PAGE WEB

Avant d'implmenter des gestionnaires d'vnement, commencez par

implmenter une mthode commune pour ouvrir une page Web base sur la

proprit Text du contrle de saisie.

1. Dans l'diteur de code, crez la nouvelle ligne suivante :

procedure OpenURL; next to { Private declarations }

2. Appuyez sur CTRL+MAJ+C pour crer un espace de rservation la fin du

fichier :

3. Implmentez la mthode OpenURL comme dans l'extrait de code

suivant :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Edit.TEdit.Texthttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Editeur_de_code


IMPLEMENTATION D'UN GESTIONNAIRE D'EVENEMENTS POUR L'EVENEMENT ONCHANGE

1. Dans le Concepteur de fiches mobiles, slectionnez le composant de

saisie, puis dans l'inspecteur d'objets (onglet Evnements), double-cliquez

sur la zone vide suivant l'vnement OnChange pour crer le gestionnaire

d'vnement.

L'inspecteur d'objets cre un nouveau gestionnaire d'vnements nomm

Edit1Change :

2. Terminez le gestionnaire d'vnements en ajoutant le code suivant :

IMPLEMENTATION D'UN GESTIONNAIRE D'EVENEMENTS POUR SUPPORTER LA TOUCHE ENTREE

Il n'y a pas d'vnement spcifique qui soit dfini pour la touche Entre.

Toutefois, vous pouvez toujours contrler de tels vnements via l'vnement

OnKeyDown.

OnKeyDown fournit des informations sur la touche appuye via plusieurs

paramtres dans son gestionnaire d'vnement. Vous pouvez implmenter cet

vnement comme suit :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Edit.TEdit.OnKeyDown


IMPLEMENTATION D'UN GESTIONNAIRE D'EVENEMENTS POUR LE BOUTON BACK

Pour implmenter un bouton Back pour votre navigateur Web, il vous suffit

d'appeler la mthode GoBack sur le composant Navigateur Web :

Le comportement de base est maintenant implment pour cette application

Navigateur Web. Essayez d'excuter l'application sur le simulateur iOS ou sur

votre priphrique iOS.

ETAPE 3 : SELECTION DU CLAVIER APPROPRIE POUR L'APPLICATION NAVIGATEUR WEB

Une fois que vous aurez excut votre application Navigateur Web, vous

raliserez sans doute que le clavier virtuel n'est pas optimis. iOS propose

plusieurs claviers virtuels comme suit :

vktAlphabet vktDefault vktEmailAddress vktNamePhonePad

vktNumberPad vktNumbersAnd

Punctuation

vktPhonePad vktURL

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.WebBrowser.TCustomWebBrowser.GoBack


Slectionnez vktURL comme clavier virtuel dans la proprit KeyboardType du

contrle de saisie :

VOIR AUSSI


slectionner des lments dans une liste d'une application iOS

Tutoriel iOS : Utilisation des composants Onglet pour afficher des pages

dans une application iOS

TWebBrowser

TToolBar

TButton

TEdit

KeyboardType

StyleLookup

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Edit.TCustomEdit.KeyboardTypehttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.WebBrowser.TWebBrowserhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TToolBarhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Edit.TEdithttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Edit.TCustomEdit.KeyboardTypehttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.Controls.TStyledControl.StyleLookup


TUTORIEL IOS : UTILISATION DES COMPOSANTS ONGLET POUR AFFICHER DES PAGES DANS UNE APPLICATION IOS

ONGLETS DANS LES APPLICATIONS FIREMONKEY IOS

Les onglets sont dfinis par FMX.TabControl.TTabControl, qui est un conteneur qui

peut contenir plusieurs pages d'onglets :

Chaque page d'onglet peut contenir n'importe quel contrle utilis

comme lment de l'interface utilisateur.

Vous pouvez masquer l'onglet de ces pages et changer de page sans

afficher les onglets.

Pour chaque onglet, vous pouvez spcifier des icnes prdfinies ainsi qu'une

icne personnalise et un libell de texte.

Vous pouvez galement placer les onglets en haut ou en bas du contrle.

CONCEPTION DE PAGES D'ONGLETS EN UTILISANT LE CONCEPTEUR DE FICHES

Pour crer des pages d'onglets dans votre application, utilisez le composant

TTabControl en procdant comme suit :

1. Pour crer une application mobile HD FireMonkey, slectionnez Fichier >

Nouveau > Application mobile FireMonkey - Delphi > Application vide.

Utilisez la plate-forme cible par dfaut pour iPhone (Simulateur iOS).

2. Slectionnez un TTabControl dans la Palette d'outils :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TTabControlhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TTabControlhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Application_mobile_HD_FireMonkeyhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Palette_d%27outils


3. Aprs avoir dpos le TTabControl, un TabControl vide apparat sur le

Concepteur de fiches mobiles FireMonkey :

4. Typiquement, les applications qui possdent un TabControl utilisent le

plein cran pour afficher les pages. Pour cela, vous devez changer

l'alignement par dfaut du TabControl. Dans l'inspecteur d'objets,

changez la proprit Align du TabControl sur alClient :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_fiches_mobiles_FireMonkeyhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objets


5. Cliquez avec le bouton droit sur le TabControl et slectionnez Editeur

d'lments... dans le menu contextuel :

6. Cliquez sur Ajouter un lment trois fois afin d'avoir trois instances de

TabItem cet emplacement. Fermez la bote de dialogue.

7. Dans le Concepteur de fiches mobiles FireMonkey, slectionnez le premier

TabItem et changez sa proprit StyleLookup en tabitembookmarks :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TTabItemhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Concepteur_de_fiches_mobiles_FireMonkey


8. Vous pouvez placer n'importe quel composant sur chacune des pages.

Pour passer une autre page, cliquez simplement sur l'onglet voulu dans

le Concepteur de fiches ou changez la proprit ActiveTab dans

l'inspecteur d'objets :

9. Pour changer l'emplacement des onglets, slectionnez la proprit

TabPosition pour le composant TabControls. Pour chaque composant,

vous pouvez slectionner l'une quelconque des valeurs suivantes de la

proprit TabPosition dans l'inspecteur d'objets :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TTabControl.ActiveTabhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objetshttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TTabControl.TabPositionhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objets


tpTop tpBottom tpDots tpNone

Les onglets sont

affichs en haut.

Les onglets sont

affichs en bas.

Aucun onglet

n'est affich.

Toutefois, des

points ou des

points de

suspension sous la

forme ([...]) sont

affichs pour

signaler l'existence

de pages

supplmentaires.

Aucun onglet ni

aucun point n'est

affich

l'excution, mme

s'il est visible la

conception. Les

pages peuvent

tre changes

uniquement via le

code ou une

action.



UTILISATION D'ICONES PERSONNALISEES POUR LES ONGLETS

Vous pouvez utiliser des icnes personnalises ainsi que du texte personnalis

pour les pages d'onglets en procdant comme suit :

1. Placez un TabControl, dfinissez sa proprit d'alignement Align, et dotez-

le de plusieurs onglets :

2. Slectionnez un onglet puis le bouton points de suspension dans le champ

Bitmap [...] de la proprit CustomIcon du TTabItem dans l'inspecteur

d'objets :

3. Slectionnez Modifier... dans le menu droulant :

4. Dans l'diteur de bitmaps, cliquez sur le bouton Charger... puis

slectionnez un fichier PNG. La taille recommande est 30x30 pixels pour

une rsolution normale et 60x60 pixels pour une haute rsolution (vous

dfinirez l'icne BitmapHiRes lors de la prochaine tape) :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TTabControlhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TTabControl.Alignhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TTabItem.CustomIconhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objetshttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Inspecteur_d%27objets


5. Fermez l'diteur de bitmaps. Dans l'inspecteur d'objets, slectionnez

l'icne que vous voulez utiliser en haute rsolution dans le champ

BitmapHiRes de CustomIcon.

6. Slectionnez tabitemcustom pour la proprit StyleLookup dans

l'inspecteur d'objets.

7. Dans la proprit Text, changez le texte de l'onglet.

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TTabItem.CustomIcon


Les glyphes personnaliss utiliss dans ce tutoriel sont disponibles dans votre

rpertoire $(BDS)\Images\GlyFX.

Ds que vous avez dfini une icne personnalis, le framework FireMonkey

gnre une image slectionne et une image non slectionne (estompe)

partir du fichier .png spcifi. Cette transformation est effectue en utilisant le

canal alpha des donnes bitmap. Par exemple :

Image d'origine Image slectionne Image non

slectionne



DEFINITION DE CONTROLES DANS UN TABCONTROL

Comme nous l'avons vu, chaque page d'onglets peut contenir un nombre

quelconque de contrles, y compris un autre TabControl. Dans ce cas, vous

pouvez facilement grer et parcourir les diffrentes pages d'onglets dans la vue

Structure :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Vue_Structurehttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Fichier:WhiteSpace50.png


CHANGEMENT DE PAGE A L'EXECUTION

PAR L'INTERACTION DE L'UTILISATEUR EN TOUCHANT L'ONGLET

Si les onglets sont visibles (c'est--dire lorsque la proprit TabPosition est dfinie

sur toute valeur autre que tpNone), l'utilisateur final peut toucher les onglets

pour passer d'une page l'autre.

PAR LES ACTIONS ET UNE LISTE D'ACTIONS

Une action correspond un ou plusieurs lments de l'interface utilisateur,

comme les commandes de menu, les boutons de barre d'outils et les contrles.

Les actions ont deux fonctions :

Elles reprsentent les proprits communes aux lments de l'interface

utilisateur, par exemple si un contrle est activ ou si une case cocher

est slectionne.

Les actions rpondent quand un contrle est dclench, par exemple

quand l'utilisateur de l'application clique sur un bouton ou choisit un

lment de menu.

Voici les tapes suivre pour permettre un utilisateur de se dplacer de page

en page en cliquant sur un bouton :

1. Dans une application mobile FireMonkey, placez un TabControl et dotez-

le de quelques lments onglets (TabItem1, TabItem2 et TabItem3).

2. Depuis la Palette d'outils, ajoutez un TButton la fiche, puis un composant

ActionList :

http://docwiki.embarcadero.com/RADStudio/XE4/fr/Actions_FireMonkeyhttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TTabControlhttp://docwiki.embarcadero.com/RADStudio/XE4/fr/Palette_d%27outilshttp://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/Libraries/XE4/fr/System.Actions.TContainedAction.ActionList


3. Slectionnez le composant Bouton dans l'inspecteur d'objets, puis Action

| Nouvelle action standard | Onglet > TChangeTabAction dans le menu

droulant. Ds que l'utilisateur clique sur ce bouton, l'action que vous

venez de dfinir est ralise (changement de page donglet) :

http://docwiki.embarcadero.com/Libraries/XE4/fr/FMX.TabControl.TChangeTabAction


4. Slectionnez ChangeTabAction1 dans la vue Structure, puis slectionnez

TabItem2 pour la proprit Tab dans l'inspecteur d'objets. En liant

T

tutoriels ios : developpement …docs.embarcadero.com/products/rad_studio/radstudioxe4/ios...etape 2...

Documents