Not sure why this happens. It seems like the text is not wrapping correctly on older apis. Here's a screenshot of the word "test".

I'm testing on a Galaxy Nexus running 4.2 and an emulator running 4.1. It's not happening on Lollipop. Thanks.

Hi, I've been testing your library and I'd like to put the arrow on the bottom|right of the bubble.

app:cmv_arrowPosition="bottom" app:cmv_arrowGravity="end"

At this moment, there is no way, as far as I know, to put the bubble on the right part.

Can you help me with this?

Best regards

UPDATE Even I think it has nothing to do with ChatMessageView but would love a comment on this problem. Maybe ChatMessageView can be changed to address this problem

Working on an app project . When I fresh install app and insert an image into ChatMessageView the image becomes shopped like this:

When I rotate device to landscape and back to portrait it looks ok like this:

What could cause this to happen.

I am not changing the xml code between rotate...

Hello, Got this stack trace on some devices:

Caused by: java.lang.ArrayIndexOutOfBoundsException: length=16; index=17
       at android.widget.RelativeLayout$LayoutParams.addRule(RelativeLayout.java:1222)
       at me.himanshusoni.chatmessageview.ChatMessageView.initContent(ChatMessageView.java:118)
       at me.himanshusoni.chatmessageview.ChatMessageView.initialize(ChatMessageView.java:67)
       at me.himanshusoni.chatmessageview.ChatMessageView.<init>(ChatMessageView.java:42)
       at java.lang.reflect.Constructor.constructNative(Constructor.java)
       at java.lang.reflect.Constructor.newInstance(Constructor.java:417)
       at android.view.LayoutInflater.createView(LayoutInflater.java:587)
       at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:687)
       at android.view.LayoutInflater.rInflate(LayoutInflater.java:746)
       at android.view.LayoutInflater.inflate(LayoutInflater.java:489)
       at android.view.LayoutInflater.inflate(LayoutInflater.java:396)
       at com.classcraft.android.views.adapters.MessagingDiscussionAdapter.getIncomingView(MessagingDiscussionAdapter.java:111)
       at com.classcraft.android.views.adapters.MessagingDiscussionAdapter.getView(MessagingDiscussionAdapter.java:101)
       at android.widget.AbsListView.obtainView(AbsListView.java:2465)
       at android.widget.ListView.makeAndAddView(ListView.java:1775)
       at android.widget.ListView.fillUp(ListView.java:712)
       at android.widget.ListView.layoutChildren(ListView.java:1632)
       at android.widget.AbsListView.onLayout(AbsListView.java:2300)
       at android.view.View.layout(View.java:13856)
       at android.view.ViewGroup.layout(ViewGroup.java:4424)
       at android.widget.LinearLayout.setChildFrame(LinearLayout.java:1655)
       at android.widget.LinearLayout.layoutVertical(LinearLayout.java:1513)
       at android.widget.LinearLayout.onLayout(LinearLayout.java:1426)
       at android.view.View.layout(View.java:13856)
       at android.view.ViewGroup.layout(ViewGroup.java:4424)
       at android.widget.FrameLayout.onLayout(FrameLayout.java:448)
       at android.view.View.layout(View.java:13856)
       at android.view.ViewGroup.layout(ViewGroup.java:4424)
       at android.widget.LinearLayout.setChildFrame(LinearLayout.java:1655)
       at android.widget.LinearLayout.layoutVertical(LinearLayout.java:1513)
       at android.widget.LinearLayout.onLayout(LinearLayout.java:1426)
       at android.view.View.layout(View.java:13856)
       at android.view.ViewGroup.layout(ViewGroup.java:4424)
       at android.widget.FrameLayout.onLayout(FrameLayout.java:448)
       at android.view.View.layout(View.java:13856)
       at android.view.ViewGroup.layout(ViewGroup.java:4424)
       at android.widget.FrameLayout.onLayout(FrameLayout.java:448)
       at android.view.View.layout(View.java:13856)
       at android.view.ViewGroup.layout(ViewGroup.java:4424)
       at android.widget.FrameLayout.onLayout(FrameLayout.java:448)
       at android.view.View.layout(View.java:13856)
       at android.view.ViewGroup.layout(ViewGroup.java:4424)
       at android.widget.LinearLayout.setChildFrame(LinearLayout.java:1655)
       at android.widget.LinearLayout.layoutVertical(LinearLayout.java:1513)
       at android.widget.LinearLayout.onLayout(LinearLayout.java:1426)
       at android.view.View.layout(View.java:13856)
       at android.view.ViewGroup.layout(ViewGroup.java:4424)
       at android.widget.FrameLayout.onLayout(FrameLayout.java:448)
       at android.view.View.layout(View.java:13856)
       at android.view.ViewGroup.layout(ViewGroup.java:4424)
       at android.view.ViewRootImpl.performLayout(ViewRootImpl.java:1992)
       at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:1813)
       at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:1113)
       at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:4481)
       at android.view.Choreographer$CallbackRecord.run(Choreographer.java:725)
       at android.view.Choreographer.doCallbacks(Choreographer.java:555)
       at android.view.Choreographer.doFrame(Choreographer.java:525)
       at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:711)
       at android.os.Handler.handleCallback(Handler.java:615)
       at android.os.Handler.dispatchMessage(Handler.java:92)
       at android.os.Looper.loop(Looper.java:137)
       at android.app.ActivityThread.main(ActivityThread.java:4867)
       at java.lang.reflect.Method.invokeNative(Method.java)
       at java.lang.reflect.Method.invoke(Method.java:511)
       at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1007)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:774)
       at dalvik.system.NativeStart.main(NativeStart.java)

According to this SO post, problem seems related to Start/End rules. http://stackoverflow.com/questions/25763142/android-arrayindexoutofbounds-exception-on-addrule-in-layoutparams

Thanks for your time.

i'm using recycle view for show messages and my onitemclicklistener does not working with messages. I think ChatMessageView is inpercepting ontemclick event. How i can avoid this?

Fatal Exception: java.lang.RuntimeException: Unable to start activity android.view.InflateException: Binary XML file line #38: Error inflating class me.himanshusoni.chatmessageview.ChatMessageView at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2118) at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2143) at android.app.ActivityThread.access$700(ActivityThread.java:140) at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1237) at android.os.Handler.dispatchMessage(Handler.java:99) at android.os.Looper.loop(Looper.java:174) at android.app.ActivityThread.main(ActivityThread.java:4952) at java.lang.reflect.Method.invokeNative(Method.java) at java.lang.reflect.Method.invoke(Method.java:511) at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1027) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:794) at dalvik.system.NativeStart.main(NativeStart.java)

but works in kitkat and above

android.content.res.Resources$NotFoundException: Resource ID #0xffd4e157 return when I give it a valid colour, what values are we supposed to use when changing it programatically?

I see you have called it like this:

public void setBackgroundColors(int bgColorRes, int bgPressedColorRes) { this.backgroundColorPressed = this.getResources().getColor(bgPressedColorRes); this.backgroundColor = this.getResources().getColor(bgColorRes); this.updateColors(); }

Why is it not just:

public void setBackgroundColors(int bgColorRes, int bgPressedColorRes) { this.backgroundColorPressed = bgPressedColorRes; this.backgroundColor = bgColorRes; this.updateColors(); }

Perhaps I am missing some logic? I could just be very confused. Please help and give an example, thank you very much. Love the library

Please help!

ChatMessageView messageView = (ChatMessageView) view.findViewById(R.id.chatMessageView); messageTextView.setBackgroundColor(Color.parseColor("#FF4081"));

This only sets the color to the whole parent not just wrapped bubble.

… was not behaving as it should)

I guess that there was a bug because what I did was just to take to opposite of the left and it was working. Else right and long text wasn't working as mentioned in #21

This pull request is focused on resolving occurrences of Sonar rules squid:S3052 - Fields should not be initialized to default values squid:SwitchLastCaseIsDefaultCheck - "switch" statements should end with a "default" clause squid:S1319 - Declarations should use Java collection interfaces such as "List" rather than specific implementation classes such as "LinkedList" squid:CommentedOutCodeLine - Sections of code should not be "commented out"

You can find more information about the issue here: https://dev.eclipse.org/sonar/coding_rules#q=squid:S3052 https://dev.eclipse.org/sonar/coding_rules#q=squid:SwitchLastCaseIsDefaultCheck https://dev.eclipse.org/sonar/coding_rules#q=squid:S1319 https://dev.eclipse.org/sonar/coding_rules#q=squid:CommentedOutCodeLine

Please let me know if you have any questions.

M-Ezzat

This pull request is focused on resolving occurrences of Sonar rules squid:S1118 - Utility classes should not have public constructors squid:S1170 - Public constants and fields initialized at declaration should be "static final" rather than merely "final"

