Java Firebase-根据用户日志更新数据时如何使适配器逻辑_Java_Android_Xml

Java Firebase-根据用户日志更新数据时如何使适配器逻辑

java android xml

Java Firebase-根据用户日志更新数据时如何使适配器逻辑,java,android,xml,Java,Android,Xml,我刚刚试着用firebase制作一个简单的聊天应用程序。我的应用程序运行平稳，只是我不知道如何创建一个对话气球左侧（对于其他人），右侧对于登录应用程序的用户为此，我创建了两个适配器，其中1个用于显示左侧布局，另一个适配器用于显示右侧布局左侧适配器： public class MessageAdapter extends RecyclerView.Adapter<MessageAdapter.MessageViewHolder> { private List<Mes

我刚刚试着用firebase制作一个简单的聊天应用程序。我的应用程序运行平稳，只是我不知道如何创建一个对话气球<代码>左侧（对于其他人），

右侧

对于登录应用程序的用户

为此，我创建了两个适配器，其中1个用于显示

左侧布局

，另一个适配器用于显示

右侧布局

左侧适配器：

public class MessageAdapter extends RecyclerView.Adapter<MessageAdapter.MessageViewHolder> {

    private List<Messages> mMessageList;
    private Context context;

    public MessageAdapter(Context context, List<Messages> mMessageList) {
        this.context = context;
        this.mMessageList = mMessageList;
    }

    @Override
    public MessageViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        View v = LayoutInflater.from( parent.getContext() )
                .inflate( R.layout.message_single_layout, parent, false );

        return new MessageViewHolder( v );
    }

    public class MessageViewHolder extends RecyclerView.ViewHolder {

        public TextView messageText;
        public CircleImageView profileImage;

        public MessageViewHolder(View view) {
            super( view );

            messageText = (TextView) view.findViewById( R.id.message_text_layout );
            profileImage = (CircleImageView) view.findViewById( R.id.message_profile_layout );

        }
    }

    @Override
    public void onBindViewHolder(final MessageViewHolder holder, int position) {

        final Messages msg = mMessageList.get( position );
        holder.messageText.setText( msg.getMessage() );

        Picasso.with( context )
                .load( msg.getProfile_pic() )
                .networkPolicy( NetworkPolicy.OFFLINE )
                .placeholder( R.drawable.no_profile )
                .into( holder.profileImage, new Callback() {
                    @Override
                    public void onSuccess() {

                    }

                    @Override
                    public void onError() {
                        Picasso.with(context)
                                .load(msg.getProfile_pic())
                                .networkPolicy( NetworkPolicy.OFFLINE )
                                .into(holder.profileImage);
                    }
                } );


    }

    @Override
    public int getItemCount() {
        return mMessageList.size();
    }
}

public class MessageAdapterKanan extends RecyclerView.Adapter<MessageAdapterKanan.MessageViewHolder> {

    private List<Messages> mMessageList;
    private Context context;

    public MessageAdapterKanan(Context context, List<Messages> mMessageList) {
        this.context = context;
        this.mMessageList = mMessageList;
    }

    @Override
    public MessageViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        View v = LayoutInflater.from( parent.getContext() )
                .inflate( R.layout.message_single_layout_right, parent, false );

        return new MessageViewHolder( v );
    }

    public class MessageViewHolder extends RecyclerView.ViewHolder {

        public TextView messageText;
        public CircleImageView profileImage;

        public MessageViewHolder(View view) {
            super( view );

            messageText = (TextView) view.findViewById( R.id.message_text_layout );
            profileImage = (CircleImageView) view.findViewById( R.id.message_profile_layout );

        }
    }

    @Override
    public void onBindViewHolder(final MessageViewHolder holder, int position) {

        final Messages msg = mMessageList.get( position );
        holder.messageText.setText( msg.getMessage() );

        Picasso.with( context )
                .load( msg.getProfile_pic() )
                .networkPolicy( NetworkPolicy.OFFLINE )
                .placeholder( R.drawable.no_profile )
                .into( holder.profileImage, new Callback() {
                    @Override
                    public void onSuccess() {

                    }

                    @Override
                    public void onError() {
                        Picasso.with(context)
                                .load(msg.getProfile_pic())
                                .networkPolicy( NetworkPolicy.OFFLINE )
                                .into(holder.profileImage);
                    }
                } );


    }

    @Override
    public int getItemCount() {
        return mMessageList.size();
    }
}

public class ChatsActivity extends BaseActivity {

    private Toolbar mToolbar;

