Android - Différence entre Gridlayout et Décalés Gridlayout

Mon temps à des Tas de Technologies m'a appris à propos décalés.
Je vais le partager.

StaggeredGridLayout est un LayoutManager, c'est comme une grille de point de vue, mais dans cette grille, chaque point de vue sa propre taille(hauteur et largeur). Il supporte à la fois verticale et horizontale des mises en page.

Ci-dessous sont quelques étapes de base pour créer un décalés grille-

1) Créer une vue.

Comme nous le savons staggeredgrid n'est pas une vue directe c'est un layoutmanager qui expose les enfants à un quinconce de la grille de la formation. Nous utilisons RecyclerView comme un point de vue pour staggerd de la grille.
voici notre recyclerview dans la mise en page-

<relativelayout android:layout_height="match_parent" android:layout_width="match_parent" android:paddingtop="@dimen/activity_vertical_margin" tools:context="com.deepanshu.staggered_gridlayout.MainActivity" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">

    <android.support.v7.widget.recyclerview android:id="@+id/favPlaces" android:layout_height="match_parent" android:layout_width="match_parent">
</android.support.v7.widget.recyclerview></relativelayout>

2) Définir StaggeredGridLayout LayoutManager.

Une fois notre point de vue est prêt, nous allons utiliser Layoutmanager pour créer des grilles sur la vue.

RecyclerView favPlaces = (RecyclerView) findViewById(R.id.favPlaces);
       StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL);
       layoutManager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE);
       favPlaces.setLayoutManager(layoutManager);
       favPlaces.setHasFixedSize(true);

3) Adaptateur pour gonfler le staggeredgrid vues.

Pour gonfler les données dans la forme de la grille nous avons d'abord besoin d'une mise en page qui va représenter ces données.Nous sommes à l'aide de CardView pour cette et la mise en page est-

<android.support.v7.widget.cardview android:layout_height="wrap_content" android:layout_width="match_parent" app:cardcornerradius="4dp" app:cardusecompatpadding="true">
    <linearlayout android:background="@color/colorPrimary" android:layout_height="match_parent" android:layout_width="match_parent" android:orientation="vertical">



    <imageview android:adjustviewbounds="true" android:id="@+id/placePic" android:layout_height="match_parent" android:layout_width="match_parent" android:scaletype="fitXY">

           <textview android:gravity="center" android:id="@+id/placeName" android:layout_height="wrap_content" android:layout_width="match_parent" android:textsize="16sp">


    </textview></imageview></linearlayout>
</android.support.v7.widget.cardview>

</linearlayout>

Puis Nous l'installation de toutes les étapes de base, il est temps de compléter notre activité principale. voici le code complet de l'activité principale-

public class MainActivity extends AppCompatActivity {

    int placeImage[]= {R.drawable.agattia_airport_lakshadweep,R.drawable.nainital,R.drawable.goa,
            R.drawable.lotus_temple,R.drawable.valley_of_flowers,R.drawable.ranikhet,R.drawable.dehradun,R.drawable.nainital1};

    String placeName[]= {"Lakshadweep, India","Nainital, India","Goa, India","Lotus-Temple, India","Valley-Of-Flowers, India","Ranikhet, India",
    "Dehradun, India","Nainital, India"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        RecyclerView favPlaces = (RecyclerView) findViewById(R.id.favPlaces);
        StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL);
        layoutManager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE);
        favPlaces.setLayoutManager(layoutManager);
        favPlaces.setHasFixedSize(true);
        ArrayList<PlaceDetails> placeList = getPlaces();

        StaggeredAdapter staggeredAdapter = new StaggeredAdapter(placeList);
        favPlaces.setAdapter(staggeredAdapter);
    }

    private ArrayList<PlaceDetails> getPlaces() {
        ArrayList<PlaceDetails> details = new ArrayList<>();
        for (int index=0; index<placeImage.length;index++){
            details.add(new PlaceDetails(placeImage[index],placeName[index]));
        }
        return details;
    }
}

StaggeredGridlayout

1. Il énonce les enfants en quinconce de la grille de la formation.
2. Il prend en charge horizontale & mise en page verticale, ainsi qu'une capacité à la disposition des enfants dans le sens inverse.
3. Décalés, les réseaux sont susceptibles d'avoir des lacunes sur les bords de la mise en page.
4. Pour éviter les lacunes, StaggeredGridLayoutManager peut compenser s'étend de façon indépendante ou de déplacer des éléments entre les travées. Vous pouvez contrôler ce comportement via setGapStrategy(int).

GridLayout

1. Il énonce ses enfants dans une grille rectangulaire.
2. La grille est composée d'un ensemble d'infiniment minces lignes qui séparent la zone d'affichage dans les cellules.
3. Les enfants occupent une ou plusieurs cellules contigües, tel que défini par leur rowSpec et columnSpec paramètres de mise en page.