Autore Topic: Layout con due immagini affiancate su 3 righe  (Letto 196 volte)

Offline rspadar

  • Nuovo arrivato
  • *
  • Post: 7
  • Respect: 0
    • Mostra profilo
  • Dispositivo Android:
    SM-905P
  • Sistema operativo:
    Windows 7
Layout con due immagini affiancate su 3 righe
« il: 09 Settembre 2016, 22:09:34 CEST »
0
Ciao a tutti,

sto cercando di realizzare un layout con 6 tasti, cioè 2 immagi su ogni riga. Non riesco in alcun modo a riuscire a vedere la terza riga. Sto impazzendo per questa cosa.

Il mio layout è il seguente:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    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="com.miodominio.mioprogetto.MainActivity"
    android:background="#000000">

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/linearLayout">

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton"
            android:layout_weight="2"
            android:background="@drawable/tasto_uomo" />

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton2"
            android:layout_weight="2"
            android:background="@drawable/tasto_donna" />
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/linearLayout"
        android:layout_centerHorizontal="true">

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton3"
            android:layout_weight="2"
            android:background="@drawable/tasto_contatti" />

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton4"
            android:layout_weight="2"
            android:background="@drawable/tasto_dovesiamo" />
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/linearLayout"
        android:layout_centerHorizontal="true">

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton5"
            android:layout_weight="2"
            android:background="@drawable/tasto_news" />

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton6"
            android:layout_weight="2"
            android:background="@drawable/tasto_galleria" />

    </LinearLayout>

</RelativeLayout>


Qualcuno mi sa dare qualche indicazione?

Raffaele

Offline capitancooker

  • Utente junior
  • **
  • Post: 56
  • Marco
  • Respect: +3
    • Mostra profilo
  • Dispositivo Android:
    Nexus 5, Asus Zenpad S 8.0
  • Sistema operativo:
    Mac OSX El Capitan
Re:Layout con due immagini affiancate su 3 righe
« Risposta #1 il: 10 Settembre 2016, 00:10:18 CEST »
0
Il terzo linear layout  è nascosto dal secondo perché  tutti e due hanno come parametro android:layout_below="@+id/linearLayout", quindi posizionati entrambi sotto il primo layout. Assegna un nuovo id al secondo layout e nel terzo modifica il parametro  android:layout_below="@+id/linearLayout" con il nuovo id.
Ciao,
Matco
Se sbaglio, correggetemi.

Offline rspadar

  • Nuovo arrivato
  • *
  • Post: 7
  • Respect: 0
    • Mostra profilo
  • Dispositivo Android:
    SM-905P
  • Sistema operativo:
    Windows 7
Re:Layout con due immagini affiancate su 3 righe
« Risposta #2 il: 10 Settembre 2016, 15:29:10 CEST »
0
Ho cambiato seguendo le tue indicazioni ma comunque la terza riga la vedo piccolissima, non si adatta tutto in automatico

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    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="com.miodominio.mioprogetto.MainActivity"
    android:background="#000000">

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/linearLayout">

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton"
            android:layout_weight="2"
            android:src="@drawable/tasto_uomo"
            android:background="#94959a"
            android:adjustViewBounds="false"
            android:baselineAlignBottom="false"
            android:cropToPadding="false" />

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton2"
            android:layout_weight="2"
            android:src="@drawable/tasto_donna"
            android:background="#818287" />
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/linearLayout"
        android:layout_centerHorizontal="true"
        android:id="@+id/linearLayout2">

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton3"
            android:layout_weight="2"
            android:src="@drawable/tasto_contatti"
            android:background="#6d6e72" />

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton4"
            android:layout_weight="2"
            android:src="@drawable/tasto_dovesiamo"
            android:background="#59575c" />
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/linearLayout2"
        android:layout_centerHorizontal="true"
        android:id="@+id/linearLayout3">

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton5"
            android:layout_weight="2"
            android:src="@drawable/tasto_news"
            android:baselineAlignBottom="true"
            android:background="#38383a" />

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/imageButton6"
            android:layout_weight="2"
            android:src="@drawable/tasto_galleria"
            android:background="#2e292d" />

    </LinearLayout>

</RelativeLayout>

Qualche altra idea??


Raffaele

Offline capitancooker

  • Utente junior
  • **
  • Post: 56
  • Marco
  • Respect: +3
    • Mostra profilo
  • Dispositivo Android:
    Nexus 5, Asus Zenpad S 8.0
  • Sistema operativo:
    Mac OSX El Capitan
Re:Layout con due immagini affiancate su 3 righe
« Risposta #3 il: 10 Settembre 2016, 16:45:25 CEST »
0
I linear layout che hai preparato si adattano al loro contenuto, quindi può essere che i drawable nei bottoni dell'ultma riga siano ad una risoluzione più bassa dei precedenti.
Se vuoi provare, ma non è una "best pratice", puoi impostare le dimensioni degli ImageButton a valore fisso, tipo "80dp", giusto per vedere se ti si ingrandisce la riga.
Ciao,
Marco
« Ultima modifica: 10 Settembre 2016, 16:51:40 CEST da capitancooker »
Se sbaglio, correggetemi.