Как отделить входящие сообщения от исходящих сообщений в FireBaseRecycler - PullRequest
Новая
       1

Как отделить входящие сообщения от исходящих сообщений в FireBaseRecycler

0 голосов
/ 23 февраля 2019

У меня есть это приложение чата, которое я создаю.Но я застрял в этой точке.Я создал макеты и виджеты для представления переработчика, и я использую FireBaseRecycler.Но как мне отделить входящие сообщения от выхода?Как переместить входящие сообщения на правую сторону и исходящие сообщения на левую сторону.

Вот мой код компоновки.Макет надувается утилизатором 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:maxWidth="300dp"
        android:minWidth="130dp"
        android:adjustViewBounds="true"


        android:background="@drawable/rounded_corner_out"
        android:orientation="vertical"
        android:layout_marginStart="15dp"
        android:layout_marginEnd="50dp"
        android:layout_marginTop="10dp"
        android:paddingTop="3dp"
        android:paddingStart="3dp"
        android:paddingEnd="16dp"
        android:id="@+id/layout_out"
        android:paddingBottom="2dp">

        <TextView
            android:id="@+id/message_user_out"

            android:layout_width="match_parent"
            android:layout_height="wrap_content"

            android:padding="5dp"
            android:text=" "
            android:textSize="1dp"
            android:textColor="#000" />

        <TextView
            android:id="@+id/message_text_out"

            android:layout_width="match_parent"
            android:layout_height="wrap_content"

            android:layout_marginBottom="5dp"
            android:layout_marginEnd="0dp"

            android:text="hello darling how are you? How is work? hello darling how are you? How is work? hhhhhjjjjjjjjjjjjjjjjjj"
            android:textColor="#fff" />

        <TextView
            android:id="@+id/message_time_out"

            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:maxWidth="100dp"
            android:layout_gravity="bottom|end"
            android:layout_marginTop="-10dp"
            android:layout_marginBottom="5dp"
            android:padding="5dp"
            android:text="22:30:33"
            android:textColor="#fff" />

    </LinearLayout>


    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:maxWidth="300dp"
        android:minWidth="130dp"
        android:adjustViewBounds="true"
        android:layout_below="@id/layout_out"
        android:background="@drawable/rounded_corner_in"
        android:orientation="vertical"
        android:layout_marginStart="50dp"
        android:layout_marginEnd="15dp"
        android:layout_marginTop="10dp"
        android:paddingTop="3dp"
        android:paddingStart="3dp"
        android:paddingEnd="16dp"
        android:id="@+id/layout_in"
        android:paddingBottom="2dp">

        <TextView
            android:id="@+id/message_user_in"

            android:layout_width="match_parent"
            android:layout_height="wrap_content"

            android:padding="5dp"
            android:text=" "
            android:textSize="1dp"
            android:textColor="@color/colorPrimary" />

        <TextView
            android:id="@+id/message_text_in"

            android:layout_width="match_parent"
            android:layout_height="wrap_content"

            android:layout_marginBottom="5dp"
            android:layout_marginEnd="0dp"

            android:text="hello darling how are you? How is work? hello darling how are you? How is work? hhhhhjjjjjjjjjjjjjjjjjj"
            android:textColor="@color/colorPrimary" />

        <TextView
            android:id="@+id/message_time_in"

            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:maxWidth="100dp"
            android:layout_gravity="bottom|end"
            android:layout_marginTop="-10dp"
            android:layout_marginBottom="5dp"
            android:padding="5dp"
            android:text="22:30:33"
            android:textColor="@color/colorPrimary" />

    </LinearLayout>







</RelativeLayout>

Это моя модель, это класс с именем 'ChatMessage' 

package com.example.stupidgeek.bboo;

import java.util.Date;

/**
 * Created by STUPID GEEK on 2/18/2019.
 */

public class ChatMessage {

    private String id;
    private String text;
    private long messageTime;
    private boolean messageTypeIn;


    public ChatMessage(String id, String text) {
        this.text = text;
        this.id = id;

        // Initialize to current time
        messageTime = new Date().getTime();
    }

    public ChatMessage(){

    }

    public String getMessageText() {
        return text;
    }

    public void setMessageText(String text) {
        this.text = text;
    }

    public String getMessageUser() {
        return id;
    }

    public void setMessageUser(String id) {
        this.id = id;
    }

    public long getMessageTime() {
        return messageTime;
    }

    public void setMessageTime(long messageTime) {
        this.messageTime = messageTime;
    }

    public  void setMessageTypeIn(boolean messageType)
    {
        this.messageTypeIn = messageType;

    }

    public boolean getMessageTypeIn()
    {
        return messageTypeIn;
    }

}

Это окно моего чата, действие, которое отображает чаты 

package com.example.stupidgeek.bboo;

