all messed up... how to organize the layout?

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

all messed up... how to organize the layout?

Postby goidelg » Wed Aug 26, 2009 12:41 pm

Hey all,

I tried to arrange all the parts in this screen, but it seems to be unfeasible.
I have used a table, but... :cry:

SO,
here is what I wanna have:
3 rows with:
icons (album, artist, song) - in the left.
string (album, artist, song) - right after the icons
a place to put in the details - right after the strings.
what went wrong?

xml and screenshot are attached.

thanks!

Syntax: [ Download ] [ Hide ]
Using xml Syntax Highlighting
  1.  
  2. <?xml version="1.0" encoding="utf-8"?>
  3.  
  4.  
  5.  
  6. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
  7.  
  8.         android:id="@+id/table" android:layout_width="fill_parent"
  9.  
  10.         android:layout_height="fill_parent" android:shrinkColumns="true"
  11.  
  12.         android:stretchColumns="1" android:background="@drawable/black">
  13.  
  14.         <ImageView android:src="@drawable/small_kara">
  15.  
  16.                 android:gravity="left"
  17.  
  18.                         </ImageView>
  19.  
  20.         <TableRow android:gravity="center_horizontal">
  21.  
  22.  
  23.  
  24.                 <ImageView android:src="@drawable/music_folder">
  25.  
  26.                         android:gravity="left"
  27.  
  28.                         </ImageView>
  29.  
  30.                 <TextView android:id="@+id/AlbumHeader" android:text="@string/Album"
  31.  
  32.                         android:layout_height="wrap_content" android:layout_width="wrap_content"
  33.  
  34.                         android:textSize="20sp" android:padding="10dp">
  35.  
  36.                 </TextView>
  37.  
  38.                 <TextView android:id="@+id/AlbumName" android:layout_height="wrap_content"
  39.  
  40.                         android:layout_width="wrap_content" android:textSize="15dp"
  41.  
  42.                         android:padding="10dp" android:text="SHAKIRE BEST OF ALL TIMES">
  43.  
  44.                 </TextView>
  45.  
  46.         </TableRow>
  47.  
  48.  
  49.  
  50.  
  51.  
  52.         <TableRow>
  53.  
  54.  
  55.  
  56.                 <ImageView android:src="@drawable/singer">
  57.  
  58.                         android:gravity="left"
  59.  
  60.                         </ImageView>
  61.  
  62.                 <TextView android:id="@+id/ArtistHeader" android:text="@string/Artist"
  63.  
  64.                         android:layout_height="wrap_content" android:layout_width="wrap_content"
  65.  
  66.                         android:textSize="20sp" android:padding="10dp" android:gravity="left">
  67.  
  68.                 </TextView>
  69.  
  70.                 <TextView android:id="@+id/ArtistName" android:layout_height="wrap_content"
  71.  
  72.                         android:layout_width="wrap_content" android:textSize="15dp"
  73.  
  74.                         android:padding="10dp" android:text="SHAKIRA ft. Mc. OZANA"
  75.  
  76.                         android:gravity="right">
  77.  
  78.                 </TextView>
  79.  
  80.         </TableRow>
  81.  
  82.  
  83.  
  84.  
  85.  
  86.         <TableRow>
  87.  
  88.                 <ImageView android:src="@drawable/music_icon2">
  89.  
  90.                         android:gravity="left"
  91.  
  92.                         </ImageView>
  93.  
  94.                 <TextView android:id="@+id/SongHeader" android:text="@string/Song"
  95.  
  96.                         android:layout_height="wrap_content" android:layout_width="wrap_content"
  97.  
  98.                         android:textSize="20sp" android:padding="10dp" android:gravity="left">
  99.  
  100.                 </TextView>
  101.  
  102.  
  103.  
  104.                 <TextView android:id="@+id/SongName" android:layout_height="wrap_content"
  105.  
  106.                         android:layout_width="fill_parent" android:textSize="15dp"
  107.  
  108.                         android:padding="10dp" android:text="ALL THIS ANDROID STUFF"
  109.  
  110.                         android:gravity="right">
  111.  
  112.                 </TextView>
  113.  
  114.         </TableRow>
  115.  
  116.  
  117.  
  118.  
  119.  
  120.         <TableRow android:gravity="center_horizontal">
  121.  
  122.                 <TextView android:id="@+id/Lyrics" android:text="Lyrics bla bla bla..."
  123.  
  124.                         android:layout_height="wrap_content" android:layout_width="wrap_content"
  125.  
  126.                         android:layout_below="@id/table" android:layout_centerVertical="true"
  127.  
  128.                         android:textSize="15sp" android:padding="10dp" android:gravity="left">
  129.  
  130.                 </TextView>
  131.  
  132.         </TableRow>
  133.  
  134.  
  135.  
  136.         <TableRow android:id="@+id/barContainer">
  137.  
  138.  
  139.  
  140.         </TableRow>
  141.  
  142.  
  143.  
  144. </TableLayout>
  145.  
  146.  
Parsed in 0.011 seconds, using GeSHi 1.0.8.4
Attachments
Untitled.jpg
Untitled.jpg (22.97 KiB) Viewed 216 times
goidelg
Once Poster
Once Poster
 
Posts: 1
Joined: Thu Jun 25, 2009 4:41 pm

Top

Postby WarrenFaith » Wed Aug 26, 2009 4:20 pm

just on a short view:
Syntax: [ Download ] [ Hide ]
Using xml Syntax Highlighting
  1. <ImageView android:src="@drawable/music_icon2">
  2.  
  3.                android:gravity="left"
  4.  
  5.                </ImageView>
Parsed in 0.000 seconds, using GeSHi 1.0.8.4

your android:gravity is out of the xml-tags.
WarrenFaith
Moderator
Moderator
 
Posts: 227
Joined: Fri Mar 13, 2009 10:59 am
Location: Berlin, Germany

Top

Return to View, Layout & Resource Problems

Who is online

Users browsing this forum: No registered users and 9 guests