안드로이드 채팅 UI 라이브러리를 만들어 봤어요.

새로운 채팅 기능이 있는 앱을 개발하고 싶은데 iOS로JSQMessagesViewController하면 채팅 UI를 만들 수 있는 라이브러리가 있어 편리하지만 안드로이드도 만들 수 있는 라이브러리를 찾지 못해 없으면 하고 싶어요.

ChatMessageView


이번에 제작된 라이브러리는 ChatMessageView 라이브러리로 완성형은 이런 느낌이에요.

몇 줄 코드를 사용할 수 있습니까!
레이아웃 파일에 추가합니다.
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <jp.bassaer.chatmessageview.MessageView
        android:id="@+id/message_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

그리고 메시지 클래스에 필요한 매개 변수를 설정합니다
messageView.init(messages);
MesseageView를 설정하면 OK!
샘플 코드
MainActivity.java

public class MainActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Bitmap icon1 = BitmapFactory.decodeResource(getResources(), jp.bassaer.chatmessageview.R.drawable.face_1);

        Message message1 = new Message();
        message1.setUserIcon(icon1);
        message1.setUserName("Michael");
        message1.setMessageText("hey! how are you?");
        message1.setRightMessage(true);

        ArrayList<Message> messages = new ArrayList<>();

        messages.add(message1);

        MessageView messageView  = (MessageView) findViewById(R.id.message_view);

        messageView.init(messages);
    }
}

창고.


최후


이번에 제작된 프로그램 라이브러리는 메시지 부분의 UI를 제작했으며, 앞으로도 JSQMessagees ViewController처럼 입력 부분도 세트로 설치할 예정이다.
가능하다면 사용해 보세요!
개선할 여지가 많기 때문에 댓글과 피드백을 받을 수 있다면 좋겠다.

추기


댓글에 표시된 스크롤 문제를 수정하고 JSQMessageesview Controller와 같은 입력 부분과 조합된 View를 추가했습니다.

앞으로도 계속 업데이트!

좋은 웹페이지 즐겨찾기