import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.design.widget.FloatingActionButton;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.Toolbar;
import android.text.Editable;
import android.text.TextWatcher;
import android.text.format.DateFormat;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.firebase.ui.database.FirebaseRecyclerAdapter;
import com.firebase.ui.database.FirebaseRecyclerOptions;
import com.firebase.ui.database.SnapshotParser;
import com.google.firebase.auth.FirebaseAuth;
import com.google.firebase.auth.FirebaseUser;
import com.google.firebase.database.DataSnapshot;
import com.google.firebase.database.FirebaseDatabase;
import com.google.firebase.database.Query;

import java.util.List;

public class ChatWindow extends AppCompatActivity {
    private FirebaseRecyclerAdapter<ChatMessage, ChatHolder> adapter;
    // private FirebaseRecyclerAdapter<ChatMessage, ChatHolderIn> adapterIn;

    ChatMessage model;
    RecyclerView list_of_messages;
    private boolean messageType = true;

    private Context mCtx;

    private List<ChatMessage> chatList;
    EditText input;
    FirebaseRecyclerOptions<ChatMessage> options;
    FirebaseRecyclerOptions<ChatMessage> optionsIn;
    int MessageState;
    SnapshotParser<ChatMessage>snapshotParser;
    String UserID;
    String Text;


    //getting the context and product list with constructor


