Databases
StackOverflow2013
Postsdbo
POUnable to design a Layout in android
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUnable to design a Layout in android
    text
    copied!<p>I have to design a layout, which i have shown below. Here i have 5 vertical layouts and i have attached a image (vertical rectangular one). Now i have to add the horizontal background image as shown in the given figure<img src="https://i.stack.imgur.com/U4jwy.png" alt="I have made all the layouts (named 1,2,3,4,5) as vertical and want to have both the horizontal and vertical background as shown below">. I am not getting this thing how to add it in my background because my layouts are vertical. </p> <p>I have made all the layouts (named 1,2,3,4,5) as vertical Or is there any other method to make this layout.</p> <p><strong>My code is as follows:-</strong></p> <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" &gt; &lt;RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dip" android:layout_marginTop="10dip" &gt; &lt;ImageView android:id="@+id/img_CategoryItem" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /&gt; &lt;TextView android:id="@+id/tv_CategoryItem_Name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_marginLeft="102dp" android:text="TextView" android:textColor="#000000" android:textSize="16dip" android:textStyle="bold" /&gt; &lt;ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_marginRight="10dip" android:src="@drawable/black_arrow" /&gt; &lt;/RelativeLayout&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" &gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" &gt; &lt;LinearLayout android:layout_width="60dp" android:layout_height="match_parent" android:orientation="vertical" &gt; &lt;View android:layout_width="60dip" android:layout_height="wrap_content" /&gt; &lt;!-- &lt;ImageView android:id="@+id/img_CategoryItem" android:layout_width="60dip" android:layout_height="wrap_content" android:layout_marginLeft="5dip" android:layout_marginTop="5dip" android:src="@drawable/ic_launcher" /&gt; --&gt; &lt;/LinearLayout&gt; &lt;LinearLayout android:layout_width="60dip" android:layout_height="fill_parent" android:orientation="vertical" &gt; &lt;View android:layout_width="wrap_content" android:layout_height="20dp" /&gt; &lt;TextView android:id="@+id/tv_CategoryItem_Year1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#DBDBDB" android:text="2012" android:textColor="#000000" android:textStyle="bold" /&gt; &lt;TextView android:id="@+id/tv_CategoryItem_Year2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="20dip" android:text="2011" android:textColor="#000000" android:textStyle="bold" /&gt; &lt;/LinearLayout&gt; &lt;LinearLayout android:id="@+id/linear_CategoryItem_RatingSelected" android:layout_width="60dp" android:layout_height="match_parent" android:orientation="vertical" &gt; &lt;TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="Rating" /&gt; &lt;TextView android:id="@+id/tv_CategoryItem_Rating1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="#DBDBDB" android:text="Rating" android:textColor="#C05E09" android:textStyle="bold" /&gt; &lt;TextView android:id="@+id/tv_CategoryItem_Rating2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginTop="20dip" android:text="Rating" android:textColor="#C05E09" android:textStyle="bold" /&gt; &lt;/LinearLayout&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/linear_CategoryItem_MPGSelected" android:layout_width="50dp" android:layout_height="match_parent" android:orientation="vertical" &gt; &lt;TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="MPG" /&gt; &lt;TextView android:id="@+id/tv_CategoryItem_MPG1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:background="#DBDBDB" android:text="MPG" android:textColor="#0B5AAD" android:textStyle="bold" /&gt; &lt;TextView android:id="@+id/tv_CategoryItem_MPG2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginTop="20dip" android:text="MPG" android:textColor="#000000" android:textStyle="bold" /&gt; &lt;/LinearLayout&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/linear_CategoryItem_PriceSelected" android:layout_width="78dp" android:layout_height="match_parent" android:orientation="vertical" &gt; &lt;TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="PRICE" /&gt; &lt;TextView android:id="@+id/tv_CategoryItem_Price1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="Price" android:textColor="#000000" android:textStyle="bold" /&gt; &lt;TextView android:id="@+id/tv_CategoryItem_Price2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginTop="20dip" android:text="Price" android:textColor="#000000" android:textStyle="bold" /&gt; &lt;/LinearLayout&gt; &lt;/LinearLayout&gt; &lt;/LinearLayout&gt; &lt;/LinearLayout&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload