2012-02-22 10 views
9

Sto cercando di creare una bolla di chat con del testo.Per questo sto creando Three Layoutouts, all'interno del layout lineare principale sto usando FramLayout, sto impostando uno sfondo a 9 patch Per questo Framlayout All'interno di Framlayout sto aggiungendo un altro RelativeLayout dove sto posizionando le mie tre textView e un imageView.but scrivendo un testo lungo che esce dal bordo FramLayout. Non so cosa sto facendo male o cosa mi manca. Sto usando un testo piccolo, ma rimango in forma, ma con un testo grande che esce anche dal bordo di sfondo di FramLayout. In allegato Sto mostrando la mia bolla e la mia immagine. Sto cercando di creare lo stesso come yahoo ma con uno stile diverso.Per favore dammi il tuo suggerimento. Ci provo molto con modi diversi ma non ho successo. Grazie in anticipo. . enter image description here Qui sto mettendo la mia LayoutFileCreare una bolla di chat in Android

 <?xml version="1.0" encoding="utf-8"?> 
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:id="@+id/linearListLayout1"> 

     <FrameLayout 
      android:id="@+id/frameLayout1" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:background="@drawable/bubbleblue" > 

      <RelativeLayout 
       android:id="@+id/relativeLayout1" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
       android:minHeight="100dp"> 

       <TextView 
        android:id="@+id/chattitle" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="TextView" 
        android:layout_marginTop="10dp" 
        android:layout_marginLeft="10dp"/> 

       <TextView android:id="@+id/chatdate" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="TextView" 
        android:layout_alignParentRight="true" 
        android:layout_marginTop="10dp"/> 

       <TextView android:id="@+id/chatText" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:layout_alignBottom="@+id/chatstatus" 
        android:layout_below="@+id/chattitle" 
        android:layout_toLeftOf="@+id/chatstatus" 
        android:text="TextView" /> 

       <ImageView 
        android:id="@+id/chatstatus" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/add_picture" 
        android:layout_alignParentRight="true" 
        android:layout_below="@+id/chatdate" 
        android:minHeight="2dip" 
        android:maxWidth="2sp" 
        android:maxHeight="2sp" 
        android:layout_marginRight="2dp"/> 
     </RelativeLayout> 
    </FrameLayout> 

+0

Bene avremmo bisogno di vedere il file di layout. Sono parziale rispetto a Linear/RelativeLayouts per questo genere di cose. FrameLayouts può diventare un po 'IMO peloso. – Phix

+0

Hai provato a fare scherzi con il padding? – jmcdale

+0

Sì, io uso anche provarlo con padding e utilizzare anche il margine. – aftab

risposta

4

Quando si crea l'immagine .9patch, è anche necessario specificare un area di contenuto, che si definisce con la sinistra, e pixel in basso. Check out this.

+0

Ciao per 9-patch Faccio le stesse cose che ho dato sul tuo link.http: //developer.android.com /guide/developing/tools/draw9patch.html – aftab

+0

@ user717572 pagina non trovata. –

0

Usa enter image description here e enter image description here

per lo sfondo del vostro articolo layout di root.

fare clic con il tasto destro del mouse sulle immagini e selezionare Salva destinazione come.

+0

Sebbene questo collegamento possa rispondere alla domanda, è meglio includere qui le parti essenziali della risposta e fornire il link per riferimento. Le risposte di solo collegamento possono diventare non valide se la pagina collegata cambia. - [Dalla recensione] (/ recensione/post di bassa qualità/16876375) – MikeT

Problemi correlati