You can find more information about the issue here: https://dev.eclipse.org/sonar/coding_rules#q=squid:S1118 https://dev.eclipse.org/sonar/coding_rules#q=squid:S1170

Please let me know if you have any questions.

M-Ezzat

I'm trying to use android:layout_width="wrap_content" android:layout_height="wrap_content" in CMV but it seems to ignore them and other layout params! Is it a bug??

Hello,nice job on this library. Someone really appreciates the time and effort put into building this library. I was thinking, is there any way I can enable some sort of little bevels underneath my ChatMessageView to give the illusion of depth as seen in Chat bubbles in apps like WhatsApp. The entire view is quite flat..Thanks once again for this nice job.

Using the ChatMessageView version 1.0.7 and loading asynchronously from Picasso gives me this cut of picture:

Notice the Picasso setIndicatorsEnabled(true)blue color marker saying it´s loaded from disk. The bottom picture is nr: 1 in the RecyclerViewList. I dont see this on the other landscapes pictures only the portrait is affected

When i swipe down and swipe up again it looks like this. Picasso working ok as setIndicatorsEnabled(true)now show the green color loaded from memory. but the picture is cut of if like the reused viewholder misses a layout run:

Also the orange timestamp text is hidden behind the cut of picture but on the other picture the time stamp is below.

Basically could you make it work using async loading would be grate. This picture problem is also happening for text. I have to execute the chatAdapter.notifyItemChanged(position); to create the layout in ChatMessageView. Here´s my xml maybe I did something wrong:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:layout_marginBottom="10dp">

    <com.github.curioustechizen.ago.RelativeTimeTextView
        android:id="@+id/timestamp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="8dp"
        android:layout_marginStart="16dp"
        android:textColor="?AppTheme.ChatBubbleTextColor"
        android:textSize="@dimen/chat_timestamp_text_size"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/guideline1"
        tools:text="Just Now" />

    <android.support.constraint.Guideline
        android:id="@+id/guideline1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.88611114"
        tools:layout_editor_absoluteX="319dp"
        tools:layout_editor_absoluteY="0dp" />

    <ImageView
        android:id="@+id/thumbnail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="@+id/guideline1"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:src="@drawable/tw__composer_logo_blue" />

    <me.himanshusoni.chatmessageview.ChatMessageView
        android:id="@+id/chatMessageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:cmv_arrowGravity="center"
        app:cmv_arrowPosition="right"
        app:cmv_backgroundColor="?AppTheme.ChatBubbleBackGroundColor"
        app:cmv_backgroundColorPressed="?AppTheme.ChatBubbleBackGroundColorPressed"
        app:cmv_contentPadding="10dp"
        app:cmv_cornerRadius="10dp"
        app:cmv_showArrow="true"
        app:layout_constraintBottom_toTopOf="@+id/timestamp"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginStart="16dp"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_marginLeft="16dp"
        app:layout_constraintRight_toLeftOf="@+id/guideline1"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        app:layout_constraintHorizontal_bias="1.0">

        <ImageView
            android:id="@+id/image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?AppTheme.ChatBubbleBackGroundColor"/>

    </me.himanshusoni.chatmessageview.ChatMessageView>

</android.support.constraint.ConstraintLayout>

When setting the content_padding xml property to 0dp the view does not round the corners. In my case I'm using the ChatMessageView to show an ImageView and I'd like to not show any background around the ImageView. Here is my xml:

<me.himanshusoni.chatmessageview.ChatMessageView xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cmv_arrowGravity="start"
        app:cmv_arrowMargin="3dp"
        app:cmv_arrowPosition="right"
        app:cmv_backgroundColor="@color/md_grey_300"
        app:cmv_backgroundColorPressed="@color/md_pink_50"
        app:cmv_contentPadding="0dp"
        app:cmv_cornerRadius="3dp"
        app:cmv_showArrow="true">

        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"            
            android:orientation="vertical">

            <ImageView
                android:id="@+id/imageView"
                android:layout_width="200dp"
                android:layout_height="180dp"
                android:adjustViewBounds="true"
                android:scaleType="centerCrop" />

            <TextView
                android:id="@+id/tVtimestamp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom|end"
                android:fontFamily="sans-serif"
                android:padding="4dp"
                android:text="14:30"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:textColor="@color/md_white_1000"
                android:textSize="12sp"
                android:shadowColor="#8000"
                android:shadowDx="0"
                android:shadowDy="2"
                android:shadowRadius="2"/>

        </FrameLayout>
    </me.himanshusoni.chatmessageview.ChatMessageView>

And this is what shows in app: