Autore Topic: Layout con immagine "sopra" e testo scrollabile "sotto"  (Letto 1883 volte)

Offline dodopepper

  • Utente junior
  • **
  • Post: 124
  • Respect: +4
    • Mostra profilo
  • Dispositivo Android:
    HTC Magic 32a black
Layout con immagine "sopra" e testo scrollabile "sotto"
« il: 22 Giugno 2010, 18:25:37 CEST »
0
Premetto che odio i layout anche perchè non ci sono visuali molto utili, ne sto usando uno fatto in java ma mette l'immagine sovrascritta al testo scrollabile. Cavoli quanto odio i layout, non riesco mai ad azzercarne una giusta co sti cosi!

Questo è il layout che uso attualmente
Codice (XML): [Seleziona]
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:id="@+id/widget34"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
>
<ScrollView
android:id="@+id/widget37"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
>
<TextView
android:id="@+id/WikiArticle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"

>
</TextView>
</ScrollView>
<ImageView
android:id="@+id/RepresentativeImage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
>
</ImageView>
</RelativeLayout>

Offline JD

  • Amministratore
  • Utente storico
  • *****
  • Post: 1600
  • Respect: +232
    • leinardi
    • Mostra profilo
  • Dispositivo Android:
    LG Nexus 5
  • Sistema operativo:
    L'ultima Ubuntu
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #1 il: 22 Giugno 2010, 18:34:06 CEST »
0
Mmm, mi piacerebbe aiutarti ma non ho ben chiaro cosa vuoi ottenere: vuoi un'immagine fissa nella parte alta e sotto una scrollview?

Se ti va fammi un disegnino esplicativo così sono sicuro di capire :D
È stata trovata una soluzione al tuo problema?
Evidenzia il post più utile premendo . È un ottimo modo per ringraziare chi ti ha aiutato ;).
E se hai aperto tu il thread marcalo come risolto cliccando !

Offline blackgin

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1387
  • Respect: +164
    • Google+
    • blackgins
    • blackginsoft
    • Mostra profilo
  • Dispositivo Android:
    Galaxy Nexus
  • Sistema operativo:
    Mac OSX 10.8
Re: Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #2 il: 22 Giugno 2010, 18:38:37 CEST »
0
Secondo me ti basta un LinearLayout. Mettendo l'image sopra e il testo sotto ANCHE nel codice xml.
Postate il LogCat LogCat LogCat LogCat LogCat

Offline dodopepper

  • Utente junior
  • **
  • Post: 124
  • Respect: +4
    • Mostra profilo
  • Dispositivo Android:
    HTC Magic 32a black
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #3 il: 22 Giugno 2010, 18:39:19 CEST »
0
Mmm diciamo che andrebbero bene entrambe le soluzioni. Nel caso volessi fare una immagine sopra e sotto il testo (che è sempre piuttosto lungo) il tutto inserito in una vista scrollabile so che dovrei fare una custom view per la soluzione immagine + testo dato che la scrollView accetta un solo figlio,giusto?

Altrimenti va anche bene una immagine sopra "fissa" (magari imponendo che non occupi tutto lo schermo) e sotto il testo preso da wikipedia inserito in una scrollview. Questa ultima soluzione è quello che sto cercando di fare ma non mi riesce proprio.....

Offline JD

  • Amministratore
  • Utente storico
  • *****
  • Post: 1600
  • Respect: +232
    • leinardi
    • Mostra profilo
  • Dispositivo Android:
    LG Nexus 5
  • Sistema operativo:
    L'ultima Ubuntu
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #4 il: 22 Giugno 2010, 18:42:18 CEST »
+1
Beh se dentro la ScrollView ci metti un linear/relative layout al loro interno puoi fare quello che ti pare.
Scusami ma sono un po' frenato, in soldoni cosa vorresti fare? una scrollview con dentro un'immagine e del testo (a mo di pagina web per intenderci)? o qualcosa deve rimanere fisso e qualcos'altro deve scrollare?
È stata trovata una soluzione al tuo problema?
Evidenzia il post più utile premendo . È un ottimo modo per ringraziare chi ti ha aiutato ;).
E se hai aperto tu il thread marcalo come risolto cliccando !