    private String mChatUser, mChatUserProfileImage;

    private DatabaseReference mRootRef, mMessageDatabase;
    private FirebaseAuth mAuth;

    private TextView mTitleView, mLastSeenView;
    private CircleImageView mProfileImage, mChatProfilePic;

    private String online, image, mCurrentUserID;

    private ImageButton mChatAddBtn, mChatSendBtn;
    private EditText mChatMessageText;

    private RecyclerView mMessagesList;

    private final List<Messages> messagesList = new ArrayList<>();

    private LinearLayoutManager mLinearLayout;

    private MessageAdapter mAdapter;
    private MessageAdapterKanan mAdapterKanan;

    String URL_PROFILE;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate( savedInstanceState );
        setContentView( R.layout.activity_chats );

        mRootRef = FirebaseDatabase.getInstance().getReference();
        mRootRef.keepSynced( true );

        mAuth = FirebaseAuth.getInstance();
        mCurrentUserID = mAuth.getCurrentUser().getUid();

        mChatUser = getIntent().getStringExtra( "user_id" );
        mChatUserProfileImage = getIntent().getStringExtra( "thumb_image" );

        /*getWindow().setSoftInputMode( WindowManager.LayoutParams.SOFT_INPUT_STATE_VISIBLE );*/

        mToolbar = (Toolbar) findViewById( R.id.toolbar );
        setSupportActionBar( mToolbar );

        mChatAddBtn = (ImageButton) findViewById( R.id.chat_add_btn );
        mChatSendBtn = (ImageButton) findViewById( R.id.chat_send_btn );
        mChatMessageText = (EditText) findViewById( R.id.chat_message );

        mChatMessageText.requestFocus();

        mMessagesList = (RecyclerView) findViewById( R.id.chat_messages_list );
        mLinearLayout = new LinearLayoutManager( this );

        mMessagesList.setHasFixedSize( true );
        mMessagesList.setLayoutManager( mLinearLayout );

        mAdapter = new MessageAdapter( this, messagesList );
        mAdapterKanan = new MessageAdapterKanan( this, messagesList );

        /*mMessagesList.setAdapter( mAdapterKanan );*/

        ActionBar actionBar = getSupportActionBar();
        actionBar.setDisplayHomeAsUpEnabled( true );
        actionBar.setDisplayShowCustomEnabled( true );

        final String userName = getIntent().getStringExtra( "user_name" );
        final String thumbProfilePic = getIntent().getStringExtra( "thumb_image" );

        chatUserPic( mChatUser );

        LayoutInflater layoutInflater = (LayoutInflater) this.getSystemService( Context.LAYOUT_INFLATER_SERVICE );
        View action_bar_view = layoutInflater.inflate( R.layout.chat_custom_bar, null );

        actionBar.setCustomView( action_bar_view );

        mTitleView = (TextView) findViewById( R.id.custom_bar_title );
        mLastSeenView = (TextView) findViewById( R.id.custom_bar_seen );
        mProfileImage = (CircleImageView) findViewById( R.id.custom_bar_image );
        mChatProfilePic = (CircleImageView) findViewById( R.id.message_profile_layout );

        mTitleView.setText( userName );

        mRootRef.child( "Users" ).child( mCurrentUserID ).child( "online" ).setValue( "Online" );

        loadMessages();

        mRootRef.child( "Users" ).child( mChatUser ).addValueEventListener( new ValueEventListener() {
            @Override
            public void onDataChange(DataSnapshot dataSnapshot) {
                mTitleView.setText( userName );

                online = dataSnapshot.child( "online" ).getValue().toString();
                image = dataSnapshot.child( "image" ).getValue().toString();

                if (online.equals( "Online" )) {
                    mLastSeenView.setText( online );
                } else {

                    GetTimeAgo getTimeAgo = new GetTimeAgo();
                    long lastTime = Long.parseLong( online );
                    String lastSeenTime = getTimeAgo.timeAgo( lastTime, getApplicationContext() );
                    mLastSeenView.setText( lastSeenTime );
                }
            }

            @Override
            public void onCancelled(DatabaseError databaseError) {

            }
        } );

