1
00:00:02,350 --> 00:00:07,180
Donc, dans notre code, ici dans l'écran de démarrage du jeu qui est le premier écran que

2
00:00:07,370 --> 00:00:13,070
nous voyons, nous pouvions déjà voir que nos deux boutons - réinitialiser et confirmer n'étaient pas non plus positionnés aussi

3
00:00:13,160 --> 00:00:14,980
bien dans notre conteneur de boutons.

4
00:00:15,080 --> 00:00:21,650
Jetons donc un coup d'œil au style que nous avons mis en place là-bas et ce que nous pouvons voir ici,

5
00:00:21,650 --> 00:00:24,790
c'est que nous attribuons la largeur de 100% sur

6
00:00:24,830 --> 00:00:28,380
le conteneur de boutons, mais à quoi cette taille fait-elle référence?

7
00:00:28,400 --> 00:00:34,820
Eh bien, cette taille sur cette vue ici, bien sûr si nous disons 100%, se réfère finalement au parent environnant

8
00:00:34,820 --> 00:00:38,150
qui dans ce cas est cette carte, ce conteneur d'entrée

9
00:00:38,150 --> 00:00:46,370
et sur ce conteneur d'entrée, nous avons en fait défini une largeur de 300 et que est tout simplement trop petit, combiné avec nos boutons dont

10
00:00:46,370 --> 00:00:52,640
nous avons une largeur fixe de 100, nous obtenons ce look que nous ne voulons pas, que nous pouvons d'ailleurs

11
00:00:52,640 --> 00:00:58,570
voir si nous changeons quelque chose pour que notre application se reconstruit et redémarre donc, puis nous voyons

12
00:00:58,590 --> 00:01:01,280
à nouveau cet écran de démarrage, voici le

13
00:01:01,340 --> 00:01:03,530
look que nous ne voulons pas.

14
00:01:03,530 --> 00:01:06,210
Alors que voulons-nous ici?

15
00:01:06,210 --> 00:01:13,500
Eh bien peut-être que nous ne voulons pas la largeur de 300 ici, mais une largeur plus flexible. Nous définissons une largeur maximale de 80%, ce que nous

16
00:01:13,500 --> 00:01:22,020
pourrions faire ici, c'est que nous pourrions toujours définir une largeur de disons 80 ou 90% et nous assurer simplement que cela devrait toujours

17
00:01:23,790 --> 00:01:31,230
avoir une largeur minimale de 300, afin que nous ayons toujours au moins autant de pixels au cas où nous aurions

18
00:01:31,230 --> 00:01:36,180
un petit appareil où 80% serait inférieur à cela et que nous avons au

19
00:01:36,180 --> 00:01:39,750
moins ceci et maintenant cela serait mieux ici.

20
00:01:39,750 --> 00:01:40,630
Pourquoi?

21
00:01:40,710 --> 00:01:43,520
Parce que maintenant, nous avons 80% par défaut et

22
00:01:43,620 --> 00:01:46,070
avant cela, nous l'avions comme largeur maximale.

23
00:01:46,650 --> 00:01:50,280
Alors maintenant, en le définissant sur une valeur par défaut, cela garantit que ce n'est pas notre limite,

24
00:01:50,280 --> 00:01:51,830
mais plutôt notre taille par défaut, mais

25
00:01:51,840 --> 00:01:57,030
nous avons également configuré que nous voulons avoir une largeur minimale de 300. Sur ce petit appareil, cette largeur minimale

26
00:01:57,060 --> 00:02:02,760
l'emporte sur notre largeur par défaut car 80% serait en fait inférieur à 300

27
00:02:02,760 --> 00:02:04,730
sur ce petit appareil.

28
00:02:04,740 --> 00:02:10,200
Maintenant, bien sûr, vous pourriez avoir un appareil encore plus petit où cette règle conduit cependant à

29
00:02:10,200 --> 00:02:16,950
un problème où une largeur minimale de 300 signifie que votre appareil est plus petit que cela, il n'est pas assez large

30
00:02:16,950 --> 00:02:20,800
et par conséquent, votre conteneur dépasserait les limites de notre écran.

31
00:02:20,820 --> 00:02:26,070
Donc, ce n'est peut-être pas encore la règle parfaite, mais c'est certainement mieux comme nous pouvons le voir ici, car sur

32
00:02:26,070 --> 00:02:30,900
un écran plus grand, cela semble toujours bien ici sur l'iPhone, sur un écran plus petit, cela a maintenant

33
00:02:30,900 --> 00:02:31,800
aussi l'air bien.

34
00:02:31,800 --> 00:02:38,730
Maintenant, pour nous assurer que nous ne quittons jamais nos limites, nous pouvons également définir une largeur maximale et la définir

35
00:02:38,970 --> 00:02:42,920
à, disons, 95% afin d'avoir au moins un peu d'espacement autour.

36
00:02:42,960 --> 00:02:50,340
Maintenant, nous nous assurons que notre conteneur ne sortira jamais de notre écran, mais il essaie de prendre 80% mais dans le cas

37
00:02:50,670 --> 00:02:53,780
où nous avons un très petit écran, cela prendra

38
00:02:53,790 --> 00:02:57,840
300 mais encore une fois, jamais plus de 95% de la largeur disponible.

39
00:02:58,440 --> 00:03:04,440
Alors maintenant, nous avons simplement mis en place ici des règles plus flexibles qui fonctionnent sur une plus large gamme d'appareils qui, comme vous pouvez

40
00:03:04,500 --> 00:03:06,390
le voir, est un peu mieux ici.