Android main.xml help

Common bugs/problems with the Android SDK the Emulator and the ADT-Plugin.

Android main.xml help

Postby zit1343 » Sun Apr 24, 2011 5:12 pm

Hello,
I am trying to get use to android xml
I am making tip calculator for android
I am trying to make layout first, I got it layout done somewhat
I need some help, if someone can give it touch and make it better
like I want space between each layout and I want EditText box on right of screen and text on left and fit_parent
here is the code
and image of how ugly it looks right now lol
please do not modify my xml code too much just modify to fix it
so I have better understand of it
thank you
Image
Syntax: [ Download ] [ Hide ]
Using xml Syntax Highlighting
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical" android:layout_height="wrap_content" android:layout_width="wrap_content">
  4.        
  5.         <LinearLayout
  6.                 android:layout_height="wrap_content"   
  7.                 android:orientation="horizontal"
  8.                 android:layout_width="wrap_content" android:layout_weight="1">
  9.         <TextView
  10.                 android:id="@+id/textView1"
  11.                     android:layout_width="wrap_content"
  12.                     android:text="Amount of Bill"
  13.                 android:layout_height="wrap_content">
  14.         </TextView>
  15.         <EditText android:layout_width="100px"
  16.                           android:text="@string/enter_amount"
  17.                           android:id="@+id/editText1"
  18.                           android:layout_height="50px"></EditText>
  19.         </LinearLayout>
  20.         <LinearLayout
  21.                 android:layout_height="wrap_content"   
  22.                 android:orientation="horizontal"
  23.                 android:layout_width="wrap_content" android:layout_weight="1">
  24.         <TextView
  25.                 android:id="@+id/textView1"
  26.                     android:layout_width="wrap_content"
  27.                     android:text="Tip Percent"
  28.                 android:layout_height="wrap_content">
  29.         </TextView>
  30.         <EditText android:layout_width="100px"
  31.                           android:text="@string/enter_amount"
  32.                           android:id="@+id/editText1"
  33.                           android:layout_height="50px"></EditText>
  34.         </LinearLayout>
  35.         <LinearLayout
  36.                 android:layout_height="wrap_content"   
  37.                 android:orientation="horizontal"
  38.                 android:layout_width="wrap_content" android:layout_weight="1">
  39.         <TextView
  40.                 android:id="@+id/textView1"
  41.                     android:layout_width="wrap_content"
  42.                     android:text="Number of People"
  43.                 android:layout_height="wrap_content">
  44.         </TextView>
  45.         <EditText android:layout_width="100px"
  46.                           android:text="@string/enter_amount"
  47.                           android:id="@+id/editText1"
  48.                           android:layout_height="50px"></EditText>
  49.         </LinearLayout>
  50.         <LinearLayout
  51.                 android:orientation="horizontal" android:layout_width="wrap_content"
  52.                 android:layout_height="wrap_content" android:layout_weight="1">
  53.                         <Button
  54.                                 android:layout_width="100px"
  55.                                 android:text="Calculate"
  56.                                 android:layout_height="50px">
  57.                         </Button>
  58.                         <Button
  59.                                 android:layout_width="100px"
  60.                                 android:text="Reset"
  61.                                 android:layout_height="50px">
  62.                         </Button>
  63.        
  64.         </LinearLayout>
  65.        
  66.         <LinearLayout
  67.                 android:orientation="horizontal" android:layout_width="wrap_content"
  68.                 android:layout_height="wrap_content" android:layout_weight="1">
  69.                         <TextView
  70.                         android:id="@+id/textView1"
  71.                         android:layout_width="wrap_content"
  72.                         android:text="Tip Amount:"
  73.                         android:layout_height="wrap_content">
  74.                 </TextView>
  75.                 <EditText
  76.                         android:layout_width="100px"
  77.                         android:text="@string/enter_amount"
  78.                         android:id="@+id/editText1"
  79.                         android:layout_height="50px">
  80.                    </EditText>
  81.   </LinearLayout>
  82.   <LinearLayout
  83.                 android:orientation="horizontal" android:layout_width="wrap_content"
  84.                 android:layout_height="wrap_content" android:layout_weight="1">
  85.                         <TextView
  86.                         android:id="@+id/textView1"
  87.                         android:layout_width="wrap_content"
  88.                         android:text="Total to Pay:"
  89.                         android:layout_height="wrap_content">
  90.                 </TextView>
  91.                         <EditText
  92.                                 android:layout_width="100px"
  93.                                 android:text="@string/enter_amount"
  94.                                 android:id="@+id/editText1"
  95.                                 android:layout_height="50px"></EditText>
  96.   </LinearLayout>
  97.   <LinearLayout
  98.                 android:orientation="horizontal" android:layout_width="wrap_content"
  99.                 android:layout_height="wrap_content" android:layout_weight="1">
  100.                         <TextView
  101.                         android:id="@+id/textView1"
  102.                         android:layout_width="wrap_content"
  103.                         android:text="Total per Person:"
  104.                         android:layout_height="wrap_content">
  105.                 </TextView>
  106.                 <EditText
  107.                         android:layout_width="100px"
  108.                         android:text="@string/enter_amount"
  109.                         android:id="@+id/editText1"
  110.                         android:layout_height="50px">
  111.                    </EditText>
  112.   </LinearLayout>
  113. </LinearLayout>
  114.  
Parsed in 0.015 seconds, using GeSHi 1.0.8.4
zit1343
Freshman
Freshman
 
Posts: 3
Joined: Sun Apr 24, 2011 4:54 pm

Top

Re: Android main.xml help

Postby Whitt83 » Tue Apr 26, 2011 2:40 am

I'd suggest using a Table Layout

I think that would do what you're trying to do.
Whitt83
Junior Developer
Junior Developer
 
Posts: 11
Joined: Sun Apr 24, 2011 8:26 pm

Re: Android main.xml help

Postby Chrystian » Wed Apr 27, 2011 4:16 am

I think you should use a relative layout, also you need to change the width of the Calculate button:
Code: Select all


<Button
                                android:layout_width="wrap_content"
                                android:text="Calculate"
                                android:layout_height="50px">
                        </Button>
--
Chrystian Vieyra
Chrystian
Junior Developer
Junior Developer
 
Posts: 18
Joined: Mon Jul 12, 2010 2:58 am

Top

Return to SDK/ADT/Emulator Problems

Who is online

Users browsing this forum: Yahoo [Bot] and 5 guests