1 00:00:02,350 --> 00:00:07,180 Então, de volta ao nosso código, aqui na tela inicial do jogo, que é a primeira 2 00:00:07,370 --> 00:00:13,070 tela que vemos, já podíamos ver que nossos dois botões - redefinir e confirmar também não estavam tão bem 3 00:00:13,160 --> 00:00:14,980 posicionados em nosso contêiner de botões. 4 00:00:15,080 --> 00:00:21,650 Então, vamos dar uma olhada no estilo que criamos lá em baixo e o que podemos ver aqui 5 00:00:21,650 --> 00:00:24,790 é que atribuímos a largura de 100% 6 00:00:24,830 --> 00:00:28,380 no contêiner de botões, mas a que tamanho se refere? 7 00:00:28,400 --> 00:00:34,820 Bem, esse tamanho nesta exibição aqui, é claro, se dizemos 100%, no final se refere ao pai 8 00:00:34,820 --> 00:00:38,150 circundante que, neste caso, é este cartão, esse contêiner 9 00:00:38,150 --> 00:00:46,370 de entrada e nesse contêiner de entrada, na verdade definimos uma largura de 300 e que simplesmente é muito pequeno, combinado com 10 00:00:46,370 --> 00:00:52,640 nossos botões, que temos uma largura fixa de 100, temos essa aparência que não queremos, que, a 11 00:00:52,640 --> 00:00:58,570 propósito, podemos ver se mudamos alguma coisa para que nosso aplicativo seja reconstruído e, portanto, reiniciado; 12 00:00:58,590 --> 00:01:01,280 vemos a tela inicial novamente, eis a 13 00:01:01,340 --> 00:01:03,530 aparência que não queremos. 14 00:01:03,530 --> 00:01:06,210 Então, o que queremos aqui? 15 00:01:06,210 --> 00:01:13,500 Bem, talvez não desejemos a largura de 300 aqui, mas uma largura mais flexível. Estamos definindo uma largura máxima de 80%, o que 16 00:01:13,500 --> 00:01:22,020 poderíamos fazer aqui é que sempre podemos definir uma largura de, digamos, 80 ou 90% e simplesmente certifique-se de que isso sempre 17 00:01:23,790 --> 00:01:31,230 tenha uma largura mínima de 300, para que sempre tenhamos pelo menos esse número de pixels, caso tenhamos um 18 00:01:31,230 --> 00:01:36,180 pequeno dispositivo em que 80% seria menor que isso e que tenhamos pelo 19 00:01:36,180 --> 00:01:39,750 menos isso e agora isso pareceria melhor aqui. 20 00:01:39,750 --> 00:01:40,630 Por quê? 21 00:01:40,710 --> 00:01:43,520 Como agora temos 80% como padrão e 22 00:01:43,620 --> 00:01:46,070 antes disso, tínhamos como largura máxima. 23 00:01:46,650 --> 00:01:50,280 Portanto, agora, definindo-o como padrão, isso garante que esse não seja nosso limite, mas 24 00:01:50,280 --> 00:01:51,830 sim o tamanho padrão, mas 25 00:01:51,840 --> 00:01:57,030 também configuramos que queremos ter uma largura mínima de 300. Nesse dispositivo pequeno, essa largura mínima 26 00:01:57,060 --> 00:02:02,760 está substituindo a largura padrão porque 80% seria realmente menor que 300 27 00:02:02,760 --> 00:02:04,730 nesse dispositivo pequeno. 28 00:02:04,740 --> 00:02:10,200 Agora, é claro, você pode ter um dispositivo ainda menor, onde essa regra leva a um 29 00:02:10,200 --> 00:02:16,950 problema em que largura mínima de 300 significa basicamente que seu dispositivo é menor que isso, não é amplo o 30 00:02:16,950 --> 00:02:20,800 suficiente e, portanto, seu contêiner ultrapassaria os limites da nossa tela. 31 00:02:20,820 --> 00:02:26,070 Portanto, essa ainda pode não ser a regra perfeita, mas certamente é melhor como podemos ver aqui, 32 00:02:26,070 --> 00:02:30,900 porque na tela maior isso ainda fica bem aqui no iPhone, na tela menor, agora também 33 00:02:30,900 --> 00:02:31,800 parece bom. 34 00:02:31,800 --> 00:02:38,730 Agora, para garantir que nunca deixemos nossos limites, também podemos definir uma largura máxima e, digamos, 95%, para que 35 00:02:38,970 --> 00:02:42,920 tenhamos pelo menos um pouco de espaçamento em torno dela. 36 00:02:42,960 --> 00:02:50,340 Agora, garantimos que nosso contêiner nunca saia da nossa tela, mas ele tenta levar 80%, mas no caso de 37 00:02:50,670 --> 00:02:53,780 uma tela super pequena, serão necessários 300, 38 00:02:53,790 --> 00:02:57,840 mas novamente, nunca mais do que 95% da largura disponível. 39 00:02:58,440 --> 00:03:04,440 Portanto, agora simplesmente configuramos aqui regras mais flexíveis, que funcionam em uma gama mais ampla de dispositivos que, como você pode 40 00:03:04,500 --> 00:03:06,390 ver, são um pouco melhores aqui.