android - Equal vertically spaced columns layout -

i want make layout on main screen of application. have stripes each image block shown above. please guide layout (relativelayout, linearlayout...etc) should use achieve this. new android development. have experimented few layout not having success. used framelayout
<?xml version="1.0" encoding="utf-8"?> <tablelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchcolumns="1"> <tablerow> <framelayout android:id="@+id/inboxlargebutton" android:layout_height="wrap_content" android:layout_width="0dp" android:layout_weight="1"> <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/inbox_normal" android:id="@+id/buttonweddingdaycheatsheet" android:layout_gravity="center_horizontal"> </imageview> <textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="2631" android:layout_gravity="bottom" android:gravity="center" android:textcolor="#fff" android:textsize="50dp" /> </framelayout> <framelayout android:layout_height="wrap_content" android:layout_width="0dp" android:layout_weight="1"> <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/outbox_normal" android:id="@+id/buttonsharefavoriterecipe" android:layout_gravity="center_horizontal"> </imageview> <textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="0296" android:layout_gravity="bottom" android:gravity="center" android:textcolor="#fff" android:textsize="50dp" /> </framelayout> </tablerow> <tablerow> <framelayout android:layout_height="wrap_content" android:layout_width="0dp" android:layout_weight="1"> <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/header_left_normal" android:id="@+id/buttonweddingdaycheatsheet" android:layout_gravity="center_horizontal"> </imageview> <textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="most sent" android:layout_gravity="bottom" android:gravity="center" android:textcolor="#fff" android:textsize="15dp" /> </framelayout> <framelayout android:layout_height="wrap_content" android:layout_width="0dp" android:layout_weight="1"> <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/header_right_normal" android:id="@+id/buttonsharefavoriterecipe" android:layout_gravity="center_horizontal"> </imageview> </framelayout> </tablerow> <tablerow> <framelayout android:layout_height="wrap_content" android:layout_width="0dp" android:layout_weight="1"> <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/body_left_normal" android:id="@+id/buttonweddingdaycheatsheet" android:layout_gravity="center_horizontal"> </imageview> </framelayout> <framelayout android:layout_height="wrap_content" android:layout_width="0dp" android:layout_weight="1"> <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/body_right_normal" android:id="@+id/buttonsharefavoriterecipe" android:layout_gravity="center_horizontal"> </imageview> </framelayout> </tablerow> </tablelayout> as want make each block clickable too.
try code:
<?xml version="1.0" encoding="utf-8"?> <tablelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:stretchcolumns="1" > <tablerow android:layout_width="match_parent" android:layout_height="wrap_content" > <linearlayout android:id="@+id/inboxlargebutton" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="vertical" > <imageview android:id="@+id/buttonweddingdaycheatsheet" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:src="@drawable/ic_launcher" > </imageview> <textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:gravity="center" android:text="2631" android:textcolor="#fff" android:textsize="50dp" /> </linearlayout> <linearlayout android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="vertical" > <imageview android:id="@+id/buttonsharefavoriterecipe" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:src="@drawable/ic_launcher" > </imageview> <textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:gravity="center" android:text="0296" android:textcolor="#fff" android:textsize="50dp" /> </linearlayout> </tablerow> <tablerow android:layout_width="match_parent" android:layout_height="wrap_content" > <linearlayout android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="vertical" > <imageview android:id="@+id/buttonweddingdaycheatsheet" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:src="@drawable/ic_launcher" > </imageview> <textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:gravity="center" android:text="most sent" android:textcolor="#fff" android:textsize="15dp" /> </linearlayout> <linearlayout android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="vertical" > <imageview android:id="@+id/buttonsharefavoriterecipe" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:src="@drawable/ic_launcher" > </imageview> </linearlayout> </tablerow> <tablerow android:layout_width="match_parent" android:layout_height="wrap_content" > <linearlayout android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="vertical" > <imageview android:id="@+id/buttonweddingdaycheatsheet" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:src="@drawable/ic_launcher" > </imageview> </linearlayout> <linearlayout android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="vertical" > <imageview android:id="@+id/buttonsharefavoriterecipe" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:src="@drawable/ic_launcher" > </imageview> </linearlayout> </tablerow> </tablelayout>
Comments
Post a Comment