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"