Comment ajuster la mise en page lorsque le clavier virtuel apparaît

Question

Je voudrais ajuster/redimensionner la mise en page lorsque le clavier virtuel est activé, comme ci-dessous :

Avant et Après :

---

J'ai trouvé quelques ressources sur SO :

1. Comment garder tous les champs et textes visibles lorsque le clavier virtuel est affiché
2. le clavier virtuel Android perturbe la mise en page lorsqu'il apparaît
3. Ajuster la mise en page lorsque le clavier virtuel est affiché

---

Mais les questions et réponses sont plutôt ambiguës, voici la question avec une image plus claire de ce que je veux.

Exigences :

• Il doit fonctionner sur les téléphones de toutes tailles d'écran.
• J'ai remarqué que l'espace de marge/remplissage autour de "FACEBOOK" et "Inscrivez-vous sur Facebook" a changé avant et après.
• Aucune vue défilante n'est impliquée.

Answer 1

Ajoutez simplement

android:windowSoftInputMode="adjustResize"

dans votre AndroidManifest.xml où vous déclarez cette activité particulière et cela ajustera l'option de redimensionnement de la mise en page.

un peu de code source ci-dessous pour la conception de la mise en page

Answer 2

Cette question a été posée il y a quelques années et "Secret Andro Geni" a une bonne explication de base et "tir38" a également fait une bonne tentative de solution complète, mais hélas, aucune solution complète n'a été publiée ici. J'ai passé quelques heures à comprendre les choses et voici ma solution complète avec une explication détaillée en bas :

Et dans AndroidManifest.xml, n'oubliez pas de définir :

android:windowSoftInputMode="adjustResize"

sur l'attribut qui correspond à ce type de mise en page.

Pensées :

J'ai réalisé que les RelativeLayout sont les mises en page qui s'étendent sur tout l'espace disponible et sont ensuite redimensionnées lorsque le clavier apparaît.

Et les LinearLayout sont des mises en page qui ne sont pas redimensionnées lors du processus de redimensionnement.

C'est pourquoi vous devez avoir 1 RelativeLayout immédiatement après ScrollView pour couvrir tout l'espace d'écran disponible. Et vous devez avoir un LinearLayout à l'intérieur d'un RelativeLayout sinon vos éléments à l'intérieur seraient écrasés lors du redimensionnement. Un bon exemple est "headerLayout". S'il n'y avait pas de LinearLayout à l'intérieur de ce RelativeLayout, le texte "facebook" serait écrasé et ne s'afficherait pas.

Dans les images de connexion "facebook" postées dans la question, j'ai également remarqué que toute la partie de connexion (mainLayout) est centrée verticalement par rapport à l'écran, d'où l'attribut :

android:layout_centerVertical="true"

sur la mise en page LinearLayout. Et parce que mainLayout est à l'intérieur d'un LinearLayout, cela signifie que cette partie ne se redimensionne pas (voir à nouveau l'image dans la question).

Answer 3

Ajoutez cette ligne dans votre Manifest là où votre Activity est appelée

android:windowSoftInputMode="adjustPan|adjustResize"

ou

vous pouvez ajouter cette ligne dans votre onCreate

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_VISIBLE|WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);

Answer 4

Cela peut fonctionner pour tous types de mises en page.

1. ajoutez ceci à votre balise activity dans AndroidManifest.xml

android:windowSoftInputMode="adjustResize"

par exemple:

2. ajoutez ceci à votre balise layout dans activitypage.xml qui changera sa position.

android:fitsSystemWindows="true"

et

android:layout_alignParentBottom="true"

par exemple:

Answer 5

Le développeur Android a la bonne réponse, mais le code source fourni est assez verbeux et n'implémente pas réellement le schéma décrit dans le diagramme.

Voici un meilleur modèle:

C'est à vous de décider quelles vues vous utilisez pour les parties "défilement" et "pied de page". Sachez également que vous devrez probablement définir le fillViewPort des ScrollView.