In the below example I have describes "how to use FlexBox layout". FlexboxLayout extends the ViewGroup like relative layout and linear layout. You can add different attributes to the flexlayout like flexDirection, flexWrap, justifyContent, alignItems and alignContent. You can see below example code it clearly describes How to use FlexBox layout in android.
Step(1)-I have added first Flexbox layout dependency to Grandle file -
Introduction of library:- There is a Flexbox library which provides us the facility to create or to add a Flexbox layout in your application.
compile 'com.google.android:flexbox:0.1.3'
Step(2)-activity_main.xml layout-
<?xml version="1.0" encoding="utf-8"?>
<com.google.android.flexbox.FlexboxLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
app:alignItems="center"
app:alignContent="center"
app:flexDirection="row"
app:flexWrap="wrap">
<ImageView
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@drawable/one"
app:layout_alignSelf="center" />
<ImageView
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@drawable/img1"
app:layout_alignSelf="center" />
<ImageView
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@drawable/img_3"
app:layout_alignSelf="center" />
<TextView
android:layout_width="120dp"
android:layout_height="120dp"
android:background="#805ac7b3"
app:layout_flexBasisPercent="50%"/>
<TextView
android:layout_width="120dp"
android:layout_height="120dp"
android:layout_margin="5dp"
android:background="#80d9e686"
app:layout_alignSelf="flex_end"
app:layout_flexBasisPercent="50%"
android:fadeScrollbars="true"/>
</com.google.android.flexbox.FlexboxLayout>
0 Comment(s)