User manual

1
8
La fenêtre est partagée en plusieurs zones. À gauche vous voyez
dans la zone
P
alette les éléments graphiques disponibles pour
votre appli. À côté vous voyez dans Vi
e
w
e
r l’interface de l’a
pp
li.
Dans
C
om
p
onents vous visualisez les com
p
osants utilisés dans
votre a
pp
li et dans Pro
p
ertie
s
les
p
ro
p
riétés des com
p
osants en
cours de sélection.
Maintenant
f
aites
g
lisser un marqua
g
e sous la
f
orme d’une éti-
quette dans la
f
enêtre. Ajustez le marquage en plaçant Wi
dt
h
su
r
Fill parent
et
t
TextAlignment
su
r
t
ce
n
te
r:
I
M
a
in
te
n
a
n
t
l
e
marqua
g
e est centré horizontalement. Ensuite modifi ez la taille
de police dans F
o
n
tS
iz
e
30
et placez le texte (champ: T
e
x
t
)
sur
Ma première appl
i
.
Maintenant,
l
’a
ppl
ication
d
oit
ê
tre
é
ten
d
ue
à
une interaction.
Pour ce
f
aire, ajoutez un bouton dans la
f
enêtre
C
om
p
onent
s
et
m
od
i
fi
e
r vi
a
P
ro
p
ert
i
esla légende dans
Touc
h m
e
.
Nota
mm
e
n
t
ajoutez une étiquette avec l’inscription
Status
: n
ot
touc
h
ed
.
AI2 a deux a
ffi
chages pour une appli: l’a
ffi
chage pour la conception de l’inter
f
ace, que l’on appelle desi
-
gner (onglet
D
es
i
gne
r
), et l’affi chage pour la programmation dans la langue du bloc (onglet B
l
oc
ks
). On
voit ces
d
eux ong
l
ets
d
ans
l
a zone sup
é
rieure
d
e
l
’environnement
d
e
dé
ve
l
oppement
.
Apr
è
s avoir c
l
iqu
é
sur
Bl
oc
k
s
l
’a
ffi
chage de la langue de programmation des blocs s’ouvre. Sélectionnez
maintenant
à
l
’int
é
rieur
d
e
l
a zone B
l
oc
ks
l
es composants
B
utton
1
, et vous voyez
dé
j
à
l
es
é
v
é
nements
d
isponi
bl
es auxque
l
s vous pouvez r
é
pon
d
re
d
ans
l
’app
l
i.
Procédez aux modi
fi
cations d’un composant dans la
f
enêtre
P
ropert
i
es. L’a
ffi
chage dans
Viewer est modi
fi
é immédiatement.
Vous accédez aux deux affi chages de l’environnement de développement par les onglets
D
es
ig
ner
et
B
l
oc
k
s
.
Interface de l’a
pp
li avec les trois com
p
osant
s
15007-3 Conrad Adventskalender Internet of Things 2017_fr.indd 1815007-3 Conrad Adventskalender Internet of Things 2017_fr.indd 18 13.08.2017 16:58:2013.08.2017 16:58:20