1 00:00:02,350 --> 00:00:07,180 Entonces, de vuelta en nuestro código, aquí en la pantalla de inicio del juego, que es 2 00:00:07,370 --> 00:00:13,070 la primera pantalla que vemos, ya pudimos ver que nuestros dos botones: restablecer y confirmar tampoco estaban ubicados tan 3 00:00:13,160 --> 00:00:14,980 bien en nuestro contenedor de botones. 4 00:00:15,080 --> 00:00:21,650 Así que echemos un vistazo al estilo que configuramos allí y lo que podemos ver aquí es que 5 00:00:21,650 --> 00:00:24,790 asignamos el ancho del 100% en el 6 00:00:24,830 --> 00:00:28,380 contenedor del botón, pero ¿a qué se refiere este tamaño? 7 00:00:28,400 --> 00:00:34,820 Bueno, este tamaño en esta vista aquí, por supuesto, si decimos 100%, al final se refiere al padre que 8 00:00:34,820 --> 00:00:38,150 lo rodea, que en este caso es esta tarjeta, este 9 00:00:38,150 --> 00:00:46,370 contenedor de entrada y en este contenedor de entrada, en realidad establecemos un ancho de 300 y que simplemente es demasiado pequeño, combinado con 10 00:00:46,370 --> 00:00:52,640 nuestros botones que tenemos un ancho fijo de 100, obtenemos este aspecto que no queremos, que por cierto podemos 11 00:00:52,640 --> 00:00:58,570 ver si cambiamos algo para que nuestra aplicación se reconstruya y, por lo tanto, se reinicie, luego 12 00:00:58,590 --> 00:01:01,280 vemos esa pantalla de inicio nuevamente, aquí está 13 00:01:01,340 --> 00:01:03,530 el aspecto que no queremos. 14 00:01:03,530 --> 00:01:06,210 Entonces, ¿qué queremos aquí? 15 00:01:06,210 --> 00:01:13,500 Bueno, tal vez no queremos el ancho de 300 aquí, sino un ancho más flexible. Estamos estableciendo un ancho máximo del 80%, lo que podríamos 16 00:01:13,500 --> 00:01:22,020 hacer aquí es que siempre podríamos establecer un ancho de digamos 80 o 90% y simplemente asegurarnos de que esto siempre tenga un 17 00:01:23,790 --> 00:01:31,230 ancho mínimo de 300, para que siempre tengamos al menos esta cantidad de píxeles en caso de que tengamos un 18 00:01:31,230 --> 00:01:36,180 dispositivo pequeño donde el 80% sería menor que eso y que tengamos al menos 19 00:01:36,180 --> 00:01:39,750 esto y ahora esto se vería mejor aquí. 20 00:01:39,750 --> 00:01:40,630 ¿Por qué? 21 00:01:40,710 --> 00:01:43,520 Porque ahora tenemos el 80% por defecto y antes 22 00:01:43,620 --> 00:01:46,070 de eso, lo teníamos como ancho máximo. 23 00:01:46,650 --> 00:01:50,280 Entonces, al configurarlo por defecto, esto garantiza que este no sea nuestro límite, sino que 24 00:01:50,280 --> 00:01:51,830 es nuestro tamaño predeterminado, pero 25 00:01:51,840 --> 00:01:57,030 también configuramos que queremos tener un ancho mínimo de 300. En este pequeño dispositivo, este ancho 26 00:01:57,060 --> 00:02:02,760 mínimo anula nuestro ancho predeterminado porque el 80% en realidad sería menos de 300 27 00:02:02,760 --> 00:02:04,730 en este pequeño dispositivo. 28 00:02:04,740 --> 00:02:10,200 Ahora, por supuesto, podría tener un dispositivo aún más pequeño donde esta regla sin embargo conduce a un problema 29 00:02:10,200 --> 00:02:16,950 donde el ancho mínimo de 300 básicamente significa que su dispositivo es más pequeño que eso, no es lo suficientemente ancho y, por lo 30 00:02:16,950 --> 00:02:20,800 tanto, su contenedor iría más allá de los límites de nuestro pantalla. 31 00:02:20,820 --> 00:02:26,070 Entonces, esta podría no ser la regla perfecta, pero ciertamente es mejor, como podemos ver aquí, porque en la pantalla 32 00:02:26,070 --> 00:02:30,900 más grande, esto todavía se ve bien aquí en el iPhone, en la pantalla más pequeña, ahora también 33 00:02:30,900 --> 00:02:31,800 se ve bien. 34 00:02:31,800 --> 00:02:38,730 Ahora, para asegurarnos de que nunca abandonemos nuestros límites, también podemos establecer un ancho máximo y establecerlo en un 95% 35 00:02:38,970 --> 00:02:42,920 para que tengamos al menos un poco de espacio alrededor. 36 00:02:42,960 --> 00:02:50,340 Ahora nos aseguramos de que nuestro contenedor nunca salga de nuestra pantalla, pero trata de ocupar el 80%, pero en 37 00:02:50,670 --> 00:02:53,780 caso de que tengamos una pantalla súper pequeña, 38 00:02:53,790 --> 00:02:57,840 tomará 300 pero, nuevamente, nunca más del 95% del ancho disponible. 39 00:02:58,440 --> 00:03:04,440 Así que ahora simplemente establecemos reglas más flexibles aquí que funcionan en una gama más amplia de dispositivos que, como pueden 40 00:03:04,500 --> 00:03:06,390 ver, es un poco mejor aquí.