Offline dodopepper

  • Utente junior
  • **
  • Post: 124
  • Respect: +4
    • Mostra profilo
  • Dispositivo Android:
    HTC Magic 32a black
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #5 il: 22 Giugno 2010, 18:48:01 CEST »
0
Ma tranquillo sono io che non mi faccio capire bene, è che non so come farti il disegnino.... :-[
Comunque vanno bene tutte e due le soluzioni, non avevo pensato alla cosa di mettere un relative layout all'interno della scroll view...sto proprio fuso oggi, colpa del parsing html con cui ho combattuto stamattina.
Cmq si esattamente a mo di pagina web andrebbe bene, oppure anche con l'immagine sopra fissa e il testo che scorre sotto...stavo valutando entrambe le soluzioni!

Offline dodopepper

  • Utente junior
  • **
  • Post: 124
  • Respect: +4
    • Mostra profilo
  • Dispositivo Android:
    HTC Magic 32a black
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #6 il: 22 Giugno 2010, 18:54:51 CEST »
0
Grossomodo ho risolto il layout stile pagina web mettendo un relative layout nella scroll view in questo modo
Codice (XML): [Seleziona]
<?xml version="1.0"  encoding="utf-8"?>
<ScrollView
        android:id="@+id/widget39"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        xmlns:android="http://schemas.android.com/apk/res/android">
        <RelativeLayout
                android:id="@+id/widget40"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent">
                <ImageView
                        android:id="@+id/RepresentativeImage"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentTop="true"
                        android:layout_centerHorizontal="true">
                </ImageView>
                <TextView
                        android:id="@+id/WikiArticle"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/RepresentativeImage"
                        android:layout_alignParentLeft="true">
                </TextView>
        </RelativeLayout>
</ScrollView>

Solo che ora lascia un sacco di spazio da sopra invece di "attaccare" l'immagine subito sopra e lascia un po' troppo spazio fra testo e immagine, comunque già così va abbastanza bene. ora vorrei capire come fare in quell'altro modo, con l'immagine "fissa" e il testo sotto scrollabile
« Ultima modifica: 22 Giugno 2010, 19:09:28 CEST da JD, Reason: Mi son permesso di indentare l\'xml :P »

Offline JD

  • Amministratore
  • Utente storico
  • *****
  • Post: 1600
  • Respect: +232
    • leinardi
    • Mostra profilo
  • Dispositivo Android:
    LG Nexus 5
  • Sistema operativo:
    L'ultima Ubuntu
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #7 il: 22 Giugno 2010, 19:08:32 CEST »
0
Strano, ho provato il tuo codice e a me non risultano spazi vuoti sopra o sotto l'immagine. Sei sicuro che lo spazio vuoto non sia una trasparenza dell'immagine stessa?
È stata trovata una soluzione al tuo problema?
Evidenzia il post più utile premendo . È un ottimo modo per ringraziare chi ti ha aiutato ;).
E se hai aperto tu il thread marcalo come risolto cliccando !

Offline dodopepper

  • Utente junior
  • **
  • Post: 124
  • Respect: +4
    • Mostra profilo
  • Dispositivo Android:
    HTC Magic 32a black
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #8 il: 22 Giugno 2010, 19:14:11 CEST »
0
Mmm ho provato anche a cambiare immagine e lascia un bordino nero sopra....Boh forse è dovuto al fatto che ridimensiona orizzontalmente l'immagine...ma è strano... dovrebbe "Attaccarla" sopra! Vabbè dettagli, per ora va bene così..... Grazie JD sei stato gentilissimo. Resta però da risolvere l'altro layout, se hai tempo e voglia e ti viene qualche idea è sempre utile!

Offline JD

  • Amministratore
  • Utente storico
  • *****
  • Post: 1600
  • Respect: +232
    • leinardi
    • Mostra profilo
  • Dispositivo Android:
    LG Nexus 5
  • Sistema operativo:
    L'ultima Ubuntu
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #9 il: 22 Giugno 2010, 19:31:25 CEST »
0
Potrebbe andare una cosa del genere?
Codice (XML): [Seleziona]
<?xml version="1.0"  encoding="utf-8"?>
<RelativeLayout
        android:id="@+id/widget40"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        xmlns:android="http://schemas.android.com/apk/res/android">
        <ImageView
                android:id="@+id/RepresentativeImage"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_centerHorizontal="true">
        </ImageView>
        <ScrollView
                android:id="@+id/widget39"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/RepresentativeImage">
                <TextView
                        android:id="@+id/WikiArticle"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content">
                </TextView>
        </ScrollView>