    @Override
    public void onBackPressed() {
        super.onBackPressed();
        Intent goBack = new Intent(this, Main2Activity.class);
        startActivity(goBack);
    }






    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_chat_window);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        input = (EditText) findViewById(R.id.input);
        list_of_messages = (RecyclerView) findViewById(R.id.list_of_chat_items);

        FloatingActionButton fab =
                (FloatingActionButton) findViewById(R.id.fab);

        input.addTextChangedListener(new TextWatcher() {
            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                final FloatingActionButton fab =
                        (FloatingActionButton) findViewById(R.id.fab);

                // Toast.makeText(getApplicationContext(), "KeyboardDown", Toast.LENGTH_SHORT).show();

                fab.setEnabled(true);
                fab.setImageResource(R.drawable.ic_action_send);
                // Toast.makeText(getApplicationContext(), " Not Empty", Toast.LENGTH_SHORT).show();

                final String textInput = input.getText().toString();
                if ((textInput.length() == 0) || (textInput.length() < 0)) {

                    fab.setEnabled(false);
                    fab.setImageResource(R.drawable.ic_action_send_gray);
                    //  Toast.makeText(getApplicationContext(), "Empty", Toast.LENGTH_SHORT).show();


                }

            }

            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
                // TODO Auto-generated method stub
            }

            @Override
            public void afterTextChanged(Editable s) {

                final FloatingActionButton fab =
                        (FloatingActionButton) findViewById(R.id.fab);

                // TODO Auto-generated method stub
                // Toast.makeText(getApplicationContext(), "KeyboardDown", Toast.LENGTH_SHORT).show();
                fab.setEnabled(true);
                fab.setImageResource(R.drawable.ic_action_send);
                // Toast.makeText(getApplicationContext(), " Not Empty", Toast.LENGTH_SHORT).show();

                final String textInput = input.getText().toString();
                if ((textInput.length() == 0) || (textInput.length() < 0)) {

                    fab.setEnabled(false);
                    fab.setImageResource(R.drawable.ic_action_send_gray);
                    // Toast.makeText(getApplicationContext(), "Empty", Toast.LENGTH_SHORT).show();


                }


            }
        });


        String textInput = input.getText().toString();
        if ((textInput.length() == 0) || (textInput.length() < 0)) {

            fab.setEnabled(false);
            fab.setImageResource(R.drawable.ic_action_send_gray);
            //  Toast.makeText(getApplicationContext(), "Empty", Toast.LENGTH_SHORT).show();


        } else {
            fab.setEnabled(true);
            fab.setImageResource(R.drawable.ic_action_send);
            // Toast.makeText(getApplicationContext(), " Not Empty", Toast.LENGTH_SHORT).show();


        }


        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {


                // Read the input field and push a new instance
                // of ChatMessage to the Firebase database
                FirebaseDatabase.getInstance()
                        .getReference().child("ebube")
                        .push()
                        .setValue(new ChatMessage(
                                FirebaseAuth.getInstance()
                                        .getCurrentUser()
                                        .getPhoneNumber(), input.getText().toString())
                        );

                // Clear the input

                input.setText("");


            }
        });


        FirebaseUser user = FirebaseAuth.getInstance().getCurrentUser();

        Query query = FirebaseDatabase.getInstance()
                .getReference()
                .child("ebube").orderByKey();




        if (user == null) {


//put intent to go to mainActivity

            Intent y = new Intent(ChatWindow.this, SignUpActivity.class);
            startActivity(y);

        } else {
            ///
            // User is already signed in. Therefore, display
            // a welcome Toast
            Toast.makeText(this,
                    "Welcome " + FirebaseAuth.getInstance()
                            .getCurrentUser()
                            .getPhoneNumber(),
                    Toast.LENGTH_LONG)
                    .show();
            /////


            //list_of_messages.setHasFixedSize(true);
            final LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
            linearLayoutManager.setStackFromEnd(true);
            list_of_messages.setLayoutManager(linearLayoutManager);


            options =
                    new FirebaseRecyclerOptions.Builder<ChatMessage>()
                            .setQuery(query,new SnapshotParser<ChatMessage>() {
                                @NonNull
                                @Override
                                public ChatMessage parseSnapshot(@NonNull DataSnapshot snapshot) {
                                    return new ChatMessage(snapshot.child("messageUser").getValue().toString(),
                                            snapshot.child("messageText").getValue().toString());


                                }
                            })


                            .build();


            if (messageType) {
                messageType = false;
            } else {
                messageType = true;
            }

            ////////////////////////////////////////////////////////////


            //////////////////////////////////////////////////////////////////////



            adapter = new FirebaseRecyclerAdapter<ChatMessage, ChatHolder>(options) {



                @Override
                public ChatHolder onCreateViewHolder(ViewGroup parent, int viewType) {
                    // Create a new instance of the ViewHolder, in this case we are using a custom
                    // layout called R.layout.message for each item


                    View view = LayoutInflater.from(parent.getContext())
                            .inflate(R.layout.chats_layout_out, parent, false);


                    return new ChatHolder(view);

                }





                @Override
                protected void onBindViewHolder(ChatHolder holder, int position, ChatMessage model) {

                     //String ref = adapter.getRef(position).getKey();
                   // getSnapshots().getSnapshot(position).child("messageUser");

                  //  Toast.makeText(ChatWindow.this, getSnapshots().getSnapshot(position).child("messageUser").getValue().toString(), Toast.LENGTH_SHORT).show();


                    holder.layoutIn.setVisibility(View.VISIBLE);
                    holder.layoutOut.setVisibility(View.VISIBLE);




                              holder.messageTextIn.setText(model.getMessageText());
                              // holder.messageUser.setText("");

                              // Format the date before showing it
                              holder.messageTimeIn.setText(DateFormat.format("HH:mm:ss",
                                      model.getMessageTime()));

                       // ChatMessage mChat = chatList.get(position);

                        holder.messageTextOut.setText(model.getMessageText());
                       // holder.messageTextIn.setVisibility(View.GONE);
                    // holder.messageUser.setText("");


                    // Format the date before showing it
                    holder.messageTimeOut.setText(DateFormat.format("HH:mm:ss",
                            model.getMessageTime()));


                }
            };

            list_of_messages.scrollToPosition(adapter.getItemCount() - 1);


            list_of_messages.setAdapter(adapter);
            adapter.notifyDataSetChanged();
            adapter.startListening();


        }


    }


    class ChatHolder extends RecyclerView.ViewHolder {

        TextView messageUserIn, messageTextIn, messageTimeIn, messageUserOut, messageTextOut, messageTimeOut;
        LinearLayout layoutOut;
        LinearLayout layoutIn;

        public ChatHolder(View v) {
            super(v);

            messageTextIn = (TextView) v.findViewById(R.id.message_text_in);
            messageUserIn = (TextView) v.findViewById(R.id.message_user_in);
            messageTimeIn = (TextView) v.findViewById(R.id.message_time_in);

            messageTextOut = (TextView) v.findViewById(R.id.message_text_out);
            messageUserOut = (TextView) v.findViewById(R.id.message_user_out);
            messageTimeOut = (TextView) v.findViewById(R.id.message_time_out);
            messageUserIn.setVisibility(View.GONE);
            messageUserOut.setVisibility(View.GONE);
            layoutIn = (LinearLayout) v.findViewById(R.id.layout_in);
            layoutOut = (LinearLayout) v.findViewById(R.id.layout_out);


            // Set their text

        }


    }






}

Прямо сейчас, по обе стороны окна чата, одни и те же сообщения отображаются независимо от пользователя.Я использую номер телефона пользователя вместо идентификатора пользователя.

Вот так выглядит чат-комната "ebube" в firebase

"ebube": {

"LZARv-CxDQ8w8mjW-mt ": {

" messageText ":" hi ",

" messageTime ":" 1550675324216 ",

" messageUser ":" + 2347019081538 "

}

}

Я сделал много слабых попыток, пока ничего не получалось.

1 Ответ

0 голосов
/ 23 февраля 2019

сделать две разные раскладки для отправителя и получателя.затем проверьте, является ли messageUser тем же, что и вошедший в систему пользователь, и, соответственно, накачайте макеты

для справки, посмотрите this

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...