Skip to content Skip to sidebar Skip to footer

How To Create Expendable Layout On Each Node

im creating and application which have thre nodes (Description, Contents, Nutrition) like this image http://imgur.com/TmJT6GI when user click any node it will expend and show

Solution 1:

u can make it without using expandable list-view..u have to just control visibility of your views.

MainActivity

boolean flag;
boolean flag2;
LinearLayout llContains;
LinearLayout llContents;
LinearLayout llContains2;
LinearLayout llContents2;

@OverrideprotectedvoidonCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);


     llContains = (LinearLayout)findViewById(R.id.llContains);
     llContents = (LinearLayout)findViewById(R.id.llContents);
     llContains2 = (LinearLayout)findViewById(R.id.llContains2);
     llContents2 = (LinearLayout)findViewById(R.id.llContents2);

     llContains.setOnClickListener(newOnClickListener() {

        @OverridepublicvoidonClick(View v) 
        {
            if(!flag)
            {
                llContents.setVisibility(View.VISIBLE);
                flag = true;
            }
            else
            {
                llContents.setVisibility(View.GONE);
                flag = false;
            }

        }
    });

    llContains2.setOnClickListener(newOnClickListener() {

        @OverridepublicvoidonClick(View v) 
        {
            if(!flag2)
            {
                llContents2.setVisibility(View.VISIBLE);
                flag2 = true;
            }
            else
            {
                llContents2.setVisibility(View.GONE);
                flag2 = false;
            }

        }
    });


}

activity_main.xml

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"
  ><ScrollViewandroid:layout_width="match_parent"android:layout_height="wrap_content"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"
  ><LinearLayoutandroid:id="@+id/llContains"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"
  ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="3dp"android:background="#000000"
    ></LinearLayout><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="Contains"android:textSize="20dp"android:layout_marginLeft="10dp"android:padding="10dp"
       /><LinearLayoutandroid:id="@+id/llContents"android:layout_width="match_parent"android:layout_height="wrap_content"android:weightSum="4"android:padding="10dp"android:visibility="gone"
   ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:layout_weight="1"android:gravity="center"
        ><ImageViewandroid:src="@drawable/ic_launcher"android:layout_height="wrap_content"android:layout_width="wrap_content"
      /><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="Cheese"
       /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:layout_weight="1"android:gravity="center"
        ><ImageViewandroid:src="@drawable/ic_launcher"android:layout_height="wrap_content"android:layout_width="wrap_content"android:layout_weight="1"/><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="Tomatos"
       /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:layout_weight="1"android:gravity="center"
        ><ImageViewandroid:src="@drawable/ic_launcher"android:layout_height="wrap_content"android:layout_width="wrap_content"android:layout_weight="1"/><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="Wheat"
       /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:layout_weight="1"android:gravity="center"
        ><ImageViewandroid:src="@drawable/ic_launcher"android:layout_height="wrap_content"android:layout_width="wrap_content"android:layout_weight="1"/><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="Salt"
       /></LinearLayout></LinearLayout></LinearLayout><LinearLayoutandroid:id="@+id/llContains2"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"
    ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="3dp"android:background="#000000"
    ></LinearLayout><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="Contains2"android:textSize="20dp"android:layout_marginLeft="10dp"android:padding="10dp"
       /><LinearLayoutandroid:id="@+id/llContents2"android:layout_width="match_parent"android:layout_height="wrap_content"android:weightSum="4"android:padding="10dp"android:visibility="gone"
        ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:layout_weight="1"android:gravity="center"
        ><ImageViewandroid:src="@drawable/ic_launcher"android:layout_height="wrap_content"android:layout_width="wrap_content"
      /><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="Cheese"
       /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:layout_weight="1"android:gravity="center"
        ><ImageViewandroid:src="@drawable/ic_launcher"android:layout_height="wrap_content"android:layout_width="wrap_content"android:layout_weight="1"/><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="Tomatos"
       /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:layout_weight="1"android:gravity="center"
        ><ImageViewandroid:src="@drawable/ic_launcher"android:layout_height="wrap_content"android:layout_width="wrap_content"android:layout_weight="1"/><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="Wheat"
       /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:layout_weight="1"android:gravity="center"
        ><ImageViewandroid:src="@drawable/ic_launcher"android:layout_height="wrap_content"android:layout_width="wrap_content"android:layout_weight="1"/><TextViewandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:text="Salt"
       /></LinearLayout></LinearLayout></LinearLayout></LinearLayout></ScrollView></LinearLayout>

if it helps then let me know.

Post a Comment for "How To Create Expendable Layout On Each Node"