Autore Topic: Applicare un'immagine di sfondo nel lato destro  (Letto 511 volte)

Offline felasandroid

  • Utente normale
  • ***
  • Post: 345
  • Respect: +10
    • Github
    • balduzziantonio
    • balduzziantonio.unifi
    • Mostra profilo
  • Dispositivo Android:
    Huawei P8 Lite
  • Play Store ID:
    FelasTech
  • Sistema operativo:
    Windows 10
Applicare un'immagine di sfondo nel lato destro
« il: 14 Aprile 2015, 14:21:38 CEST »
0
Salve

sto avendo alcune difficoltà ad applicare un ImageView nel lato destro di un layout. Posto un'immagine come esampio.. In pratica vorrei che le EditText si fermassero non appena inizia il quadrato dell'immagine..

Per ora ho fatto un layout  così:

Codice (XML): [Seleziona]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@+id/layout_root"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   android:background="@color/background_color"
   >

<RelativeLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:orientation="horizontal"
   >


    <ImageView android:id="@+id/image"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignParentLeft="true"
       android:layout_alignParentTop="true"
       android:layout_weight="1"
       android:layout_marginStart="20dp"
       android:layout_marginTop="30dp"
       android:gravity="left"
       android:src="@drawable/ic_search_36dp"
       />

    <LinearLayout
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginTop="35dp"
       android:layout_toRightOf="@+id/image">

    <TextView
       android:id="@+id/text"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_centerVertical="true"
       android:layout_toRightOf="@+id/image"
       android:layout_weight="1"
       android:gravity="center"
       android:text="Inserire nome o cognome"
       android:textSize="18dp"
       android:textColor="#fff" />



    </LinearLayout>



</RelativeLayout>

    <RelativeLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content">



        <EditText
           android:id="@+id/edittext"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_marginLeft="20dp"
           android:background="#064269"
           android:textColorHint="#0b3655"
           android:hint="@string/title_name_dialog"
           android:layout_marginTop="6dp"
           android:textColor="#fff" >
            <requestFocus />
        </EditText>
        <EditText
           android:id="@+id/edittext1"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_marginLeft="20dp"
           android:background="#064269"
           android:textColorHint="#0b3655"
           android:layout_below="@+id/edittext"
           android:layout_marginTop="6dp"
           android:hint="@string/title_cognome_dialog"
           android:textColor="#fff" >
            <requestFocus />
        </EditText>

        <Button android:id="@+id/button_alert"
           android:layout_width="70dp"
           android:layout_height="40dp"
           android:layout_marginTop="16dp"
           android:layout_below="@+id/edittext1"
           android:layout_marginLeft="20dp"
           android:layout_marginRight="5dp"
           android:layout_marginBottom="5dp"
           android:text="@string/search_button"
           android:textColor="#fff"
           android:background="#064269"
           android:textStyle="bold" />



    </RelativeLayout>
</LinearLayout>

Offline tonno16

  • Utente storico
  • *****
  • Post: 1228
  • Respect: +59
    • Mostra profilo
  • Dispositivo Android:
    moto g
  • Play Store ID:
    Diego Tonini
  • Sistema operativo:
    OpenSuse
Re:Applicare un'immagine di sfondo nel lato destro
« Risposta #1 il: 14 Aprile 2015, 14:29:29 CEST »
+1
Faresti u editing con paint? non capisco dove vorresti l' immagine

Offline felasandroid

  • Utente normale
  • ***
  • Post: 345
  • Respect: +10
    • Github
    • balduzziantonio
    • balduzziantonio.unifi
    • Mostra profilo
  • Dispositivo Android:
    Huawei P8 Lite
  • Play Store ID:
    FelasTech
  • Sistema operativo:
    Windows 10
Re:Applicare un'immagine di sfondo nel lato destro
« Risposta #2 il: 14 Aprile 2015, 14:55:26 CEST »
0
Faresti u editing con paint? non capisco dove vorresti l' immagine