        mChatMessageText.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                mMessagesList.scrollToPosition( mAdapter.getItemCount() - 1 );
            }
        } );

        mChatMessageText.setOnFocusChangeListener( new View.OnFocusChangeListener() {
            @Override
            public void onFocusChange(View view, boolean hasFocus) {
                if (hasFocus) {
                    mMessagesList.scrollToPosition( mAdapter.getItemCount() - 1 );
                } else {
                    mMessagesList.scrollToPosition( mAdapter.getItemCount() - 1 );
                }
            }
        } );


        mRootRef.child( "Chat" ).child( mCurrentUserID ).addValueEventListener( new ValueEventListener() {
            @Override
            public void onDataChange(DataSnapshot dataSnapshot) {
                if (!dataSnapshot.hasChild( mChatUser )) {

                    Map chatAddMap = new HashMap();
                    chatAddMap.put( "seen", false );
                    chatAddMap.put( "timestamp", ServerValue.TIMESTAMP );

                    Map chatUserMap = new HashMap();
                    chatUserMap.put( "Chat" + "/" + mCurrentUserID + "/" + mChatUser, chatAddMap );
                    chatUserMap.put( "Chat" + "/" + mChatUser + "/" + mCurrentUserID, chatAddMap );

                    mRootRef.updateChildren( chatUserMap, new DatabaseReference.CompletionListener() {
                        @Override
                        public void onComplete(DatabaseError databaseError, DatabaseReference databaseReference) {
                            if (databaseError != null) {
                                Log.e( "CHAT_LOG", databaseError.getMessage().toString() );
                            } else {
                                mMessagesList.scrollToPosition( mAdapter.getItemCount() - 1 );
                            }
                        }
                    } );

                }
            }

            @Override
            public void onCancelled(DatabaseError databaseError) {

            }
        } );

        mChatSendBtn.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String message = mChatMessageText.getText().toString();
                if (TextUtils.isEmpty( message )) {
                    onError( "Message cannot be empty!" );
                } else {
                    sendMessage( message, thumbProfilePic );
                }
            }
        } );

    }

    private void chatUserPic(String id) {
        DatabaseReference reference = FirebaseDatabase.getInstance().getReference();
        Query query = reference.child( "Users" ).child( id );
        query.addListenerForSingleValueEvent( new ValueEventListener() {
            @Override
            public void onDataChange(DataSnapshot dataSnapshot) {

                if (dataSnapshot.exists()) {
                    final String URL_PROFILE = dataSnapshot.child( "thumb_image" ).getValue().toString();
                    Picasso.with( getApplication() )
                            .load( URL_PROFILE )
                            .networkPolicy( NetworkPolicy.OFFLINE )
                            .placeholder( R.drawable.no_profile )
                            .into( mProfileImage, new Callback() {
                                @Override
                                public void onSuccess() {

                                }

                                @Override
                                public void onError() {
                                    Picasso.with( getApplication() )
                                            .load( URL_PROFILE )
                                            .placeholder( R.drawable.no_profile )
                                            .into( mProfileImage );
                                }
                            } );
                } else {
                    String URL_PROFILE = "no_profile";
                    Log.i( "PAUL", URL_PROFILE );
                }
            }

            @Override
            public void onCancelled(DatabaseError databaseError) {

            }
        } );
    }


    private void loadMessages() {

        mRootRef.child( "Messages" ).child( mCurrentUserID ).child( mChatUser ).addChildEventListener( new ChildEventListener() {
            @Override
            public void onChildAdded(DataSnapshot dataSnapshot, String s) {

                Messages message = dataSnapshot.getValue( Messages.class );

                String currentUserID = message.current_user_id.toString();

                if(currentUserID.equals( mCurrentUserID )) {
                    mMessagesList.setAdapter( mAdapterKanan );
                    messagesList.add( message );
                    mAdapterKanan.notifyDataSetChanged();
                    Log.i( "PAUL", "USER LOGGED SAMA DENGAN YG SEDANG LOGIN" );
                } else {
                    Log.i( "PAUL", "USER LOGGED TIDAK SAMA DENGAN YG SEDANG LOGIN" );
                    mMessagesList.setAdapter( mAdapter );
                    messagesList.add( message );
                    mAdapter.notifyDataSetChanged();
                }

                /*mMessagesList.scrollToPosition( mAdapter.getItemCount() - 1 );*/
            }

            @Override
            public void onChildChanged(DataSnapshot dataSnapshot, String s) {

            }

            @Override
            public void onChildRemoved(DataSnapshot dataSnapshot) {

            }

            @Override
            public void onChildMoved(DataSnapshot dataSnapshot, String s) {

            }

            @Override
            public void onCancelled(DatabaseError databaseError) {

            }
        } );
    }

    private void sendMessage(String message, String profile_pic) {

        String current_user_ref = "Messages" + "/" + mCurrentUserID + "/" + mChatUser;
        String chat_user_ref = "Messages" + "/" + mChatUser + "/" + mCurrentUserID;

        DatabaseReference user_message_push = mRootRef.child( "Messages" )
                .child( mCurrentUserID ).child( mChatUser ).push();


        String push_id = user_message_push.getKey();

        Map messageMap = new HashMap();
        messageMap.put( "message", message );
        messageMap.put( "seen", false );
        messageMap.put( "type", "text" );
        messageMap.put( "time", ServerValue.TIMESTAMP );
        messageMap.put( "profile_pic", profile_pic );
        messageMap.put( "current_user_id", mCurrentUserID );


        Map messageUserMap = new HashMap();
        messageUserMap.put( current_user_ref + "/" + push_id, messageMap );
        messageUserMap.put( chat_user_ref + "/" + push_id, messageMap );

        mRootRef.updateChildren( messageUserMap, new DatabaseReference.CompletionListener() {
            @Override
            public void onComplete(DatabaseError databaseError, DatabaseReference databaseReference) {
                if (databaseError != null) {
                    mChatMessageText.setText( "" );
                    Log.e( "SEND_MESSAGE_CHAT", databaseError.getMessage().toString() );
                } else {
                    mChatMessageText.setText( "" );
                    mMessagesList.scrollToPosition( mAdapter.getItemCount() - 1 );
                }
            }
        } );

    }

    @Override
    protected void onStart() {
        super.onStart();
        mRootRef.child( "Users" ).child( mCurrentUserID ).child( "online" ).setValue( "Online" );
        mMessagesList.getLayoutManager().scrollToPosition( mLinearLayout.findLastVisibleItemPosition() + 1000 );
    }

}

