web-dev-qa-db-fra.com

Comment supporter `layout_columnWeight` et` layout_rowWeight` dans la pré API 21?

J'utilise la disposition de grille ci-dessous avec layout_columnWeight et layout_rowWeight pour centraliser ma vue dans la cellule de la grille.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:tools="http://schemas.Android.com/tools"
Android:id="@+id/activity_main"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
>

<GridLayout
    Android:id="@+id/container_grid"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:columnCount="2"
    Android:rowCount="3"
    Android:orientation="horizontal">

    <View
        Android:id="@+id/view_red"
        Android:layout_height="100dp"
        Android:layout_width="100dp"
        Android:layout_columnWeight="1"
        Android:layout_rowWeight="1"
        Android:layout_gravity="center"
        Android:background="#ff0000"
        Android:layout_row="0"
        Android:layout_column="0" />

    <View
        Android:id="@+id/view_green"
        Android:layout_height="100dp"
        Android:layout_width="100dp"
        Android:layout_columnWeight="1"
        Android:layout_rowWeight="1"
        Android:layout_gravity="center"
        Android:background="#00ff00"
        Android:layout_row="0"
        Android:layout_column="0" />

    <View
        Android:id="@+id/view_blue"
        Android:layout_height="100dp"
        Android:layout_width="100dp"
        Android:layout_columnWeight="1"
        Android:layout_rowWeight="1"
        Android:layout_gravity="center"
        Android:background="#0000ff"
        Android:layout_row="0"
        Android:layout_column="0" />
    </GridLayout>
</RelativeLayout>

Mais ils sont pour v21 et au-dessus seulement. Comment prendre en charge les fonctions layout_columnWeight et layout_rowWeight dans pré API 21?

13
Elye

la version de GridLayout dans la bibliothèque de support est rétro-compatible et supporte les poids tels que mentionnés ici:

https://developer.Android.com/reference/Android/support/v7/widget/GridLayout.html

vous devez donc simplement ajouter compile 'com.Android.support:gridlayout-v7:23.1.1' à votre fichier build.gradle et utiliser à la place le support gridlayout;)

utilisez-le comme ci-dessous (Android.support.v7.widget.GridLayout) dans votre fichier XML de mise en page:

<Android.support.v7.widget.GridLayout
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    Android:id="@+id/container_grid"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    app:columnCount="2"
    app:rowCount="3"
    app:orientation="horizontal">

    <View
        Android:id="@+id/view_red"
        Android:layout_height="100dp"
        Android:layout_width="100dp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1"
        app:layout_gravity="center"
        Android:background="#ff0000"
        app:layout_row="0"
        app:layout_column="0" />
</Android.support.v7.widget.GridLayout>
19
Amir Ziarati

Pour les débutants comme moi @Amir Ziarati répond: Vous devez ajouter cette ligne dans votre build.gradle (Module: app)

implementation 'com.Android.support:gridlayout-v7:26.1.0'

Comme ça

dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation 'com.Android.support:appcompat-v7:26.1.0'
implementation 'com.Android.support.constraint:constraint-layout:1.0.2'
implementation 'com.Android.support:gridlayout-v7:26.1.0'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'com.Android.support.test:runner:1.0.1'
androidTestImplementation 'com.Android.support.test.espresso:espresso-core:3.0.1' 
}

Et puis utiliser 

<Android.support.v7.widget.GridLayout>
...</Android.support.v7.widget.GridLayout>
0
Hawk Red