praticamente la vorrei a destra come sfondo e la barra dell'edittex che si fermasse un pò prima così da non coprire l'immagine..


ora cerco di farti un editing e lo posto

Offline tonno16

  • Utente storico
  • *****
  • Post: 1228
  • Respect: +59
    • Mostra profilo
  • Dispositivo Android:
    moto g
  • Play Store ID:
    Diego Tonini
  • Sistema operativo:
    OpenSuse
Re:Applicare un'immagine di sfondo nel lato destro
« Risposta #3 il: 14 Aprile 2015, 15:41:26 CEST »
0
Setta meglio il relative layout. Puoi simulare una sorta di z- index con quel layout.

Offline felasandroid

  • Utente normale
  • ***
  • Post: 345
  • Respect: +10
    • Github
    • balduzziantonio
    • balduzziantonio.unifi
    • Mostra profilo
  • Dispositivo Android:
    Huawei P8 Lite
  • Play Store ID:
    FelasTech
  • Sistema operativo:
    Windows 10
Re:Applicare un'immagine di sfondo nel lato destro
« Risposta #4 il: 14 Aprile 2015, 17:23:53 CEST »
0
Setta meglio il relative layout. Puoi simulare una sorta di z- index con quel layout.

Scusa in aticipo perchè l'immagine fa pena, ma in pratica è così i quadrati bianchi sono immagini una piccola e una più grande a destra. Poi la striscia nera il titolo, quelle rosse gli edittext e poi il bottone di grigio.
Mi torna tutto tranne come mettere questa immagine di destra, forse devo ricrearmi il layout da zero magari?

Offline tonno16

  • Utente storico
  • *****
  • Post: 1228
  • Respect: +59
    • Mostra profilo
  • Dispositivo Android:
    moto g
  • Play Store ID:
    Diego Tonini
  • Sistema operativo:
    OpenSuse
Re:Applicare un\'immagine di sfondo nel lato destro
« Risposta #5 il: 14 Aprile 2015, 17:52:49 CEST »
0
Se aspetti un po te ne faccio uno al volo.

Post unito: 14 Aprile 2015, 18:55:03 CEST
In landscape come lo hai postato te credo mi venga.

Codice (XML): [Seleziona]
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@+id/layout_root"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   android:background="@android:color/holo_orange_dark">

    <ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:maxWidth="50dp"
       android:maxHeight="50dp"
       android:adjustViewBounds="true"
       android:src="@mipmap/ic_launcher"
       android:layout_alignParentTop="true"
       android:layout_alignParentLeft="true"
       android:layout_alignParentStart="true"
       android:layout_marginLeft="28dp"
       android:layout_marginStart="28dp"
       android:layout_marginTop="31dp"
       android:id="@+id/imageView" />

    <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="this is title"
       android:layout_alignTop="@+id/imageView"
       android:gravity="center_vertical"
       android:textColor="@android:color/black"
       android:layout_toRightOf="@+id/imageView"
       android:layout_toEndOf="@+id/imageView"
       android:layout_alignBottom="@+id/imageView"
       android:id="@+id/textView" />

    <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="this is center text view"
       android:gravity="center_vertical"
       android:layout_centerVertical="true"
       android:layout_alignLeft="@+id/imageView"
       android:layout_alignStart="@+id/imageView"
       android:id="@+id/textView2" />

    <ImageView
       android:layout_width="250dp"
       android:layout_height="250dp"
       android:maxHeight="200dp"
       android:maxWidth="200dp"
       android:adjustViewBounds="true"
       android:src="@mipmap/ic_launcher"
       android:id="@+id/imageView2"
       android:layout_alignTop="@+id/textView"
       android:layout_alignParentRight="true"
       android:layout_alignParentEnd="true" />

    <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="text button"
       android:id="@+id/button"
       android:layout_alignBottom="@+id/imageView2"
       android:layout_alignLeft="@+id/textView2"
       android:layout_alignStart="@+id/textView2" />
</RelativeLayout>
« Ultima modifica: 14 Aprile 2015, 18:55:03 CEST da tonno16, Reason: Merged DoublePost »

