我使用 firebase 创建了一个简单的聊天应用程序，但在为 left 和 right< 放置="">bubble elements 时遇到了一些麻烦位置。左边的泡泡给别人，右边的泡泡给我。
这是我的适配器:
public class MessageAdapterCustom extends RecyclerView.Adapter<MessageAdapterCustom.MessageViewHolder> {
private List<Messages> mMessageList;
private Context context;
private String mBubblePosition;
public MessageAdapterCustom(Context context, List<Messages> mMessageList, String mBubblePosition) {
this.context = context;
this.mMessageList = mMessageList;
this.mBubblePosition = mBubblePosition;
}
@Override
public MessageViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View v = LayoutInflater.from( parent.getContext() )
.inflate( R.layout.message_single_layout_custom, parent, false );
return new MessageViewHolder( v );
}
public class MessageViewHolder extends RecyclerView.ViewHolder {
public TextView messageText;
public CircleImageView profileImage;
public MessageViewHolder(View view) {
super( view );
if(mBubblePosition.equals( "kiri" )) {
RelativeLayout right = (RelativeLayout) view.findViewById( R.id.sendingMessageLayout );
right.setVisibility( View.GONE );
messageText = (TextView) view.findViewById( R.id.message_text_layout_kiri );
profileImage = (CircleImageView) view.findViewById( R.id.message_profile_layout_kiri );
} else {
LinearLayout left = (LinearLayout) view.findViewById(R.id.recievemessageLayout);
left.setVisibility(View.GONE);
messageText = (TextView) view.findViewById( R.id.message_text_layout_kanan );
profileImage = (CircleImageView) view.findViewById( R.id.message_profile_layout_kanan );
}
}
}
@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 )
.into( holder.profileImage );
/*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();
}
}
我的聊天 Activity :
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 MessageAdapterCustom mAdapterCustom;
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 );
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) {
if(mAdapterCustom != null) {
mMessagesList.scrollToPosition( mAdapterCustom.getItemCount() - 1 );
}
}
} );
mChatMessageText.setOnFocusChangeListener( new View.OnFocusChangeListener() {
@Override
public void onFocusChange(View view, boolean hasFocus) {
if (hasFocus) {
if(mAdapterCustom != null) {
mMessagesList.scrollToPosition( mAdapterCustom.getItemCount() - 1 );
}
} else {
if(mAdapterCustom != null) {
mMessagesList.scrollToPosition( mAdapterCustom.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( mAdapterCustom.getItemCount() - 1 );
}
}
} );
}
}
@Override
public void onCancelled(DatabaseError databaseError) {
}
} );
mChatSendBtn.setOnClickListener( new View.OnClickListener() {
@Override
public void onClick(View view) {
final String message = mChatMessageText.getText().toString();
if (TextUtils.isEmpty( message )) {
onError( "Message cannot be empty!" );
} else {
DatabaseReference reference = FirebaseDatabase.getInstance().getReference();
Query query = reference.child( "Users" ).child( mCurrentUserID );
query.addListenerForSingleValueEvent( new ValueEventListener() {
@Override
public void onDataChange(DataSnapshot dataSnapshot) {
if (dataSnapshot.exists()) {
final String URL_PROFILE = dataSnapshot.child( "thumb_image" ).getValue().toString();
sendMessage( message, URL_PROFILE );
}
}
@Override
public void onCancelled(DatabaseError databaseError) {
}
} );
}
}
} );
}
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();
/*mAdapter = new MessageAdapter( getApplicationContext(), messagesList );*/
if (currentUserID.equals( mCurrentUserID )) {
mAdapterCustom = new MessageAdapterCustom( getApplicationContext(), messagesList, "kanan" );
mMessagesList.setAdapter( mAdapterCustom );
messagesList.add( message );
mAdapterCustom.notifyDataSetChanged();
Log.i( "CHAT_ACTIVITY", "RIGHT" );
} else {
mAdapterCustom = new MessageAdapterCustom( getApplicationContext(), messagesList, "kiri" );
mMessagesList.setAdapter( mAdapterCustom );
messagesList.add( message );
mAdapterCustom.notifyDataSetChanged();
Log.i( "CHAT_ACTIVITY", "LEFT" );
}
/*mMessagesList.scrollToPosition( mAdapterCustom.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( mAdapterCustom.getItemCount() - 1 );
}
}
} );
}
@Override
protected void onStart() {
super.onStart();
mRootRef.child( "Users" ).child( mCurrentUserID ).child( "online" ).setValue( "Online" );
mMessagesList.getLayoutManager().scrollToPosition( mLinearLayout.findLastVisibleItemPosition() + 1000 );
}
}
你看到了这条线:
if (currentUserID.equals( mCurrentUserID )) {
mAdapterCustom = new MessageAdapterCustom( getApplicationContext(), messagesList, "kanan" );
mMessagesList.setAdapter( mAdapterCustom );
messagesList.add( message );
mAdapterCustom.notifyDataSetChanged();
Log.i( "CHAT_ACTIVITY", "RIGHT" );
} else {
mAdapterCustom = new MessageAdapterCustom( getApplicationContext(), messagesList, "kiri" );
mMessagesList.setAdapter( mAdapterCustom );
messagesList.add( message );
mAdapterCustom.notifyDataSetChanged();
Log.i( "CHAT_ACTIVITY", "LEFT" );
}
当我尝试使用两个设备时，首先，如果我自己尝试发送消息，日志会显示 RIGHT，这意味着气球的位置在右侧。
但是当我用不同的设备(另一个人)回复时，适配器会将两个气泡移到左边。似乎是因为它跟在最后一个适配器命令之后。
我的日志
如何在每次消息到达时保持我的适配器就位，而不是如图所示更改我的 View 元素的所有结构。
-- 更新-- 我的布局:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/stackoverflow"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp">
<LinearLayout
android:id="@+id/recievemessageLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/message_profile_layout_kiri"
android:layout_width="55dp"
android:layout_height="55dp"
android:src="@drawable/no_profile" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/message_text_layout_kiri"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:layout_marginTop="5dp"
android:background="@drawable/message_text_background"
android:paddingBottom="5dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="5dp"
android:text="@string/message_here"
android:textColor="@android:color/white" />
<ImageView
android:id="@+id/message_buble_kiri"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_marginStart="10dp"
android:layout_marginTop="-10dp"
android:src="@drawable/buble_left" />
</LinearLayout>
</LinearLayout>
<RelativeLayout
android:id="@+id/sendingMessageLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/recievemessageLayout"
android:layout_marginTop="5dp"
android:orientation="horizontal">
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/message_profile_layout_kanan"
android:layout_width="55dp"
android:layout_height="55dp"
android:layout_alignParentEnd="true"
android:src="@drawable/no_profile" />
<TextView
android:id="@+id/message_text_layout_kanan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginEnd="10dp"
android:layout_marginTop="5dp"
android:layout_toStartOf="@+id/message_profile_layout_kanan"
android:background="@drawable/message_text_background"
android:paddingBottom="5dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="5dp"
android:text="@string/message_here"
android:textColor="@android:color/white" />
<ImageView
android:id="@+id/message_buble_kanan"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_alignEnd="@+id/message_text_layout_kanan"
android:layout_below="@+id/message_text_layout_kanan"
android:layout_marginTop="-10dp"
android:src="@drawable/buble_right" />
</RelativeLayout>
</RelativeLayout>
最佳答案
您当前正在创建两个不同的适配器，所有消息都沿同一方向对齐。相反，您应该创建一个适配器来决定如何一次对齐每条消息。
关于java - Android - 如何使适配器布局保持原位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45518369/
我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div
总的来说，我对ruby还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点？我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等)，但我确实想创建一个输出文件。
给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息？ 最佳答案 在Rails3中，update_all不返回任何有意义的信息，除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru
我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t
我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚
Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack
我在MiniTest::Spec和Capybara中使用以下规范:find_field('Email').must_have_css('[autofocus]')检查名为“电子邮件”的字段是否具有autofocus属性。doc说如下:has_css?(path,options={})ChecksifagivenCSSselectorisonthepageorcurrentnode.据我了解，字段“Email”是一个节点，因此调用must_have_css绝对有效!我做错了什么？ 最佳答案 通过JonasNicklas得到了答案:No
在选择我想要运行操作的频率时，唯一的选项是“每天”、“每小时”和“每10分钟”。谢谢!我想为我的Rails3.1应用程序运行调度程序。 最佳答案 这不是一个优雅的解决方案，但您可以安排它每天运行，并在实际开始工作之前检查日期是否为当月的第一天。 关于ruby-如何每月在Heroku运行一次Scheduler插件？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/8692687/
我有一个对象has_many应呈现为xml的子对象。这不是问题。我的问题是我创建了一个Hash包含此数据，就像解析器需要它一样。但是rails自动将整个文件包含在.........我需要摆脱type="array"和我该如何处理？我没有在文档中找到任何内容。 最佳答案 我遇到了同样的问题；这是我的XML:我在用这个:entries.to_xml将散列数据转换为XML，但这会将条目的数据包装到中所以我修改了:entries.to_xml(root:"Contacts")但这仍然将转换后的XML包装在“联系人”中，将我的XML代码修改为