Détails

Écrit par Severin Mbekou

Catégorie : Layouts

Affichages : 19

Dans le développement Android, il est généralement préférable de définir l'interface utilisateur avec XML et le code de l'application en Java, en conservant le code de l'interface utilisateur distinct du code de l'application. Il y a des moments où il est beaucoup plus facile ou plus efficace de modifier (ou même de construire) l'interface utilisateur à partir du code Java. Heureusement, cela est facilement pris en charge dans Android.
Nous avons vu un petit exemple de modification de la disposition du code dans la recette précédente, où nous avons défini le nombre de colonnes GridView à afficher dans le code. Dans cette recette, nous allons obtenir une référence à l'objet LayoutParams pour modifier la marge pendant l'exécution.

Se préparer
Ici, nous allons configurer une mise en page simple avec XML et utiliser un objet LinearLayout.LayoutParams pour modifier les marges d'une vue pendant l'exécution.

Comment faire....
1. Ouvrez le fichier activity_main.xml et modifiez la disposition de RelativeLayout à LinearLayout. Cela ressemblera à ceci:
http://schemas.android.com/apk/res/ android" "><LinearLayout xmlns: android = "http://schemas.android.com/apk/res/ android"
http://schemas.android.com/tools" ">xmlns: tools = "http://schemas.android.com/tools"
android: layout_width = "match_parent"
android: layout_height = "match_parent">
</ LinearLayout>
2. Ajoutez un TextView et incluez un ID comme suit:
android: id = "@ + id / textView"
3. Ajouter un bouton et inclure un ID comme suit:
android: id = "@ + id / bouton"
4. Ouvrez MainActivity.java et ajoutez le code suivant à la méthode onCreate () pour configurer un écouteur d'événement onClick:
Bouton bouton = (Bouton) findViewByld (R.id.button); button.setOnClickListener (new View.OnClickListener () {
@Passer outre
public void onClick (Voir la vue) {
((TextView) findViewById (
R.id.textView)). SetText ("Changé à l'exécution!"); LinearLayout.LayoutParams params = (LinearLayout.
LayoutParams) view.getLayoutParams (); params.leftMargin + = 5;
5. Exécutez le programme sur un périphérique ou un émulateur.

Comment ça marche...
Chaque vue (et donc ViewGroup) est associée à un ensemble de paramètres de disposition. En particulier, toutes les vues ont des paramètres pour informer leur parent de la hauteur et de la largeur désirées. Ceux-ci sont définis avec les paramètres layout_height et layout_width. Nous pouvons accéder à ces informations de disposition à partir du code avec la méthode getLayoutParams (). Les informations de disposition comprennent la hauteur, la largeur, les marges et tous les paramètres spécifiques à la classe.
Dans cet exemple, nous avons déplacé le bouton à chaque clic en obtenant le bouton LayoutParams et en changeant la marge.

Détails

Écrit par Severin Mbekou

Catégorie : Layouts

Affichages : 19

Lorsque vous devez créer une table dans votre interface utilisateur, Android propose deux options de mise en page pratiques: TableLayout (avec TableRow) et GridLayout (ajoutées dans l'API 14). Les deux options de disposition peuvent créer des tableaux similaires, mais chacun utilisant une approche différente. Avec TableLayout, les lignes et les colonnes sont ajoutées dynamiquement lorsque vous générez la table. Avec GridLayout, les tailles de ligne et de colonne sont définies dans la définition de la mise en page.

Détails

Écrit par Severin Mbekou

Catégorie : Layouts

Affichages : 64

Détails

Écrit par Severin Mbekou

Catégorie : Layouts

Affichages : 70

Une autre option de mise en page courante est LinearLayout, qui organise les vues enfant dans une seule colonne ou une seule rangée, en fonction de l'orientation spécifiée. L'orientation par défaut (si elle n'est pas spécifiée) est verticale, ce qui aligne les vues dans une seule colonne.
LinearLayout possède une fonctionnalité clé non proposée dans RelativeLayout: l'attribut weight. Nous pouvons spécifier un paramètre layout_weight lors de la définition d'une vue pour autoriser la taille dynamique de la vue en fonction de l'espace disponible. Les options incluent une vue remplissant tout l'espace restant (si une vue a un poids plus élevé), ayant plusieurs vues dans l'espace donné (si tous ont le même poids), ou espaçant proportionnellement les vues par leur poids.
Nous allons créer un LinearLayout avec trois vues EditText pour montrer comment l'attribut weight peut être utilisé. Pour cet exemple, nous allons utiliser trois vues EditText: une pour entrer un paramètre d'adresse, une autre pour entrer un sujet et la troisième pour entrer un message.
Les vues À et Sujet seront chacune une ligne, l'espace restant étant donné à la vue des messages.

Se préparer
Créez un nouveau projet et appelez-le LinearLayout. Nous allons remplacer le défaut
RelativeLayout créé dans activity_main.xml avec un LinearLayout.

Comment faire...
1. Ouvrez le fichier res / layout / activity_main.xml et remplacez-le comme suit:

2. Exécutez le code ou affichez la disposition dans l'onglet Conception.

<LinearLayout 
xmlns: android = "http://schemas.android.com/apk/res/android"
android: orientation = "verticale"
android: layout_width = "match_parent"
android: layout_height = "match_parent">
 
<EditText
android: id = "@+id/editTextTo" 
android: layout_width = "match_parent" 
android: layout_height = "wrap_content" 
android: hint = "À" />
 
<EditText
android: id = "@+id/editTextSubject" 
android: layout_width = "match_parent" 
android: layout_height = "wrap_content" 
android: hint = "Sujet" />
 
<EditText
android: id = "@+id/editTextMessage"
android: layout_width = "match_parent"
android: layout_height = "0dp"
android: layout_weight = "1"
Android: gravité = "top"
android: hint = "Message" />
</ LinearLayout>

<LinearLayout 
xmlns: android = "http://schemas.android.com/apk/res/android"
android: orientation = "verticale"
android: layout_width = "match_parent"
android: layout_height = "match_parent">

<EditText
android: id = "@+id/editTextTo" 
android: layout_width = "match_parent" 
android: layout_height = "wrap_content" 
android: hint = "À" />

<EditText
android: id = "@+id/editTextSubject" 
android: layout_width = "match_parent" 
android: layout_height = "wrap_content" 
android: hint = "Sujet" />

<EditText
android: id = "@+id/editTextMessage"
android: layout_width = "match_parent"
android: layout_height = "0dp"
android: layout_weight = "1"
Android: gravité = "top"
android: hint = "Message" />
</ LinearLayout>

Comment ça marche...
Lorsque vous utilisez l'orientation verticale avec LinearLayout, les vues enfants sont créées dans une seule colonne (empilées les unes sur les autres). Les deux premières vues utilisent l'attribut android: layout_haut = "wrap_content", en leur donnant une seule ligne chacune. editTextMessage utilise les éléments suivants pour spécifier la hauteur:
android: layout_height = "0dp"
android: layout_weight = "1"
Lorsque vous utilisez le LinearLayout, il indique à Android de calculer la hauteur en fonction du poids. Un poids de 0 (valeur par défaut si non spécifié) indique que la vue ne doit pas être développée. Dans cet exemple, editTextMessage est la seule vue définie avec un poids. Elle sera donc développée seule pour remplir tout espace restant dans la disposition parente.
Lorsque vous utilisez l'orientation horizontale, spécifiez android: layout_haut = "0dp" (avec le poids) pour qu'Android calcule la largeur.
Il peut être utile de penser à l'attribut weight en pourcentage. Dans ce cas, le poids total défini est 1, donc cette vue obtient 100% de l'espace restant. Si nous attribuons un poids de 1 à une autre vue, le total sera de 2, donc cette vue obtiendrait 50% de l'espace. Essayez d'ajouter un poids à l'une des autres vues (assurez-vous de changer la hauteur à 0dp ainsi) pour le voir en action.
Si vous avez ajouté un poids à l'une (ou aux deux) des autres vues, avez-vous remarqué la position du texte? Sans spécifier de valeur pour la gravité, le texte reste simplement au centre de l'espace de vue. Le paramètre editTextMessage spécifie: android: gravity = "top", qui force le texte en haut de la vue.

Il y a plus...
Les options d'attributs multiples peuvent être combinées au moyen d'un OU au niveau du bit. (Java utilise le caractère de tuyau (|) pour OU). Par exemple, nous pourrions combiner deux options de gravité à la fois pour aligner le haut du parent et le centre dans l'espace disponible:
android: layout_gravity = "haut | centre"
Il est à noter que les balises layout_gravity et gravity ne sont pas la même chose. Lorsque layout_gravity dicte l'emplacement d'une vue dans son parent, la gravité contrôle le positionnement du contenu dans une vue, par exemple, l'alignement du texte sur un bouton.
Voir également
► La recette précédente, Utilisation du RelativeLayout