</RelativeLayout>

EDIT:
Mi accorgo ora che è lo stesso codice del topic :D

Ne deduco che non ho ancora capito cosa vorresti ottenere  :-P
« Ultima modifica: 22 Giugno 2010, 19:41:20 CEST da JD »
È stata trovata una soluzione al tuo problema?
Evidenzia il post più utile premendo . È un ottimo modo per ringraziare chi ti ha aiutato ;).
E se hai aperto tu il thread marcalo come risolto cliccando !

Offline dodopepper

  • Utente junior
  • **
  • Post: 124
  • Respect: +4
    • Mostra profilo
  • Dispositivo Android:
    HTC Magic 32a black
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #10 il: 22 Giugno 2010, 20:20:12 CEST »
0
No ma concettualmente va bene il codice infatti, solo che non funziona bene! Vorrei avere una immagine nella parte alta che rimane ferma e nella parte bassa dello schermo (diciamo la seconda metà dello schermo) una text view scrollabile....

Offline blackgin

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1387
  • Respect: +164
    • Google+
    • blackgins
    • blackginsoft
    • Mostra profilo
  • Dispositivo Android:
    Galaxy Nexus
  • Sistema operativo:
    Mac OSX 10.8
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #11 il: 22 Giugno 2010, 20:21:51 CEST »
0
Quello di JD mi pare giusto.. La textview dovrebbe scrollare
Postate il LogCat LogCat LogCat LogCat LogCat

Offline dodopepper

  • Utente junior
  • **
  • Post: 124
  • Respect: +4
    • Mostra profilo
  • Dispositivo Android:
    HTC Magic 32a black
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #12 il: 22 Giugno 2010, 20:38:09 CEST »
0
Quello di JD mi pare giusto.. La textview dovrebbe scrollare

Ecco appunto, quello di jd va bene! eheh chissà che sbagliavo. Cmq così non mi piace come esce viene troppo piccola la finestra dove si visualizza il testo!

Offline blackgin

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1387
  • Respect: +164
    • Google+
    • blackgins
    • blackginsoft
    • Mostra profilo
  • Dispositivo Android:
    Galaxy Nexus
  • Sistema operativo:
    Mac OSX 10.8
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #13 il: 22 Giugno 2010, 20:49:30 CEST »
0
Beh.... ingrandiscila! Al posto di mettere il wrap_content metti la dimensione che vuoi..
Postate il LogCat LogCat LogCat LogCat LogCat

Offline JD

  • Amministratore
  • Utente storico
  • *****
  • Post: 1600
  • Respect: +232
    • leinardi
    • Mostra profilo
  • Dispositivo Android:
    LG Nexus 5
  • Sistema operativo:
    L'ultima Ubuntu
Re:Layout con immagine "sopra" e testo scrollabile "sotto"
« Risposta #14 il: 22 Giugno 2010, 21:22:49 CEST »
0
Potresti impostare una dimensione fissa per l'immagine (es. 100dp) e lasciare l'area sottostante per il testo:
Codice (XML): [Seleziona]
<?xml version="1.0"  encoding="utf-8"?>
<LinearLayout
        android:id="@+id/widget40"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical">
        <ImageView
                android:id="@+id/RepresentativeImage"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:maxHeight="100dp"
                android:minHeight="100dp">
        </ImageView>
        <ScrollView
                android:id="@+id/widget39"
                android:layout_width="fill_parent"
                android:layout_weight="1"
                android:layout_height="0dp">
                <TextView
                        android:id="@+id/WikiArticle"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content">
                </TextView>
        </ScrollView>
</LinearLayout>
È stata trovata una soluzione al tuo problema?
Evidenzia il post più utile premendo . È un ottimo modo per ringraziare chi ti ha aiutato ;).
E se hai aperto tu il thread marcalo come risolto cliccando !