android - how to create expendable layout on each node -
im creating , application have thre nodes (description, contents, nutrition) image http://imgur.com/tmjt6gi when user click node expend , show screen inside how that? see there expendable listview available show single list on each node example http://ranfeng0610.blog.163.com/blog/static/1857082842011727111359969/ expend listview in each node lie expend layout on reach node al node show difrent layout user interface) how willl make screenlike this? me please u have idea????
1、main.xml <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <!-- 禁用系统自带图标android:groupindicator="@null" --> <expandablelistview android:layout_width="fill_parent" android:layout_height="wrap_content" android:groupindicator="@null" android:id="@+id/mexpandablelistview" /> </linearlayout> 2、group.xml <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation = "horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent"> <imageview android:layout_width = "25dip" android:layout_height = "25dip" android:layout_margintop="10dip" android:id="@+id/mimageview" /> <textview android:id = "@+id/group_tv" android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:paddingleft = "30px" android:paddingbottom = "10px" android:textsize = "26sp"/> </linearlayout> 3、child.xml <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation = "horizontal" android:layout_width="match_parent" android:layout_height="match_parent"> <imageview android:layout_gravity = "center_vertical" android:id = "@+id/child_iv" android:layout_width = "70px" android:layout_height = "70px" android:paddingleft = "30px" android:paddingtop = "2px" android:paddingbottom = "5px" android:src = "@drawable/icon"/> <textview android:layout_gravity = "center_vertical" android:id = "@+id/child_tv" android:layout_width = "fill_parent" android:layout_height = "fill_parent" android:paddingleft = "30px" android:paddingtop = "10px" android:paddingbottom = "5px" android:textsize = "30sp"/> </linearlayout>
u can make without using expandable list-view..u have control visibility of views.
mainactivity
boolean flag; boolean flag2; linearlayout llcontains; linearlayout llcontents; linearlayout llcontains2; linearlayout llcontents2; @override protected void oncreate(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(new onclicklistener() { @override public void onclick(view v) { if(!flag) { llcontents.setvisibility(view.visible); flag = true; } else { llcontents.setvisibility(view.gone); flag = false; } } }); llcontains2.setonclicklistener(new onclicklistener() { @override public void onclick(view v) { if(!flag2) { llcontents2.setvisibility(view.visible); flag2 = true; } else { llcontents2.setvisibility(view.gone); flag2 = false; } } }); }
activity_main.xml
<linearlayout xmlns: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" > <scrollview android:layout_width="match_parent" android:layout_height="wrap_content"> <linearlayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <linearlayout android:id="@+id/llcontains" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <linearlayout android:layout_width="match_parent" android:layout_height="3dp" android:background="#000000" > </linearlayout> <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="contains" android:textsize="20dp" android:layout_marginleft="10dp" android:padding="10dp" /> <linearlayout android:id="@+id/llcontents" android:layout_width="match_parent" android:layout_height="wrap_content" android:weightsum="4" android:padding="10dp" android:visibility="gone" > <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_weight="1" android:gravity="center" > <imageview android:src="@drawable/ic_launcher" android:layout_height="wrap_content" android:layout_width="wrap_content" /> <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="cheese" /> </linearlayout> <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_weight="1" android:gravity="center" > <imageview android:src="@drawable/ic_launcher" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_weight="1"/> <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="tomatos" /> </linearlayout> <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_weight="1" android:gravity="center" > <imageview android:src="@drawable/ic_launcher" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_weight="1"/> <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="wheat" /> </linearlayout> <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_weight="1" android:gravity="center" > <imageview android:src="@drawable/ic_launcher" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_weight="1"/> <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="salt" /> </linearlayout> </linearlayout> </linearlayout> <linearlayout android:id="@+id/llcontains2" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <linearlayout android:layout_width="match_parent" android:layout_height="3dp" android:background="#000000" > </linearlayout> <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="contains2" android:textsize="20dp" android:layout_marginleft="10dp" android:padding="10dp" /> <linearlayout android:id="@+id/llcontents2" android:layout_width="match_parent" android:layout_height="wrap_content" android:weightsum="4" android:padding="10dp" android:visibility="gone" > <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_weight="1" android:gravity="center" > <imageview android:src="@drawable/ic_launcher" android:layout_height="wrap_content" android:layout_width="wrap_content" /> <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="cheese" /> </linearlayout> <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_weight="1" android:gravity="center" > <imageview android:src="@drawable/ic_launcher" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_weight="1"/> <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="tomatos" /> </linearlayout> <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_weight="1" android:gravity="center" > <imageview android:src="@drawable/ic_launcher" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_weight="1"/> <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="wheat" /> </linearlayout> <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_weight="1" android:gravity="center" > <imageview android:src="@drawable/ic_launcher" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_weight="1"/> <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="salt" /> </linearlayout> </linearlayout> </linearlayout> </linearlayout> </scrollview> </linearlayout>
if helps let me know.
Comments
Post a Comment