Como Hacer una App Android adaptada a diferentes dispositivos

Como ajustar nuestra App creada con App Inventor para distintas Pantallas

Muchos de vosotros os preguntáis como adaptar las imágenes, botones etc, para que queden bien en distintos dispositivos con distintas pantallas, y otros que empezáis no sabéis que al terminar la app en algunos móviles se verá fatal.

La mejor solución es hacerlo por " Porcentajes".

Osea conociendo el ancho y largo de la pantalla adaptar los componentes por tanto por ciento.

Para ello os dejo un ejemplo.

Ejemplo del visualizador de componentes de App Inventor

Adaptar App a pantallas
Adaptar App a pantallas

Componentes agregados.

Adaptar App a distintas pantallas con App inventor
Adaptar App a distintas pantallas con App inventor

Editor de bloques.

Ajustar App creada con App Inventor para distintas pantallas.
Ajustar App creada con App Inventor para distintas pantallas.

De esta forma, aunque hay que dedicarle tiempo, saldrán nuestras Apps ajustadas.

Escribir comentario

Comentarios: 7
  • #1

    Eduardo Nuño (domingo, 19 octubre 2014 20:16)

    Hola,
    Bueno yo hize un tutorial con un tema parecido amigo, ojala le des una revisada, con este tutorial te evitas el mensaje de google play de que tu apk no esta diseñada para tablets, y espero lo compartas con tus seguidores...
    Para MIT app inventor 2
    www.youtube.com/watch?v=rRK2AdawnCk

    y si tienen ai2LiveComplete! es este otro..

    https://www.youtube.com/watch?v=uM2GbyfvduE

    graciasssss

  • #2

    Luis ivan (jueves, 13 noviembre 2014 17:55)

    hola no se si me puedas ayudar quiero hacer una app tipo atlas de especies, y como lo venia haciendo es: en la pantalla principal estan botones de las familias cada boton te llevaba a otra screen pero solo puedes crear 10 screen, con esta idea mas o menos necesitaria algo asi como 100 screens, hay una forma de hacerlo y que solo te haga visible en otra screen digamos un verticalarrangement ojala me puedas ayudar mi correo es hdfnrs09@mail.com

  • #3

    Yavi Borya (viernes, 06 febrero 2015 18:27)

    que versión es?

  • #4

    Hacer App (martes, 24 febrero 2015 09:21)

    También se puede hacer App en la plataforma TuAppStory.com sin saber programar.

  • #5

    martin (miércoles, 28 octubre 2015 02:05)

    Gracias por el tutorial, una pregunta en que version de Android se crea la APP.?TuAppStory.com es paga, brinda solo 30 dias gratis despues hay que pagar.

  • #6

    Jose Martínez (sábado, 07 mayo 2016 12:05)

    Hola. Mi problema surge con los tamaños de letra de las etiquetas o de los campos de texto. Appinventor solo te deja ponerlas en pixels, por lo que si lo ves en una tablet, proporcionalmente se va a ver mucho más pequeña.
    No sé si se puede detectar de alguna forma el ancho del dispositivo con el que se esta viendo y en función de eso hacer un condicional para mostrar la letra de un tamaño o de otro. No sé si me explico...
    Si se te ocurre como arreglarlo te lo agradecería: tecnocaxado@gmail.com
    Gracias!

  • #7

    Alfredo (lunes, 09 mayo 2016 13:33)

    Haber,me estoy volviendo loco,estoy haciendo una app que enlacen con videos de youtube y que se oigan y se vean y precisamente ese es el problema,que habre youtube carga los videos se oyen pero no se ven,si alguien pudiera ayudarme estaria agradecido,ya lo he probado todo,poner navegador web,reproductor de video,configurar con los parametros que dan en google,el srenn vamos el sinbolo del rayo y no hay manera.