Offline felasandroid

  • Utente normale
  • ***
  • Post: 345
  • Respect: +10
    • Github
    • balduzziantonio
    • balduzziantonio.unifi
    • Mostra profilo
  • Dispositivo Android:
    Huawei P8 Lite
  • Play Store ID:
    FelasTech
  • Sistema operativo:
    Windows 10
Re:Applicare un\'immagine di sfondo nel lato destro
« Risposta #6 il: 14 Aprile 2015, 20:35:07 CEST »
0
Se aspetti un po te ne faccio uno al volo.

Post unito: 14 Aprile 2015, 18:55:03 CEST
In landscape come lo hai postato te credo mi venga.

Codice (XML): [Seleziona]
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@+id/layout_root"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   android:background="@android:color/holo_orange_dark">

    <ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:maxWidth="50dp"
       android:maxHeight="50dp"
       android:adjustViewBounds="true"
       android:src="@mipmap/ic_launcher"
       android:layout_alignParentTop="true"
       android:layout_alignParentLeft="true"
       android:layout_alignParentStart="true"
       android:layout_marginLeft="28dp"
       android:layout_marginStart="28dp"
       android:layout_marginTop="31dp"
       android:id="@+id/imageView" />

    <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="this is title"
       android:layout_alignTop="@+id/imageView"
       android:gravity="center_vertical"
       android:textColor="@android:color/black"
       android:layout_toRightOf="@+id/imageView"
       android:layout_toEndOf="@+id/imageView"
       android:layout_alignBottom="@+id/imageView"
       android:id="@+id/textView" />

    <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="this is center text view"
       android:gravity="center_vertical"
       android:layout_centerVertical="true"
       android:layout_alignLeft="@+id/imageView"
       android:layout_alignStart="@+id/imageView"
       android:id="@+id/textView2" />

    <ImageView
       android:layout_width="250dp"
       android:layout_height="250dp"
       android:maxHeight="200dp"
       android:maxWidth="200dp"
       android:adjustViewBounds="true"
       android:src="@mipmap/ic_launcher"
       android:id="@+id/imageView2"
       android:layout_alignTop="@+id/textView"
       android:layout_alignParentRight="true"
       android:layout_alignParentEnd="true" />

    <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="text button"
       android:id="@+id/button"
       android:layout_alignBottom="@+id/imageView2"
       android:layout_alignLeft="@+id/textView2"
       android:layout_alignStart="@+id/textView2" />
</RelativeLayout>

prima di tutto grazie, l'unica cosa che non mi torna ancora è che vorrei che l'immagine di destra coprisse tutta l'altezza del layout, invece inizia sotto il titolo e l'immagine piccola..è possibile una cosa del genere?

Offline tonno16

  • Utente storico
  • *****
  • Post: 1228
  • Respect: +59
    • Mostra profilo
  • Dispositivo Android:
    moto g
  • Play Store ID:
    Diego Tonini
  • Sistema operativo:
    OpenSuse
Re:Applicare un\'immagine di sfondo nel lato destro
« Risposta #7 il: 14 Aprile 2015, 20:48:06 CEST »
0
Provo o prova assettare align parent true all'immagine in questione.

Post unito: 14 Aprile 2015, 21:24:37 CEST
Ho applicato esattamente quello che ho detto. Vedi se ti va bene.


