ExpandableView

Hello friends today we are study about how to create ExpandableView so lets start..

Create New Android Project

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:ExpandblePannel="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context="com.samset.expandbleview.MainActivity">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical">

        <ScrollView

            android:layout_width="match_parent"

            android:layout_height="wrap_content">

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:orientation="vertical">

                <com.samset.expandbleview.ExpandbleLayout

                    android:id="@+id/expandLayout"

                    android:layout_width="fill_parent"

                    android:layout_height="wrap_content"

                    android:orientation="vertical"

                    ExpandblePannel:animationDuration="25"

                    ExpandblePannel:collapsedHeight="50dip"

                    ExpandblePannel:content="@+id/value"

                    ExpandblePannel:handle="@+id/expand">

                    <TextView

                        android:id="@id/value"

                        android:layout_width="fill_parent"

                        android:layout_height="wrap_content"

                        android:text="" />

                    <Button

                        android:id="@id/expand"

                        android:layout_width="wrap_content"

                        android:layout_height="wrap_content"

                        android:text="More" />

                </com.samset.expandbleview.ExpandbleLayout>

                <LinearLayout

                    android:layout_marginTop="10dp"

                    android:id="@+id/iiii"

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content"

                    android:orientation="vertical">

                    <TextView

                        android:padding="10dp"

                        android:id="@+id/value0"

                        android:layout_width="fill_parent"

                        android:layout_height="wrap_content"

                        android:text="Design your custom views" />

                    <TextView

                        android:padding="10dp"

                        android:id="@+id/value1"

                        android:layout_width="fill_parent"

                        android:layout_height="wrap_content"

                        android:text="Bottom View 1" />

                    <TextView

                        android:padding="10dp"

                        android:id="@+id/value11"

                        android:layout_width="fill_parent"

                        android:layout_height="wrap_content"

                        android:textSize="20sp"

                        android:text="Bottom View 2" />

                    <TextView

                        android:padding="10dp"

                        android:id="@+id/value2"

                        android:layout_width="fill_parent"

                        android:layout_height="wrap_content"

                        android:text="Bottom View 3" />

                    <TextView

                        android:padding="10dp"

                        android:textSize="20sp"

                        android:id="@+id/value22"

                        android:layout_width="fill_parent"

                        android:layout_height="wrap_content"

                        android:text="Bottom View 4" />

                </LinearLayout>

            </LinearLayout>

        </ScrollView>

    </LinearLayout>

</RelativeLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {

  private ExpandbleLayout expandbleLayout;

    private TextView textView;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        expandbleLayout = (ExpandbleLayout)findViewById(R.id.expandLayout);

        textView= (TextView) findViewById(R.id.value);

        textView.setText(Utils.text);

        expandbleLayout.setOnExpandListener(new ExpandbleLayout.OnExpandListener() {

            public void onCollapse(View handle, View content) {

                Button btn = (Button) handle;

                btn.setText("More");

            }

            public void onExpand(View handle, View content) {

                Button btn = (Button) handle;

                btn.setText("Less");

            }

        });

    }

}

Thank you
I hope this blog helps you.If you want full source code click below link

Source code

https://github.com/SamsetDev/ExpandableView