android - need buttons to spread out dynamically according to screen width -
i working on app had it's button layout configured statically. happens on wider screens (siii, note, tablets etc.) table layout remains same size on of them , doesn't "spead out" dynamically. how can code adjusted accomplish this?
<tablelayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_margin="0dp" android:gravity="center_vertical" android:orientation="vertical" > <tablerow android:id="@+id/tablerow1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:gravity="center_horizontal" > <relativelayout android:id="@+id/stoolrelative" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="15px" android:gravity="center_horizontal" > <imagebutton android:id="@+id/stoolmenu" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/menustool" > </imagebutton> <textview android:id="@+id/stooltext" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/stoolmenu" android:layout_centerhorizontal="true" android:layout_margintop="5px" android:gravity="center_horizontal" android:text="@string/stoolmenu" android:textsize="11dp" android:textstyle="bold" > </textview> </relativelayout> <relativelayout android:id="@+id/foodrelative" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="15px" android:gravity="center_horizontal" > <imagebutton android:id="@+id/foodmenu" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/menufood" > </imagebutton> <textview android:id="@+id/foodtext" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/foodmenu" android:layout_centerhorizontal="true" android:layout_margintop="5px" android:gravity="center_horizontal" android:text="@string/foodmenu" android:textsize="11dp" android:textstyle="bold" > </textview> </relativelayout> <relativelayout android:id="@+id/painrelative" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="15px" > <imagebutton android:id="@+id/painmenu" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/menupain" > </imagebutton> <textview android:id="@+id/paintext" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/painmenu" android:layout_centerhorizontal="true" android:layout_margintop="5px" android:gravity="center_horizontal" android:text="@string/painmenu" android:textsize="11dp" android:textstyle="bold" > </textview> </relativelayout> </tablerow> <tablerow android:id="@+id/tablerow2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margintop="15px" android:gravity="center_horizontal" > <relativelayout android:id="@+id/moodrelative" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="15px" > <imagebutton android:id="@+id/moodmenu" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/menumood" > </imagebutton> <textview android:id="@+id/moodtext" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/moodmenu" android:layout_centerhorizontal="true" android:layout_margintop="5px" android:gravity="center_horizontal" android:text="@string/moodmenu" android:textsize="11dp" android:textstyle="bold" > </textview> </relativelayout> <relativelayout android:id="@+id/medstakerelative" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="15px" android:gravity="center_horizontal" > <imagebutton android:id="@+id/medstakemenu" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/menumeds" > </imagebutton> <textview android:id="@+id/medstaketext" android:layout_width="70px" android:layout_height="wrap_content" android:layout_alignleft="@+id/medstakemenu" android:layout_alignright="@+id/medstakemenu" android:layout_below="@+id/medstakemenu" android:layout_centerhorizontal="true" android:layout_margintop="5px" android:gravity="center_horizontal" android:lines="2" android:maxlines="2" android:minlines="2" android:singleline="false" android:text="@string/medstakenmenu" android:textsize="11dp" android:textstyle="bold" > </textview> </relativelayout> <relativelayout android:id="@+id/otherissuesrelative" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="15px" > <imagebutton android:id="@+id/othermenu" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/menuother" > </imagebutton> <textview android:id="@+id/otherissuestext" android:layout_width="100px" android:layout_height="wrap_content" android:layout_below="@+id/othermenu" android:layout_centerhorizontal="true" android:layout_margintop="5px" android:gravity="center_horizontal" android:lines="2" android:maxlines="2" android:minlines="2" android:singleline="false" android:text="@string/otherissuesmenu" android:textsize="11dp" android:textstyle="bold" > </textview> </relativelayout> </tablerow> <tablerow android:id="@+id/tablerow3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margintop="15px" android:gravity="center_horizontal" > <relativelayout android:id="@+id/historyrelative" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="15px" > <imagebutton android:id="@+id/historymenu" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/menuhistory" > </imagebutton> <textview android:id="@+id/historytext" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/historymenu" android:layout_centerhorizontal="true" android:gravity="center_horizontal" android:layout_margintop="5px" android:text="@string/historymenu" android:textsize="11dp" android:textstyle="bold" > </textview> </relativelayout> <relativelayout android:id="@+id/historyrelative" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="15px" android:gravity="center_horizontal" > <imagebutton android:id="@+id/academymenu" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/menuacademy" > </imagebutton> <textview android:id="@+id/academytext" android:layout_width="120px" android:layout_height="wrap_content" android:layout_below="@+id/academymenu" android:layout_centerhorizontal="true" android:layout_margintop="5px" android:gravity="center_horizontal" android:lines="2" android:maxlines="2" android:minlines="2" android:singleline="false" android:text="@string/ibdacademymenu" android:textsize="11dp" android:textstyle="bold" > </textview> </relativelayout> <relativelayout android:id="@+id/mypassportrelative" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="15px" android:gravity="center_horizontal" > <imagebutton android:id="@+id/mypassportmenu" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00000000" android:src="@drawable/menupassport" > </imagebutton> <textview android:id="@+id/mypassporttextup" android:layout_width="80dp" android:layout_height="wrap_content" android:layout_below="@+id/mypassportmenu" android:layout_centerhorizontal="true" android:layout_margintop="5px" android:gravity="center_horizontal" android:lines="2" android:maxlines="2" android:minlines="2" android:singleline="false" android:text="@string/myibdpassportmenu" android:textsize="11dp" android:textstyle="bold" > </textview> <!-- <textview android:layout_below="@+id/mypassporttextup" android:text="passport" android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/mypassporttextdown" ></textview> --> </relativelayout> </tablerow> </tablelayout> edit: here screenshot of current layout
as screen gets wider, table remains exact size , margin on either side increases. ideas?
for each tablerow change/add
android:layout_weight="1" android:gravity="center_vertical" for each relativelayout change/add
android:layout_weight="1" 
Comments
Post a Comment