Plaatsing problemen met app face android

[steamon]

Ik ben al een tijdje bezig om van een psd een layout van een app om te zetten naar IntellJ IDEA een programma voor android zodat een programmeur verder de app inelkaar kan bouwen, maar ik loop tegen wat plaatsing problemen aan. Bijvoorbeeld de teksten in het midden gaan niet naar rechts omdat de tablelayout oneindig colums blijft creeren.

Onderin willen de knoppen niet verder naar rechts wat normaal wel lukt.

Op andere devices schaalt de interface niet goed mee.

Zou ik op de goede weg geholpen kunnen worden? rechts op het plaatje wat ik heb en links moet het uiteindelijke resultaat worden.

XML:

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

<FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"
        >
    <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="197dp" android:layout_gravity="center_horizontal|bottom">
        <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/button"
                android:layout_marginLeft="24dp"
                android:background="@drawable/timegroen"
                android:minHeight="130dp" android:minWidth="130dp" android:layout_alignParentTop="true"
                android:layout_alignParentStart="true"/>
        <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/button2"
                android:layout_alignParentTop="true" android:layout_alignParentEnd="true"
                android:layout_marginRight="26dp" android:background="@drawable/timeout" android:minHeight="130dp"
                android:minWidth="130dp"/>
    </RelativeLayout>
    <LinearLayout
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" android:layout_gravity="center_horizontal|top" android:weightSum="1"
            android:background="#ff5eb235">
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:text="bedrijf"
                android:id="@+id/textView3" android:layout_weight="0.5" android:gravity="left"
                android:paddingLeft="30dp" android:layout_marginTop="10dp" android:layout_marginBottom="10dp"/>
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:text="ID: 24525424"
                android:id="@+id/textView4" android:layout_weight="0.5" android:gravity="right"
                android:paddingRight="30dp" android:layout_marginBottom="10dp" android:layout_marginTop="10dp"
                android:singleLine="false"/>
    </LinearLayout>
    <LinearLayout
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="45dp" android:layout_gravity="center_horizontal|bottom"
            android:background="#ffffffff" android:weightSum="1">
        <Button
                android:layout_width="wrap_content"
                android:layout_height="58dp"
                android:id="@+id/button3" android:background="@drawable/clock2"/>
        <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/button4" android:background="@drawable/logout"/>
        <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/button5" android:background="@drawable/like"/>
    </LinearLayout>
    <TableLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:layout_row="1" android:layout_column="2"
            android:layout_gravity="center_horizontal" android:paddingTop="100dp" android:minWidth="270dp"
            >
        <TableRow
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" android:paddingTop="10dp" android:background="#ff5eb235">
            <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="Status"
                    android:id="@+id/textView" android:layout_column="0" android:gravity="left"
                    />
            <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="Time IN"
                    android:id="@+id/textView2" android:layout_column="2"
                    android:gravity="right"/>
        </TableRow>
        <TableRow
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" android:paddingTop="15dp" android:background="#2c7f03">
            <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="Start IN"
                    android:id="@+id/textView5" android:layout_column="0" android:gravity="left"/>
            <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="08:55"
                    android:id="@+id/textView8" android:gravity="right" android:layout_column="2"/>
        </TableRow>
        <TableRow
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" android:paddingTop="15dp" android:background="#ff5eb235">
            <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="Total time today"
                    android:id="@+id/textView6" android:layout_column="0" android:gravity="left"/>
            <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="1:16"
                    android:id="@+id/textView9" android:gravity="right" android:layout_column="2"/>
        </TableRow>
        <TableRow
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" android:paddingTop="15dp" android:background="#ff2c7f03">
            <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="Total this week"
                    android:id="@+id/textView7" android:layout_column="0" android:gravity="left"/>
            <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:text="14:08"
                    android:id="@+id/textView10" android:gravity="right" android:layout_column="2"/>
        </TableRow>
    </TableLayout>
</FrameLayout>

Met vriendelijke groet,
Steamon

[redbullet]

Als je in de graphical layout editor op 1 van de knoppen onderin klikt en dan "Distributes weights evenly"



waarom doet mijn plaatje het bij mij niet?
hier in ieder geval link van plaatje
https://www.dropbox.com/s/uyudypyunq4lz15/aa.png

[ Voor 28% gewijzigd door redbullet op 18-08-2014 10:23 ]

[steamon]

Thx dat werkt. Wel worden de plaatjes uitgetrokken, maar dat is niet zoon probleem dat kan ik door passen en meten fixen, maar nu staat dat goed op positie.

Het gaat mij eerst echt om de functioneele plaatsing zodat de app geprogrammeerd kan worden.

Ik heb al visuel studio geprobeerd de afgelopen dagen. Nu naar IntellJ IDEA overgestapt zodat ik alle lagen kan zien dat werkt wel makkelijker.

Nog enige tips voor het midden vlak?

[redbullet]

Wat precies wil je dan bij het middenvlak doen?

[steamon]

redbullet schreef op dinsdag 19 augustus 2014 @ 10:53:
Wat precies wil je dan bij het middenvlak doen?

Dat hij 100% klopte met het voorbeeld, maar het is inmiddels gelukt. Bedankt voor de tips.