Question

Bit of a newbie when it comes to android, only been working on it properly for a few days but even after all the searching I’ve done im stumped and nobody seems to know how to help me. I have this so far:

http://img263.imageshack.us/i/sellscreen.jpg

How can I move the text to be besides each icon rather than underneath it? Hoping the gallery won’t be moved either. Here is the code i have:

<?xml version="1.0" encoding="utf-8"?>

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scroller"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:fillViewport="true" >

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

    <Gallery xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gallery"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"/>

    <ImageView 
     android:id="@+id/test_image"
     android:src="@drawable/icon"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"/>

    <TextView  
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="The offcial UK driving theory test application. Over 190 questions."
     />

    <ImageView 
     android:id="@+id/test_image"
     android:src="@drawable/icon"

     android:layout_width="wrap_content"
     android:layout_height="wrap_content"/>

    <TextView  
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="The offcial UK driving theory test application. Over 190 questions."/>

    <ImageView 
     android:id="@+id/test_image"
     android:src="@drawable/icon"

     android:layout_width="wrap_content"
     android:layout_height="wrap_content"/>

    <TextView  
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="The offcial UK driving theory test application. Over 190 questions."/>

    <ImageView 
     android:id="@+id/test_image"
     android:src="@drawable/icon"

     android:layout_width="wrap_content"
     android:layout_height="wrap_content"/>

    <TextView  
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="The offcial UK driving theory test application. Over 190 questions."/>

    <ImageView 
     android:id="@+id/test_image"
     android:src="@drawable/icon"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     />

    <TextView  
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="The offcial UK driving theory test application. Over 190 questions."
        />

    </LinearLayout>

</ScrollView>

Top half of my code doesn’t seem to be showing for some reason but it’s just the opening of the linear layout.
I will be forever grateful to anyone that can help, i’ve been racking my brains for days and getting nowhere. Really getting stressed out by it. Thanks in advance!!

Answer 1

You need to wrap each ImageView/TextView pair in a linearlayout

<LinearLayout 
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
    <ImageView 
     android:id="@+id/test_image"
     android:src="@drawable/icon"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"/>

    <TextView  
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="The offcial UK driving theory test application. Over 190 questions."
     />
</LinearLayout>

It’s also pretty clear that you didn’t ask anyone who knew android, because this is pretty trivial.