我在两台设备上试用后，得到的结果与我预期的不符

Vickys设备：

Berthos设备：

一般来说，如何在聊天中进行布局？请为布局逻辑提供建议

您不需要使用两个适配器。仅创建一个适配器，如以下视图所示：

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/activity_account_setting"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
<LinearLayout
            android:id="@+id/recievemessageLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@mipmap/ic_launcher" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="hi i m sender" />
        </LinearLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
android:id="@+id/sendingMessageLayout"
            android:layout_below="@+id/recievemessageLayout">

            <ImageView
                android:id="@+id/imageViewSender"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:background="@mipmap/ic_launcher" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_gravity="center_vertical"
                android:layout_marginRight="10dp"
                android:layout_toLeftOf="@+id/imageViewSender"
                android:text="hi i m reciver" />
        </RelativeLayout>

    </RelativeLayout>

希望这对您有所帮助。

您不需要使用两个适配器。只需创建一个适配器，如下视图所示：

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/activity_account_setting"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
<LinearLayout
            android:id="@+id/recievemessageLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@mipmap/ic_launcher" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="hi i m sender" />
        </LinearLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
android:id="@+id/sendingMessageLayout"
            android:layout_below="@+id/recievemessageLayout">

            <ImageView
                android:id="@+id/imageViewSender"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:background="@mipmap/ic_launcher" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_gravity="center_vertical"
                android:layout_marginRight="10dp"
                android:layout_toLeftOf="@+id/imageViewSender"
                android:text="hi i m reciver" />
        </RelativeLayout>

    </RelativeLayout>

希望这能帮到你。

Okz bertho，之后请告诉我它对你是否有帮助。嗨@Deepak在我尝试之后，我对使用适配器进行2个元素有点困惑<代码>接收消息布局和

发送消息布局

。对于数据库中的每个数据循环，当发送方登录时，

sendingMessageLayout

时，适配器如何向

receiveMessageLayout

元素显示数据将留空，反之亦然。而在一个布局中有两个元素。你能帮我举一个1适配器的例子吗？首先在xml中隐藏发送和接收布局的可见性。在发送第一条消息后，使发送布局的可见性可见，在接收消息后，使ReceiveMessageLayout的可见性可见hi@Deepak我发现了一个小问题。当有两个元素相互显示和隐藏时。在我的例子中，这两个元素。我使用的是

CircleImageView

和

TextView

。而且这两个emelent都有相同的

ID

，因为一个用于

receiveMessageLayout

，另一个用于

sendingMessageLayout

。如何处理？因为适配器只识别一个

ID

来加载数据。再次查看xml文件我在ReceiveMessageLayout中获取了一个图像视图和文本视图，在sendingMessageLayout中获取了一个图像视图和文本视图。Okz bertho，然后请告诉我它是否对您有帮助。Hi@Deepak在我尝试之后，我对2个元素使用适配器有点困惑<代码>接收消息布局和

发送消息布局