Diseñando la interfaz

 Para empezar agregamos un label arrastrándolo de la barra de objetos a la interfaz, lo posicionamos, también se cambiara el tamaño y el texto que contiene, lo mismo se hará con los demás elementos incluyendo el botón y la caja de texto. Su aspecto se vera bien, pero solo en ese dispositivo, para cambiar eso se usara las restricciones, para eso iniciamos con la alineación con el botón "add new alignment constraint", cambiamos su posición horizontal, agregamos restricciones arriba, en los dos lados y agregamos el aspecto "aspect radio", tiene que quedar todo de color azul y no rojo, lo mismo se hace con los demás elementos, cambiando algunos valores y quitamos algunas cosas dependiendo del aspecto deseado.

En la parte superior derecha hay tres botones, el primero oculta/muestra la barra izquierda, el segundo oculta/muestra la consola y el tercero oculta/muestra los elementos a utilizar, otro botón conformado por dos circulos el cual muestra el código de nuestro diseño , para pasar nuestros elementos pulsamos ctrl y arrastramos nuestros elementos con el botón derecho del mouse hacia el código, pedirá elegir un nombre para cada elemento y aparecerá en el código, en el caso del botón es lo mismo pero cuidando que sea del tipo "action".