創建類似于微信或QQ聊天視圖的Android庫:ChatMessageView

jopen 9年前發布 | 19K 次閱讀 Android開發 移動開發 ChatMessageView

ChatMessageView能夠幫助你快速創建聊天視圖,類似于在微信或QQ聊天看到的。它是一個容器視圖,所以你添加任何類型的消息如TextView或任何自定義的TextView, ImageView等。

特性

  1. Can have any child inside of it.
  2. You can change color ofChatMessageViewnormal and pressed.
  3. Adjustable arrow position (top, bottom, left, right)
  4. Adjustable arrow gravity (start, end, center)
  5. Chat view without arrow
  6. </ol>

    Sample Screen

    ChatMessageView

    Installation

    add gradle dependency to your dependency list:

    dependencies {
        compile 'me.himanshusoni.chatmessageview:chat-message-view:1.0.2' }

    Use

    1. IncludeChatMessageViewin your xml of adapter view with content inside.
    <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_backgroundColor="#88BABABA"
        app:cmv_backgroundColorPressed="#FFBABABA"
        app:cmv_cornerRadius="3dp" >
    
        <TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello" />
    
            <!-- ... -->
    
    </me.himanshusoni.chatmessageview.ChatMessageView>

    Customization

    Attributes:

    app:cmv_arrowGravity="start|end|center"
    app:cmv_arrowPosition="right|left|top|bottom"
    app:cmv_arrowMargin="3dp"
    app:cmv_contentPadding="10dp"
    app:cmv_backgroundColor="#88BABABA"
    app:cmv_backgroundColorPressed="#FFBABABA"
    app:cmv_cornerRadius="3dp"
    app:cmv_showArrow="true|false"

    Description:

    • cmv_arrowGravitycontrols relative position of arrow. possible values arestart,endandcenter. default isleft.
    • cmv_arrowPositioncontrols poition of the arrow outside the box. possible values areright,left,topandbottom. default isleft.
    • cmv_arrowMargincontrols margin of arrow. Ifcmv_arrowPositionisleftorrightit controls top and bottom margin. else it controls left and right margin.
    • cmv_contentPaddingadjusts padding of content within the box.
    • cmv_backgroundColorsets background color ofChatMessageViewin normal mode including arrow.
    • cmv_backgroundColorPressedsets background color ofChatMessageViewin pressed mode including arrow.
    • cmv_cornerRadiussets corner radius of the box.
    • cmv_showArrowshows / hides arrow fromChatMessageView.

    項目主頁:http://www.baiduhome.net/lib/view/home/1442134869085

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!