Databases
StackOverflow2013
Postsdbo
POCreate a Chat Bubble In Android
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCreate a Chat Bubble In Android
    text
    copied!<p>I am trying to create a chat bubble with some text.For this I am create Three Layoutouts,Inside of main Linear Layout I am using FramLayout,I am setting a 9-patch background To this Framlayout.Inside of Framlayout I am adding one more RelativeLayout where I am placing my three textViews and one imageView.but type long text it goes outside of FramLayout border.I don't know what I am doing wrong or what I am missing.When I am using small text it remain fit but with big text it goes out from even Background Border of FramLayout.In attachment I am showing my bubble and yahoo IM bubble.I am trying to create same like yahoo but with some different style.Please give me your suggestion.I try a lot with different ways but not get success.Thanks in advance . . <img src="https://i.stack.imgur.com/kazof.jpg" alt="enter image description here"> Here I am placing my Layoutfile</p> <pre><code> &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;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"&gt; &lt;FrameLayout android:id="@+id/frameLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/bubbleblue" &gt; &lt;RelativeLayout android:id="@+id/relativeLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:minHeight="100dp"&gt; &lt;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"/&gt; &lt;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"/&gt; &lt;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" /&gt; &lt;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"/&gt; &lt;/RelativeLayout&gt; &lt;/FrameLayout&gt; </code></pre> <p></p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload