Created
March 12, 2015 10:52
-
-
Save Ezveus/719c277eb1f160dd7893 to your computer and use it in GitHub Desktop.
Android : Exemple d'utilisation du GridLayout (en lib de compatibilité)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<android.support.v7.widget.GridLayout xmlns:android="http://schemas.android.com/apk/res/android" | |
xmlns:app="http://schemas.android.com/apk/res-auto" | |
xmlns:tools="http://schemas.android.com/tools" | |
android:layout_width="fill_parent" | |
android:layout_height="fill_parent" | |
android:paddingLeft="@dimen/activity_horizontal_margin" | |
android:paddingRight="@dimen/activity_horizontal_margin" | |
android:paddingTop="@dimen/activity_vertical_margin" | |
android:paddingBottom="@dimen/activity_vertical_margin" | |
app:orientation="horizontal" | |
app:columnCount="4" | |
app:rowCount="5" | |
tools:context=".MainActivity"> | |
<!-- | |
Exemple d'utilisation du GridLayout (en lib de compatibilité) | |
1) Chaque attribut modifiant une propriété du layout voit son namespace remplacé : "android" devient "app" | |
2) layout_columnSpan et layout_rowSpan permettent de définir le nombre de colonnes/lignes sur lesquelles | |
s'étendent l'élément | |
3) layout_rowWeight et layout_columnWeight définissent les proportions d'espace vertical/horizontal alloués à | |
l'élément lors de la distribution de l'espace excédentaire | |
4) Pour obtenir une taille idéale d'élément, il faut définir layout_rowWeight et layout_columnWeight à | |
1/rowCount ou 1/columnCount | |
--> | |
<TextView | |
android:text="0,0" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnSpan="2" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="0,2" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="0,3" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="1,0" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_rowSpan="2" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="1,1" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="1,2" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="1,3" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="2,1" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="2,2" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="2,3" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="3,0" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="4,2" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_row="4" | |
app:layout_column="2" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
<TextView | |
android:text="4,3" | |
android:gravity="center" | |
android:textAlignment="center" | |
app:layout_columnWeight="0.25" | |
app:layout_rowWeight="0.2" | |
app:layout_gravity="fill"/> | |
</android.support.v7.widget.GridLayout> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment