android - Equal vertically spaced columns layout -


enter image description here

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

Popular posts from this blog

How to mention the localhost in android -

php - Calling a template part from a post -

c# - String.format() DateTime With Arabic culture -