Clavier Affiche la position des éléments dérangés

J'ai un jeu qui nécessite l'entrée du clavier tactile du mobile. Son affichage a un problème, chaque fois que le clavier apparaît à la mise au point de la saisie de texte, tous mes éléments, quelle position: absolu, tout est désordonné.

Existe-t-il un plugin qui permet au clavier mobile de s'afficher de façon à ce que je retrouve tous les éléments OU je dois modifier le css pour créer les éléments afin de ne pas gâcher quand le clavier apparaît?

  • Enregistrez un périphérique sur GCM chaque fois que le démarrage de l'application est la bonne approche?
  • Installation de PhoneGap, erreur d'exécution de la commande 'ant'
  • Différence entre Phonegap et Sencha Touch
  • Android - Activation du verrouillage de la clé du système (aka lock screen)
  • Bouton pour afficher le clavier virtuel?
  • La page Web peut-elle être au courant du clavier virtuel Android
  • Comment mettre en œuvre cela?

    C'est l'un des éléments css:

    #mixer{ position: absolute; bottom:29%; left:25%; width: 234px; height: 210px; background: transparent url(img/mixer.png) 0 50px no-repeat; } 

    Entrez la description de l'image ici

    Remarque: J'utilise Jquery mobile, phonegap sur l'environnement Android.

  • Message "_Problem Loading Widget"
  • ClassCastException android.widget.FrameLayout $ LayoutParams à android.support.v4.widget.DrawerLayout $ LayoutParams
  • Obtenir une activité du contexte dans Android
  • Défilement du texte au-dessus des boutons, des boutons fixés au bas
  • Utilisation d'animations Android L pour basculer entre les activités
  • Boutons inférieurs à l'affichage en expansion
  • 5 Solutions collect form web for “Clavier Affiche la position des éléments dérangés”

    Dans votre AndroidManifest.xml, ajoutez la ligne suivante sous l'activité avec le clavier:

    android:windowSoftInputMode="adjustNothing"

    Je pense que votre problème est que votre attribut Bottom est défini dans "dans ce cas" 29%. Vous voudrez peut-être le définir comme absolu avec TOP au lieu de bas.

    De cette façon, il sera poussé du haut au lieu de regarder le bas, dans ce cas, le clavier.

    Donc vous le voulez à 29% du fond, 100 – 29 = 71 Retirez le fond 29% et changez-le au sommet 71%.

    Écoutez pour le show / hide les événements de Softkeyboard. Cette réponse sur SO a un exemple de code:

    Écouteur de l'événement Softkeyboard dans Android

    Lorsque le Softkeyboard est dans l'état affiché, utilisez un CSS séparé sur le clavier pour votre jeu. Lorsque le Softkeyboard est caché, revenez au CSS précédent 'clavier-est-fermé'.

    Cette précédente Q & A sur SO traite d'une situation similaire:

    Problème de mise en page de l'application Phonegap avec un clavier doux dans Android 2.3.6 et dans l'iPhone 5.0

    J'ai rencontré cela sur une application iPad plutôt que sur Android, mais ça ressemble à la même chose.

    JQuery mobile définit la hauteur de la page avec javascript lorsque la taille change – tout aligné au bas de la page est déplacé vers le haut dans le html, en même temps que le système d'exploitation défile toute la vue pour garder visible la position précédente de l'entrée.

    J'ai réparé le problème avec certains css qui font que le navigateur ignore le réglage en hauteur. Cela rend les changements d'orientation beaucoup plus lisse.

     .ui-mobile, .ui-mobile .ui-page { min-height: 100% !important; } 

    Découvrez ces liens –

    http://android-developers.blogspot.in/2009/04/updating-applications-for-on-screen.html

    http://developer.android.com/reference/android/R.attr.html#windowSoftInputMode

    Essayez d'ajouter le paramètre android: windowSoftInputMode = "adjustResize" à votre balise d'activité.

    J'espère que cela aide.

    coAndroid est un fan Android de Google, tout sur les téléphones Android, Android Wear, Android Dev et Android Games Apps.