Codice (XML): [Seleziona]
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@+id/layout_root"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   android:background="@android:color/holo_orange_dark">

    <ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:maxWidth="50dp"
       android:maxHeight="50dp"
       android:adjustViewBounds="true"
       android:src="@mipmap/ic_launcher"
       android:layout_alignParentTop="true"
       android:layout_alignParentLeft="true"
       android:layout_alignParentStart="true"
       android:layout_marginLeft="28dp"
       android:layout_marginStart="28dp"
       android:layout_marginTop="31dp"
       android:id="@+id/imageView" />

    <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="this is title"
       android:layout_alignTop="@+id/imageView"
       android:gravity="center_vertical"
       android:textColor="@android:color/black"
       android:layout_toRightOf="@+id/imageView"
       android:layout_toEndOf="@+id/imageView"
       android:layout_alignBottom="@+id/imageView"
       android:id="@+id/textView" />

    <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="this is center text view"
       android:gravity="center_vertical"
       android:layout_centerVertical="true"
       android:layout_alignLeft="@+id/imageView"
       android:layout_alignStart="@+id/imageView"
       android:id="@+id/textView2" />

    <ImageView
       android:layout_width="250dp"
       android:layout_height="250dp"
       android:maxHeight="200dp"
       android:maxWidth="200dp"
       android:adjustViewBounds="true"
       android:src="@mipmap/ic_launcher"
       android:id="@+id/imageView2"
       android:layout_alignParentRight="true"
       android:layout_alignParentEnd="true"
       android:layout_alignParentTop="true"
       android:layout_alignParentBottom="true" />

    <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="text button"
       android:id="@+id/button"
       android:layout_marginBottom="43dp"
       android:layout_alignParentBottom="true"
       android:layout_alignRight="@+id/textView"
       android:layout_alignEnd="@+id/textView" />
</RelativeLayout>
« Ultima modifica: 14 Aprile 2015, 21:24:37 CEST da tonno16, Reason: Merged DoublePost »

Offline felasandroid

  • Utente normale
  • ***
  • Post: 345
  • Respect: +10
    • Github
    • balduzziantonio
    • balduzziantonio.unifi
    • Mostra profilo
  • Dispositivo Android:
    Huawei P8 Lite
  • Play Store ID:
    FelasTech
  • Sistema operativo:
    Windows 10
Re:Applicare un\'immagine di sfondo nel lato destro
« Risposta #8 il: 16 Aprile 2015, 11:04:23 CEST »
0
Provo o prova assettare align parent true all'immagine in questione.

Post unito: 14 Aprile 2015, 21:24:37 CEST
Ho applicato esattamente quello che ho detto. Vedi se ti va bene.


Codice (XML): [Seleziona]
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@+id/layout_root"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   android:background="@android:color/holo_orange_dark">

    <ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:maxWidth="50dp"
       android:maxHeight="50dp"
       android:adjustViewBounds="true"
       android:src="@mipmap/ic_launcher"
       android:layout_alignParentTop="true"
       android:layout_alignParentLeft="true"
       android:layout_alignParentStart="true"
       android:layout_marginLeft="28dp"
       android:layout_marginStart="28dp"
       android:layout_marginTop="31dp"
       android:id="@+id/imageView" />

    <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="this is title"
       android:layout_alignTop="@+id/imageView"
       android:gravity="center_vertical"
       android:textColor="@android:color/black"
       android:layout_toRightOf="@+id/imageView"
       android:layout_toEndOf="@+id/imageView"
       android:layout_alignBottom="@+id/imageView"
       android:id="@+id/textView" />

    <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="this is center text view"
       android:gravity="center_vertical"
       android:layout_centerVertical="true"
       android:layout_alignLeft="@+id/imageView"
       android:layout_alignStart="@+id/imageView"
       android:id="@+id/textView2" />

    <ImageView
       android:layout_width="250dp"
       android:layout_height="250dp"
       android:maxHeight="200dp"
       android:maxWidth="200dp"
       android:adjustViewBounds="true"
       android:src="@mipmap/ic_launcher"
       android:id="@+id/imageView2"
       android:layout_alignParentRight="true"
       android:layout_alignParentEnd="true"
       android:layout_alignParentTop="true"
       android:layout_alignParentBottom="true" />

    <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="text button"
       android:id="@+id/button"
       android:layout_marginBottom="43dp"
       android:layout_alignParentBottom="true"
       android:layout_alignRight="@+id/textView"
       android:layout_alignEnd="@+id/textView" />
</RelativeLayout>

Ancora non è perfetto ma la strada è quella giusta! grazie mille!