[Android] Problema layout se corta horizontal

willy_chaos #1 Jun '14

Bueno pues me estoy peleando con Android para hacer un ejercicio y no consigo dar con la solucion a un problema que tengo.

spoiler

Como podeis ver, aqui se ve genial, pero en horizontal, no, y tampoco me deja subir mas el Scrollview

spoiler

Layout

spoiler

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:background="@drawable/splash_background"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".SplashScreenActivity" >

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center" >

    <GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"

        android:columnCount="2"
        android:orientation="horizontal"
        android:rowCount="2" >

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="25dp" >

            <ImageButton
                android:id="@+id/mnge_courses"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_centerHorizontal="true"
                android:layout_marginBottom="8dp"
                android:background="@android:color/transparent"
                android:scaleType="centerCrop"
                android:src="@drawable/books" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/mnge_courses"
                android:layout_centerHorizontal="true"
                android:gravity="center_horizontal"
                android:text="@string/manage_courses"
                android:textStyle="bold" >
            </TextView>
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="25dp" >

            <ImageButton
                android:id="@+id/mnge_students"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_centerHorizontal="true"
                android:layout_marginBottom="8dp"
                android:background="@android:color/transparent"
                android:scaleType="centerCrop"
                android:src="@drawable/student" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/mnge_students"
                android:layout_centerHorizontal="true"
                android:gravity="center_horizontal"
                android:text="@string/manage_students"
                android:textStyle="bold" >
            </TextView>
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="25dp" >

            <ImageButton
                android:id="@+id/mnge_exams"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_centerHorizontal="true"
                android:layout_marginBottom="8dp"
                android:background="@android:color/transparent"
                android:scaleType="centerCrop"
                android:src="@drawable/exams" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/mnge_exams"
                android:layout_centerHorizontal="true"
                android:gravity="center_horizontal"
                android:text="@string/manage_exams"
                android:textStyle="bold" >
            </TextView>
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="25dp" >

            <ImageButton
                android:id="@+id/logout"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_centerHorizontal="true"
                android:layout_marginBottom="8dp"
                android:background="@android:color/transparent"
                android:scaleType="centerCrop"
                android:src="@drawable/exit" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/logout"
                android:layout_centerHorizontal="true"
                android:gravity="center_horizontal"
                android:text="@string/logout"
                android:textStyle="bold" >
            </TextView>
        </RelativeLayout>
    </GridLayout>
</RelativeLayout>

</ScrollView>

Alguna forma de ponerlo centrado tanto en vertical - horizontal sin que me pase esto?

PinVa #2 Jun '14

#1 Yo he echo algo parecido pero yo la mejor opcion justamente a ese problema es hacerte una nueva carpeta que sea layout-land, y copies y peges ese layout pero lo programes para horizontal.

Y en tu caso es simple, tienes muchas opciones o cuando se ponga horizontal haces las imágenes mas pequeñas o si no ponerlo todo en una fila.

Piensa que hay moviles pequeños que al ponerlos en horizontal a penas se vea las dos filas.

Sino quieres hacerlo para que cubra muchos dispositivos de diferentes tamaños simplemente ponle las imágenes mas pequeñas cuando este en landscape.

1 2 respuestas

zoeshadow #3 Jun '14

Te diria que probases a poner el GridLayout con "fill parent" en el layout_height, pero no estoy seguro de si esto va a funcionar.

Otra buena solución es lo que te dice #2, jugando con los distintos tipos de layout puedes hacer el layout para pantallas pequeñas en landscape que los iconos ocupen menos...

La solución perfecta en este caso a mi parecer es extraer el tamaño de los image button a un fichero dimens y jugando con los selectores de layout acoplarlo a cada vista...

Enlace a la documentación Android

1 1 respuesta

willy_chaos #4 Jun '14

Ya esta solventado, al final he quitado los paddings del Scrollview porque he visto como que cortaba la imagen (cuando en teoria ese espacio no deberia cortar, si no hace que la imagen comenzara a pintar mas abajo...)

y luego en el relative de justo debajo le he añadido unos 20dp de margintop.

Obviamente como decis la mejor forma seria crear un layout especifico pero al ser todo relativo tambien entiendo que deberia funcionar sin problemas.

spoiler

1

TeRRo90 #5 Jun '14

#1 Yo las veces que he tenido que hacer algo parecido he usado un GridView y la verdad es que no tienes problemas ninguno. Solo que en land si no cabe te pondra un scroll como en los ListView.

El GridView lo generas dinamicamente con un adapter especifico y listo.

Digo lo mismo que #3 la solución de #2 también es muy valida.

[Android] Problema layout se corta horizontal

Usuarios habituales

Tags