ChatView
Third Release
將其添加到您的root build.gradle，在存儲庫的結尾處：
allprojects {
repositories {
.. .
maven { url ' https://jitpack.io ' }
}
}然後添加依賴關係
dependencies {
compile ' com.github.shrikanth7698:ChatView:v0.1.2 '
}將Chatview放入您的XML佈局中，如下所示：
< com .shrikanthravi.chatview.widget.ChatView
android : layout_width = " match_parent "
android : layout_height = " match_parent "
app : showSenderLayout = " false "
app : leftBubbleLayoutColor = " #ff7b7b "
app : rightBubbleLayoutColor = " @color/colorAccent2 "
app : leftBubbleTextColor = " @android:color/white "
app : rightBubbleTextColor = " @android:color/black "
android : layout_above = " @+id/sendLL "
app : showSenderName = " true "
android : id = " @+id/chatView " >
</ com .shrikanthravi.chatview.widget.ChatView>
不要忘記將此屬性添加到您的根佈局中。
xmlns:app="http://schemas.android.com/apk/res-auto"然後在您的活動或片段中
ChatView chatView = ( ChatView ) findViewById ( R . id . chatview );示例代碼
//sample code to add message to right
Message message = new Message ();
message . setBody ( messageET . getText (). toString (). trim ()); //message body
message . setType ( Message . RightSimpleMessage ); //message type
message . setTime ( getTime ()); //message time (String)
message . setUserName ( "Groot" ); //sender name
//sender icon
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/groot" ));
chatView . addMessage ( message );
//sample code to add message to left
Message message1 = new Message ();
message1 . setBody ( messageET . getText (). toString (). trim ());
message1 . setType ( Message . LeftSimpleMessage );
message1 . setTime ( getTime ());
message1 . setUserName ( "Hodor" );
message1 . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/hodor" ));
chatView . addMessage ( message );
//to clear messages
chatview . clearMessages ();
//to remove message
chatview . remove ( position ) //or chatview.remove(message)
消息類型
//Message.LeftSimpleMessage
Message message = new Message ();
message . setType ( Message . LeftSimpleMessage );
message . setBody ( body ); //string
message . setTime ( getTime ());
chatView . addMessage ( message );
//Message.RightSimpleMessage
Message message = new Message ();
message . setType ( Message . RightSimpleMessage );
message . setBody ( body ); //string
message . setTime ( getTime ());
chatView . addMessage ( message );
//Message.LeftSingleImage (when clicked it will go to fullscreen mode)
Message message = new Message ();
List < Uri > mSelected = new ArrayList <>();
mselected . add ( Uri . parse ( "Your image" ))
message . setTime ( getTime ());
message . setType ( Message . LeftSingleImage );
message . setImageList ( mSelected );
chatView . addMessage ( message );
// Message.RightSingleImage (when clicked it will go to fullscreen mode)
Message message = new Message ();
List < Uri > mSelected = new ArrayList <>();
mselected . add ( Uri . parse ( "Your image" ));
message . setTime ( getTime ());
message . setType ( Message . RightSingleImage );
message . setImageList ( mSelected );
chatView . addMessage ( message );
// Message.LeftMultipleImages (can hold upto 10 images in a single row as a collage view)
Message message = new Message ();
List < Uri > mSelected = new ArrayList <>();
mselected . add ( Uri . parse ( "Your image" ));
mselected . add ( Uri . parse ( "Your image" ));
mselected . add ( Uri . parse ( "Your image" ));
message . setTime ( getTime ());
message . setType ( Message . LeftMultipleImages );
message . setImageList ( mSelected );
chatView . addMessage ( message );
// Message.RightMultipleImages (can hold upto 10 images in a single row as a collage view)
Message message = new Message ();
List < Uri > mSelected = new ArrayList <>();
mselected . add ( Uri . parse ( "Your image" ));
mselected . add ( Uri . parse ( "Your image" ));
mselected . add ( Uri . parse ( "Your image" ));
message . setTime ( getTime ());
message . setType ( Message . RightMultipleImages );
message . setImageList ( mSelected );
chatView . addMessage ( message );
// Message.LeftVideo (when clicked it will go to fullscreen mode)
Message message = new Message ();
message . setType ( Message . LeftVideo );
message . setTime ( getTime ());
message . setUserName ( "Hodor" );
message . setVideoUri ( Uri . parse ( getPath ( data . getData ())));
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/hodor" ));
hatView . addMessage ( message );
// Message.RightVideo (when clicked it will go to fullscreen mode)
Message message = new Message ();
message . setType ( Message . RightVideo );
message . setTime ( getTime ());
message . setUserName ( "Groot" );
message . setVideoUri ( Uri . parse ( getPath ( data . getData ())));
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/groot" ));
chatView . addMessage ( message ); 您的顏色應該具有重音顏色。 xml否則視圖將崩潰。
您可以隱藏或顯示發件人佈局
app:showSenderLayout="true or false"
這仍然在beta中
現在，發件人佈局有4個按鈕。
發送按鈕
相機按鈕
畫廊按鈕
視頻按鈕
和一個文本框
您可以通過更改應用程序中使用的重音顏色來更改按鈕的顏色。
注意：您應該使用自己的選擇圖像，視頻和捕獲圖像的邏輯。
在此樣本中，我使用外部庫從畫廊中挑選圖像。
//Send button click listerer
chatView . setOnClickSendButtonListener ( new ChatView . OnClickSendButtonListener () {
@ Override
public void onSendButtonClick ( String body ) {
if ( switchbool ) {
Message message = new Message ();
message . setBody ( body );
message . setType ( Message . RightSimpleMessage );
message . setTime ( getTime ());
message . setUserName ( "Groot" );
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/groot" ));
chatView . addMessage ( message );
switchbool = false ;
}
else {
Message message1 = new Message ();
message1 . setBody ( body );
message1 . setType ( Message . LeftSimpleMessage );
message1 . setTime ( getTime ());
message1 . setUserName ( "Hodor" );
message1 . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/hodor" ));
chatView . addMessage ( message1 );
switchbool = true ;
}
}
});
//Gallery button click listener
chatView . setOnClickGalleryButtonListener ( new ChatView . OnClickGalleryButtonListener () {
@ Override
public void onGalleryButtonClick () {
Matisse . from ( ChatViewTestActivity . this )
. choose ( MimeType . allOf ())
. countable ( true )
. maxSelectable ( 9 )
. restrictOrientation ( ActivityInfo . SCREEN_ORIENTATION_UNSPECIFIED )
. thumbnailScale ( 0.85f )
. imageEngine ( new PicassoEngine ())
. forResult ( imagePickerRequestCode );
}
});
//Video button click listener
chatView . setOnClickVideoButtonListener ( new ChatView . OnClickVideoButtonListener () {
@ Override
public void onVideoButtonClick () {
Intent i = new Intent ( Intent . ACTION_PICK , android . provider . MediaStore . Video . Media . EXTERNAL_CONTENT_URI );
i . setType ( "video/*" );
startActivityForResult ( i , SELECT_VIDEO );
}
});
//Camera button click listener
chatView . setOnClickCameraButtonListener ( new ChatView . OnClickCameraButtonListener () {
@ Override
public void onCameraButtonClicked () {
Intent cameraIntent = new Intent ( android . provider . MediaStore . ACTION_IMAGE_CAPTURE );
File file = new File ( Environment . getExternalStorageDirectory (), "MyPhoto.jpg" );
file . delete ();
File file1 = new File ( Environment . getExternalStorageDirectory (), "MyPhoto.jpg" );
Uri uri = FileProvider . getUriForFile ( ChatViewTestActivity . this , getApplicationContext (). getPackageName () + ".provider" , file1 );
cameraIntent . putExtra ( android . provider . MediaStore . EXTRA_OUTPUT , uri );
startActivityForResult ( cameraIntent , CAMERA_REQUEST );
}
});
@ Override
protected void onActivityResult ( int requestCode , int resultCode , Intent data ) {
super . onActivityResult ( requestCode , resultCode , data );
//Image Selection result
if ( requestCode == imagePickerRequestCode && resultCode == RESULT_OK ) {
mSelected = Matisse . obtainResult ( data );
if ( switchbool ) {
if ( mSelected . size () == 1 ) {
Message message = new Message ();
message . setBody ( messageET . getText (). toString (). trim ());
message . setType ( Message . RightSingleImage );
message . setTime ( getTime ());
message . setUserName ( "Groot" );
message . setImageList ( mSelected );
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/groot" ));
chatView . addMessage ( message );
switchbool = false ;
} else {
Message message = new Message ();
message . setBody ( messageET . getText (). toString (). trim ());
message . setType ( Message . RightMultipleImages );
message . setTime ( getTime ());
message . setUserName ( "Groot" );
message . setImageList ( mSelected );
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/groot" ));
chatView . addMessage ( message );
switchbool = false ;
}
}
else {
if ( mSelected . size () == 1 ) {
Message message = new Message ();
message . setBody ( messageET . getText (). toString (). trim ());
message . setType ( Message . LeftSingleImage );
message . setTime ( getTime ());
message . setUserName ( "Hodor" );
message . setImageList ( mSelected );
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/hodor" ));
chatView . addMessage ( message );
switchbool = true ;
} else {
Message message = new Message ();
message . setBody ( messageET . getText (). toString (). trim ());
message . setType ( Message . LeftMultipleImages );
message . setTime ( getTime ());
message . setUserName ( "Hodor" );
message . setImageList ( mSelected );
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/hodor" ));
chatView . addMessage ( message );
switchbool = true ;
}
}
}
else {
//Video Selection result
if ( requestCode == SELECT_VIDEO && resultCode == RESULT_OK ) {
if ( switchbool ) {
Message message = new Message ();
message . setType ( Message . RightVideo );
message . setTime ( getTime ());
message . setUserName ( "Groot" );
message . setVideoUri ( Uri . parse ( getPath ( data . getData ())));
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/groot" ));
chatView . addMessage ( message );
switchbool = false ;
} else {
Message message = new Message ();
message . setType ( Message . LeftVideo );
message . setTime ( getTime ());
message . setUserName ( "Hodor" );
message . setVideoUri ( Uri . parse ( getPath ( data . getData ())));
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/hodor" ));
chatView . addMessage ( message );
switchbool = true ;
}
}
else {
//Image Capture result
if ( requestCode == CAMERA_REQUEST && resultCode == RESULT_OK ) {
if ( switchbool ) {
Message message = new Message ();
message . setType ( Message . RightSingleImage );
message . setTime ( getTime ());
message . setUserName ( "Groot" );
mSelected . clear ();
File file = new File ( Environment . getExternalStorageDirectory (), "MyPhoto.jpg" );
//Uri of camera image
Uri uri = FileProvider . getUriForFile ( this , getApplicationContext (). getPackageName () + ".provider" , file );
mSelected . add ( uri );
message . setImageList ( mSelected );
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/groot" ));
chatView . addMessage ( message );
switchbool = false ;
} else {
Message message = new Message ();
message . setType ( Message . LeftSingleImage );
message . setTime ( getTime ());
message . setUserName ( "Hodor" );
mSelected . clear ();
File file = new File ( Environment . getExternalStorageDirectory (), "MyPhoto.jpg" );
//Uri of camera image
Uri uri = FileProvider . getUriForFile ( this , getApplicationContext (). getPackageName () + ".provider" , file );
mSelected . add ( uri );
message . setImageList ( mSelected );
message . setUserIcon ( Uri . parse ( "android.resource://com.shrikanthravi.chatviewlibrary/drawable/hodor" ));
chatView . addMessage ( message );
switchbool = true ;
}
}
}
}
}注意：您可以以XML和Java方式自定義Chatview。
//xml
< com .shrikanthravi.chatview.widget.ChatView
android : layout_width = " match_parent "
android : layout_height = " match_parent "
app:showLeftBubbleIcon= " true or false " // (4)
app:showRightBubbleIcon= " true or false " // (2)
app : showSenderLayout = " false " // still in beta (set the value to false)
app : leftBubbleLayoutColor = " #ff7b7b " // (5)
app : rightBubbleLayoutColor = " @color/colorAccent2 " // (3)
app : leftBubbleTextColor = " @android:color/white " // (5)
app : rightBubbleTextColor = " @android:color/black " // (3)
android : layout_above = " @+id/sendLL "
app:textSize= " text size "
app:chatViewBackground= " your color " // (10)
app:timeTextColor= " your color " // (11)
app : showSenderName = " true " // (1)
android : id = " @+id/chatView " >
//java
//Message.LeftSingleImage (7)
List < Uri > mSelected = new ArrayList <>();
mselected . add ( Uri . parse ( "Your image" ))
message . setType ( Message . LeftSingleImage );
message . setImageList ( mSelected );
//Message.RightSingleImage (6)
List < Uri > mSelected = new ArrayList <>();
mselected . add ( Uri . parse ( "Your image" ));
message . setType ( Message . RightSingleImage );
message . setImageList ( mSelected );
//Message.LeftMultipleImages (can hold upto 10 images in a single row as a collage view) (9)
List < Uri > mSelected = new ArrayList <>();
mselected . add ( Uri . parse ( "Your image" ));
mselected . add ( Uri . parse ( "Your image" ));
mselected . add ( Uri . parse ( "Your image" ));
message . setType ( Message . LeftMultipleImages );
message . setImageList ( mSelected );
//Message.RightMultipleImages (can hold upto 10 images in a single row as a collage view) (8)
List < Uri > mSelected = new ArrayList <>();
mselected . add ( Uri . parse ( "Your image" ));
mselected . add ( Uri . parse ( "Your image" ));
mselected . add ( Uri . parse ( "Your image" ));
message . setType ( Message . RightMultipleImages );
message . setImageList ( mSelected );
檢查示例應用https://github.com/shrikanth7698/chatview/tree/master/master/app
MIT License
Copyright (c) 2018 Shrikanth Ravi
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
