MessageView

Additional

Language
Java
Version
v1.0.19 (Jun 1, 2019)
Created
Mar 17, 2019
Updated
Jun 2, 2019
Owner
Akshay Sunil Masram (TutorialsAndroid)
Contributor
Akshay Sunil Masram (TutorialsAndroid)
1
Activity
Badge
Generate
Download
Source code

Show card

MessageView

MessageView helps you to create chat message view or a social media post view quickly like a typical chatting application or social media post view Its a container view, so you can add any type of message or social post such as TextView or any customize TextView, ImageView, etc.

Library name change from Postui to MessageView.We have removed postui api instead of postui you can use message view api read the below docs.

Library Available at JitPack.io

Features

  1. Can have any child inside of it.
  2. You can change color of MessageView normal and pressed.
  3. Adjustable arrow position (top, bottom, left, right)
  4. Adjustable arrow gravity (start, end, center)
  5. Message view without arrow

Sample Screen

Installation

add gradle dependency to your dependency list:

Add it in your root build.gradle at the end of repositories:

allprojects {
 repositories {
  ...
  maven { url 'https://jitpack.io' }
 }
}

Step 2. Add the dependency

dependencies {
         implementation 'com.github.TutorialsAndroid:MessageView:v1.0.19'
}

Use

  1. Include MessageView in your xml of adapter view with content inside.
<com.kinda.messageview.MessageView
 xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:backgroundColor="#88BABABA"
    app:backgroundColorPressed="#FFBABABA"
    app:cornerRadius="3dp" >

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello" />

        <!-- ... -->

</com.kinda.messageview.MessageView>

Customization

Attributes:

app:arrowGravity="start|end|center"
app:arrowPosition="right|left|top|bottom"
app:arrowMargin="3dp"
app:contentPadding="10dp"
app:backgroundColor="#88BABABA"
app:backgroundColorPressed="#FFBABABA"
app:cornerRadius="3dp"
app:showArrow="true|false"

Description:

  • arrowGravity controls relative position of arrow. possible values are start,end and center. default is left.
  • arrowPosition controls poition of the arrow outside the box. possible values are right,left,top and bottom. default is left.
  • arrowMargin controls margin of arrow. If arrowPosition is left or right it controls top and bottom margin. else it controls left and right margin.
  • contentPadding adjusts padding of content within the box.
  • backgroundColor sets background color of MessageView in normal mode including arrow.
  • backgroundColorPressed sets background color of MessageView in pressed mode including arrow.
  • cornerRadius sets corner radius of the box.
  • showArrow shows / hides arrow from MessageView.

developed to make programming easy.

by Akshay Sunil Masram (akshaysunilmasram@yahoo.com)