LinearLayout: two TextViews right next to each other [SOLVED

Put problem concerning Views, Layouts and other XML-Resources (like AndroidManifest) here.

LinearLayout: two TextViews right next to each other [SOLVED

Postby jci » Wed Jan 13, 2010 10:07 pm

For an app to train your memory skills, I am trying to create a layout like this

Line 1: number1 number2

Line 2: countdown timer

Line 3: seconds left to remember

bottom of screen: done button

Visual mockup can be found here: Image

I have been struggling with this layout for the past six hours, have searched Google and this forum extensively, yet am at the end of it. For the life of me, the two TextViews that hold the numbers to remember get shown below each other instead of side by side.

I thought a simple change of the LinearLayout's orientation from android:orientation="vertical" to android:orientation="horizontal" would help yet the result on screen was totally messed up. What am I doing wrong?

Current XML as follows:

Syntax: [ Download ] [ Hide ]
Using xml Syntax Highlighting
  1.  
  2. <?xml version="1.0" encoding="utf-8"?>
  3.  
  4. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  5.  
  6.    android:layout_width="fill_parent"
  7.  
  8.    android:layout_height="fill_parent"
  9.  
  10.    android:orientation="vertical" >
  11.  
  12.  
  13.  
  14.         <TextView
  15.  
  16.           android:id="@+id/empty1"
  17.  
  18.           android:layout_width="fill_parent"
  19.  
  20.           android:layout_height="wrap_content"
  21.  
  22.           android:layout_weight="1"
  23.  
  24.           android:text="@string/empty"
  25.  
  26.         />
  27.  
  28.  
  29.  
  30.         <TextView
  31.  
  32.           android:id="@+id/number1"
  33.  
  34.           android:layout_width="wrap_content"
  35.  
  36.           android:layout_height="wrap_content"
  37.  
  38.           android:textSize="18sp"
  39.  
  40.           android:textColor="#ffffff"
  41.  
  42.           android:textStyle="bold"
  43.  
  44.           android:text="@string/number1"
  45.  
  46.         />     
  47.  
  48.        
  49.  
  50.         <TextView
  51.  
  52.           android:id="@+id/number2"
  53.  
  54.           android:layout_width="wrap_content"
  55.  
  56.           android:layout_height="wrap_content"
  57.  
  58.           android:textSize="18sp"
  59.  
  60.           android:textColor="#ffffff"
  61.  
  62.           android:textStyle="bold"
  63.  
  64.           android:text="@string/number2"
  65.  
  66.         />    
  67.  
  68.    
  69.  
  70.         <TextView
  71.  
  72.           android:id="@+id/empty2"
  73.  
  74.           android:layout_width="fill_parent"
  75.  
  76.           android:layout_height="wrap_content"
  77.  
  78.           android:layout_weight="1"
  79.  
  80.           android:text="@string/empty"
  81.  
  82.         />    
  83.  
  84.    
  85.  
  86.         <TextView
  87.  
  88.           android:id="@+id/todo"
  89.  
  90.           android:layout_width="fill_parent"
  91.  
  92.           android:layout_height="wrap_content"
  93.  
  94.           android:gravity="center_horizontal"
  95.  
  96.           android:textSize="90sp"
  97.  
  98.           android:textColor="#ffffff"
  99.  
  100.           android:layout_weight="0"
  101.  
  102.           android:text="@string/todo"
  103.  
  104.         />     
  105.  
  106.        
  107.  
  108.         <TextView
  109.  
  110.           android:id="@+id/lblSecondsToRememeber"
  111.  
  112.           android:layout_width="fill_parent"
  113.  
  114.           android:layout_height="wrap_content"
  115.  
  116.           android:gravity="center_horizontal"
  117.  
  118.           android:textSize="18sp"
  119.  
  120.           android:textColor="#ffffff"
  121.  
  122.           android:layout_weight="0"
  123.  
  124.           android:textStyle="bold"
  125.  
  126.           android:text="@string/lblSecondsToRemember"
  127.  
  128.         />     
  129.  
  130.        
  131.  
  132.         <TextView
  133.  
  134.           android:id="@+id/empty3"
  135.  
  136.           android:layout_width="fill_parent"
  137.  
  138.           android:layout_height="wrap_content"
  139.  
  140.           android:layout_weight="1"
  141.  
  142.           android:text="@string/empty"
  143.  
  144.         />     
  145.  
  146.          
  147.  
  148.         <Button
  149.  
  150.           android:id="@+id/done_button"
  151.  
  152.           android:layout_width="fill_parent"
  153.  
  154.           android:layout_height="wrap_content"
  155.  
  156.           android:layout_gravity="bottom"
  157.  
  158.           android:layout_weight="0"
  159.  
  160.           android:textStyle="bold"
  161.  
  162.           android:textSize="14sp"
  163.  
  164.           android:text="@string/done"
  165.  
  166.         />
  167.  
  168. </LinearLayout>
  169.  
  170.  
Parsed in 0.008 seconds, using GeSHi 1.0.8.4
Last edited by jci on Thu Jan 14, 2010 9:03 pm, edited 1 time in total.
jci
Junior Developer
Junior Developer
 
Posts: 12
Joined: Wed Jan 13, 2010 9:37 pm

Top

Postby qlimax » Wed Jan 13, 2010 11:51 pm

you can insert an orizontal linearlayout inside your main-vertical-linearlayout.
in this orizontal layout you will insert your two textview.
then set the gravity to center .
hum? :)

bye
¯`·.¸¸.><((((º>¯`·.¸¸. ><((((º>
User avatar
qlimax
Master Developer
Master Developer
 
Posts: 271
Joined: Mon Aug 31, 2009 10:54 am
Location: Swiss

Postby kaifong » Thu Jan 14, 2010 2:39 am

Yeah, you need layouts within layouts to do this. One Parent and two children, the first horizontal and the second vertical.
kaifong
Freshman
Freshman
 
Posts: 6
Joined: Thu Jan 14, 2010 2:29 am
Location: Taiwan

Postby icobasco » Thu Jan 14, 2010 10:24 am

something like

...
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="10dip"
android:layout_marginRight="10dip"
android:orientation="horizontal" >

<TextView
android:id="@+id/number1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp"
android:textColor="#ffffff"
android:textStyle="bold"
android:text="@string/number1"
/>

<TextView
android:id="@+id/number2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp"
android:textColor="#ffffff"
android:textStyle="bold"
android:text="@string/number2"
/>

</LinearLayout>

....
User avatar
icobasco
Senior Developer
Senior Developer
 
Posts: 108
Joined: Thu Jun 04, 2009 11:12 am
Location: Italy

Postby jci » Thu Jan 14, 2010 9:02 pm

Thank you, all three of you, for your input based on which I have finally gotten this to work!

For posterity:

Syntax: [ Download ] [ Hide ]
Using xml Syntax Highlighting
  1.  
  2. <?xml version="1.0" encoding="utf-8"?>
  3.  
  4. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  5.  
  6.    android:layout_width="fill_parent"
  7.  
  8.    android:layout_height="fill_parent"
  9.  
  10.    android:orientation="vertical" >
  11.  
  12.  
  13.  
  14.         <LinearLayout  
  15.  
  16.       android:layout_width="fill_parent"
  17.  
  18.       android:layout_height="wrap_content"
  19.  
  20.       android:orientation="vertical" >
  21.  
  22.        
  23.  
  24.                 <TextView
  25.  
  26.                         android:id="@+id/empty1"
  27.  
  28.                         android:layout_width="fill_parent"
  29.  
  30.                         android:layout_height="wrap_content"
  31.  
  32.                         android:textSize="50sp"
  33.  
  34.                         android:layout_weight="1"
  35.  
  36.                         android:text="@string/empty"
  37.  
  38.                 />        
  39.  
  40.        
  41.  
  42.     </LinearLayout>
  43.  
  44.  
  45.  
  46.         <LinearLayout  
  47.  
  48.       android:layout_width="fill_parent"
  49.  
  50.       android:layout_height="wrap_content"
  51.  
  52.       android:orientation="horizontal"
  53.  
  54.       android:gravity="center_horizontal" >
  55.  
  56.  
  57.  
  58.                 <TextView
  59.  
  60.                         android:id="@+id/number1"
  61.  
  62.                         android:layout_width="wrap_content"
  63.  
  64.                         android:layout_height="wrap_content"
  65.  
  66.                         android:textSize="18sp"
  67.  
  68.                         android:textColor="#ffffff"
  69.  
  70.                         android:textStyle="bold"
  71.  
  72.                         android:text="@string/number1"
  73.  
  74.                 />
  75.  
  76.                
  77.  
  78.                 <TextView
  79.  
  80.                         android:id="@+id/empty2"
  81.  
  82.                         android:layout_width="10dip"
  83.  
  84.                         android:layout_height="wrap_content"
  85.  
  86.                         android:text="@string/empty"
  87.  
  88.                 />             
  89.  
  90.        
  91.  
  92.                 <TextView
  93.  
  94.                         android:id="@+id/number2"
  95.  
  96.                         android:layout_width="wrap_content"
  97.  
  98.                         android:layout_height="wrap_content"
  99.  
  100.                         android:textSize="18sp"
  101.  
  102.                         android:textColor="#ffffff"
  103.  
  104.                         android:textStyle="bold"
  105.  
  106.                         android:text="@string/number2"
  107.  
  108.                 />    
  109.  
  110.        
  111.  
  112.         </LinearLayout>
  113.  
  114.        
  115.  
  116.         <LinearLayout  
  117.  
  118.       android:layout_width="fill_parent"
  119.  
  120.       android:layout_height="fill_parent"
  121.  
  122.       android:orientation="vertical"    
  123.  
  124.       android:layout_weight="1" >
  125.  
  126.        
  127.  
  128.                 <TextView
  129.  
  130.                         android:id="@+id/empty3"
  131.  
  132.                         android:layout_width="fill_parent"
  133.  
  134.                         android:layout_height="wrap_content"
  135.  
  136.                         android:layout_weight="1"
  137.  
  138.                         android:text="@string/empty"
  139.  
  140.                 />      
  141.  
  142.        
  143.  
  144.                 <TextView
  145.  
  146.                android:id="@+id/todo"
  147.  
  148.                android:layout_width="fill_parent"
  149.  
  150.                android:layout_height="wrap_content"
  151.  
  152.                android:gravity="center_horizontal"
  153.  
  154.                android:textSize="90sp"
  155.  
  156.                android:textColor="#ffffff"
  157.  
  158.                android:layout_weight="0"
  159.  
  160.                android:text="@string/todo"
  161.  
  162.              />  
  163.  
  164.              
  165.  
  166.                 <TextView
  167.  
  168.                android:id="@+id/lblSecondsToRememeber"
  169.  
  170.                android:layout_width="fill_parent"
  171.  
  172.                android:layout_height="wrap_content"
  173.  
  174.                android:gravity="center_horizontal"
  175.  
  176.                android:textSize="18sp"
  177.  
  178.                android:textColor="#ffffff"
  179.  
  180.                android:layout_weight="0"
  181.  
  182.                android:textStyle="bold"
  183.  
  184.                android:text="@string/lblSecondsToRemember"
  185.  
  186.              />
  187.  
  188.              
  189.  
  190.                 <TextView
  191.  
  192.                   android:id="@+id/empty4"
  193.  
  194.                   android:layout_width="fill_parent"
  195.  
  196.                   android:layout_height="wrap_content"
  197.  
  198.                   android:layout_weight="1"
  199.  
  200.                   android:text="@string/empty"
  201.  
  202.                 />           
  203.  
  204.              
  205.  
  206.              <Button
  207.  
  208.                android:id="@+id/done_button"
  209.  
  210.                android:layout_width="fill_parent"
  211.  
  212.                android:layout_height="wrap_content"
  213.  
  214.                android:layout_gravity="bottom"
  215.  
  216.                android:layout_weight="0"
  217.  
  218.                android:textStyle="bold"
  219.  
  220.                android:textSize="14sp"
  221.  
  222.                android:text="@string/done"
  223.  
  224.              />  
  225.  
  226.              
  227.  
  228.      </LinearLayout>
  229.  
  230.      
  231.  
  232. </LinearLayout>
  233.  
  234.  
Parsed in 0.011 seconds, using GeSHi 1.0.8.4
jci
Junior Developer
Junior Developer
 
Posts: 12
Joined: Wed Jan 13, 2010 9:37 pm

Top

Return to View, Layout & Resource Problems

Who is online

Users browsing this forum: No registered users and 8 guests