Search code examples
androidlayoutscale

Android scaling(Layout) problems


As you can understand from the title i have some problems with the scaling with what i am building at the moment. On my GalaxyS5 everything runs perfectly, however when i try to run it on a Samsung tablet with a bigger screen i get some problems.

Because i can't post pictures, here is a link that provides a visual description of my problem : https://www.sendspace.com/file/83j0tp

Update : Since i have 10reputation posts, i can add the pictures.

Samsung S5

State 1

enter image description here

State 2

enter image description here

SamsungTab (Tablet)

State 1

enter image description here

State 2

enter image description here

This is my XML code :

I hope you guys can help me out.

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


<LinearLayout
    android:layout_alignParentBottom="true"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/linearLayout5"
    android:layout_alignTop="@+id/linearLayout6">

    <ImageView
        android:id="@+id/loginImage"
        android:layout_width="fill_parent"
        android:layout_height="match_parent" />
    <ImageView
        android:id="@+id/loginImage2"
        android:layout_width="fill_parent"
        android:layout_height="match_parent" />

    <TextView
        android:layout_width="372dp"
        android:layout_height="match_parent"
        android:layout_alignLeft="@+id/loginImage"
        android:layout_alignTop="@+id/loginImage"
        android:layout_alignRight="@+id/loginImage"
        android:layout_alignBottom="@+id/loginImage"
        android:gravity="center|right"
        android:id="@+id/textLoginmail" />
</LinearLayout>

<LinearLayout
    android:layout_alignParentBottom="true"
    android:layout_width="fill_parent"
    android:layout_height="49.5dp"
    android:layout_marginTop="45dp"
    android:id="@+id/linearLayout6"
    android:weightSum="1"
    android:layout_alignParentEnd="false">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="Registreer"
        android:gravity="center|right"
        android:textColor="#FFFFFF"
        android:id="@+id/textRegistreer"
        android:layout_weight="0.72" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:id="@+id/textLogin"
        android:layout_weight="0.44"
        android:text="Login"
        android:textColor="#FFFFFF"
        android:gravity="center"/>

    <Button
        android:layout_width="81dp"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:id="@+id/closeButton" />

</LinearLayout>

<FrameLayout
    android:layout_above="@id/linearLayout5"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="25dp"
    android:id="@+id/framelayout_facebook">

    <ImageView
        android:id="@+id/facebookImage"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <com.facebook.widget.LoginButton
        android:id="@+id/fb_login_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:drawableLeft="@drawable/ic_action_labels"
        android:drawableRight="@drawable/ic_action_next_item"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"/>
    <LinearLayout
        android:clickable="true"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:orientation="horizontal"
        android:id="@+id/overlay_for_terms"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:weightSum="1">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textColor="#FFFFFF"
            android:id="@+id/textFacebook"
            android:layout_weight="0.90" />
    </LinearLayout>
</FrameLayout>


Solution

  • Problem solved. I though it would be a better idea to tell the program on which screen which width it should use.

    And thanks to Gaetan's tips it worked like a charm. Using different layout style on different screens (Android)