¡Tu carrito está actualmente vacío!
Responsividad y alineación de controles en Apphive.
La responsividad es un aspecto importante actualmente para entregar una experiencia de usuario agradable, así que, si estás trabajando en el desarrollo de una app, ¡llegaste al lugar correcto!
Además, veremos cómo se maneja la responsividad en Apphive, alinearemos los contenedores y botones para comenzar a dar forma a una aplicación útil y atractiva para tus usuarios.
¿Qué es responsividad?
Es la adaptación de contenidos de un sitio a las distintas interfaces y tamaños de los diferentes dispositivos, como smarthpones, tablets o computadoras, etc.
En primer lugar, necesitas abrir un proyecto o comenzar uno nuevo, visita nuestro blog sobre cómo crear tu primer proyecto en Apphive.
Como siguiente punto, se necesita abrir Apphive en el teléfono para poder abrir el mismo proyecto e ir visualizando los cambios que se irán haciendo en tiempo real.
Si aun no tienes algún proyecto, Apphive te proporciona plantillas para comenzar a desarrollar una nueva app, como se ve en la imagen.
Ya que esté abierta alguna ventana, del lado izquierdo, dando clic en “controles” se despliega un panel para ir nombrando los elementos. Es importante darle nombre a cada uno para poder identificarlos y no generar confusiones.
En esta parte comenzaremos a elegir un color a la ventana, y podremos visualizar el progreso de mejor manera en el teléfono vinculado con Apphive.
En este punto, al ya tener un lienzo, procedemos a agregar contenedores arrastrándolos desde el botón “containers”, del lado derecho.
Automáticamente se abrirá una pestaña del lado derecho, en esta parte se selecciona el apartado “dimensiones” para ajustar el tamaño del elemento que se acaba de agregar al lienzo.
En esta misma pestaña también se encuentran otros apartados que sirven para darle forma y color al contenedor en el que se está trabajando.
Al ya haber integrado algunos contenedores, se pueden agregar otro tipo de elementos al lienzo, como lo son campos, texto, botones, etc.
Es importante mencionar que, las dimensiones de cada elemento que conforman la app se van a adaptar al tamaño de la interfaz del dispositivo desde el cual el usuario esté accediendo, siempre respetando las proporciones y desde cualquier dispositivo, así sea un smarthphone, tablet o computadora.
Alineación de controles
Una vez ya asignado el nombre al botón, lo seleccionaremos y para alinearlo, se hace clic en la parte superior para elegir la posición a la que se desea mover.
Cuando se alinean los controles dentro de un contenedor padre, los demás controles se ven afectados al movimiento anteriormente seleccionado.
Alineación en un eje Y
Esta es otra manera de alinear los controles, existiendo algunas formas que podemos encontrar dando clic en la parte inferior izquierda, como se muestra en la siguiente imagen.
Te recomendamos visualizar estas alineaciones en el teléfono vinculado con Apphive para poder tener una mejor apreciación del diseño que se realiza a cada paso.
Alineación por espacios
Se pueden alinear los controles haciendo uso de la propiedad “space between”, donde los elementos pueden alinearse al límite del contenedor, dejando así un espacio simétrico entre cada control.
Apphive también permite alinear los controles con la propiedad “space around”, dejando un ligero espacio entre los límites del contenedor padre y sus controles.
Como pudimos ver, el tema de las dimensiones y responsividad dentro de Apphive no representa saber cuestiones demasiado técnicas, ya que de una manera muy sencilla se pueden acomodar los elementos para así crear la app ideal de tu marca, producto o servicio.
Recuerda que en DevITM te proporcionamos diferentes soluciones digitales para potencializar tu negocio.
Escrito por:
Cesar Rosas
Posts relacionados
agosto 17, 2021
Cómo crear un Inicio de Sesión con Apphive
Para comenzar a crear el Inicio de Sesión con Apphive, primero debemos de hacer el diseño de la Interfaz y agregar los campos necesarios para el Logueo. Los principales datos…
0 Comentarios