ChatView Download - ChatView Quellcode herunterladen

ChatView für Android

Repo wird nicht mehr aufrechterhalten

Dies ist eine Android -Bibliothek, mit der Sie Ihrer Android -Anwendung mit nur wenigen Codezeilen Chat -Funktionen hinzufügen können.
Diese Bibliothek befindet sich noch in der Beta, wird aber im Laufe der Zeit verbessert.

Version

Installation

Fügen Sie dies zu Ihrem Root Build hinzu. Gradle am Ende von Repositories:

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

Fügen Sie dann Abhängigkeit hinzu

 dependencies {
	compile ' com.github.shrikanth7698:ChatView:v0.1.2 '
}

Verwendung

Lassen Sie die ChatView in Ihr XML -Layout fallen, wie unten gezeigt:

    < 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>

Vergessen Sie nicht, dieses Attribut zu Ihrem Root -Layout hinzuzufügen.

xmlns:app="http://schemas.android.com/apk/res-auto"

Und dann in Ihrer Aktivität oder Ihrem Fragment

 ChatView chatView = ( ChatView ) findViewById ( R . id . chatview );

Beispielcode

 //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)

Nachrichtentypen

 //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 );

Absenderlayout

Sie sollten eine Akzentfarbe in Ihren Farben haben.

Sie können das Absendungslayout verbergen oder anzeigen

app:showSenderLayout="true or false"

Dies ist immer noch in Beta

Das Absendungslayout hat vorerst 4 Tasten.

Schaltfläche senden
Kamera -Taste
Galerie -Schaltfläche
Video -Schaltfläche

und ein Textfeld

Sie können die Farbe der Schaltflächen ändern, indem Sie die in Ihrer App verwendete Akzentfarbe ändern.

HINWEIS: Sie sollten Ihre eigene Logik zur Auswahl von Bildern, Videos und Aufnahmen von Bildern verwenden.

In diesem Beispiel habe ich eine externe Bibliothek verwendet, um Bilder aus der Galerie auszuwählen.

	//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 ;
                    }
                }

            }


            }


        }

Anpassung

Hinweis: Sie können die ChatView sowohl auf XML als auch auf Java -Weise anpassen.

//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 );

Merkmale

Unterstützt den Gruppenmodus (wie die WhatsApp -Gruppe).
Unterstützt mehrere Bilder in einer einzelnen Zeile.
Videovorschau
Leicht anpassbar.

Überprüfen Sie die Beispiel -App https://github.com/shrikanth7698/chatview/tree/master/app

Bevorstehende Funktionen

Videounterstützung (abgeschlossen)
Standortunterstützung
Kontaktunterstützung

Beiträge sind willkommen

Lizenz

 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.

Expandieren