Androidで、Firebase(FirebaseStorage,Realtimedatabase)を使用して画像やテキストなどを表示するアプリを開発しています。
テキストデータはRealtimedatabase、画像はdownloadURLをRealtimedatabaseに保持して、そこから画像の実体をFirebaseStorageから取ってくるようにしております。
しかし、実装してみると画像が表示されなくなったりテキストを表示されるべきところに画像が表示されるなど意図しない挙動が起きています。
原因として、推測されるのは以下のように画像の取得で用いられるFirebaseStorageとそれ以外の取得に用いられるRealtimedatabaseそれぞれが非同期処理で動いているためかと思われます。
例えば、realtimeDatabase側の「for(DataSnapshot ds・・・」の4ループ目が画像1だったとして、その画像データの取得(FireStorage側)が完了した時、Realtimedatabaseが7ループ目まで進んでいたとしたら、本来4ループ目のmessageDataBeanに画像データを入れるはずが7ループ目のmessageDataBeanを更新してしまうということです。
これを防ぐには例えば4ループ目で取得し始めた画像を取得完了後に、4ループ目のList<messageDataBean>の要素(messageDataBean)の画像フィールドにセット、8ループ目で取得しようとした画像を8ループ目のListの要素にセットというように処理を実装する必要があるのですが、その方法を教えていただけないでしょうか。
Java
1 DatabaseReferense ref = ・・・・; 2 Bitmap imgBitmap; 3 ArrayList<MessageDataBean> messageDataBean = new ArrayList<MessageDataBean>(); 4 5 //DBを読み出し(画像以外はRealtimedatabase) 6 ref.addValueEventListener(new ValueEventListener() { 7 @Override 8 public void onDataChange(@NonNull DataSnapshot dataSnapshot) { 9 for(DataSnapshot ds : dataSnapshot.getChildren()){ 10 String txtData1; 11 String txtData2; 12 String msgType = ds.child("type").getValue(); 13 if(msgType.equals("txt")){//テキストの場合 14 txtData1 = ds.child("txt1").getValue(); 15 txtData2 = ds.child("txt2").getValue(); 16 }else if(msgType.equals("img")){//画像の場合 17 //画像のダウンロードURL 18 String downloadURL = String.valueOf(ds.child("img_dl_url").getValue()); 19 StorageReference images = FirebaseStorage.getInstance().getReferenceFromUrl(downloadURL); 20 //ダウンロードの最大のサイズを指定する 21 final long ONE_MEGABYTE = 1024 * 1024; 22 images.getBytes(ONE_MEGABYTE).addOnSuccessListener(new OnSuccessListener<byte[]>() { 23 @Override 24 public void onSuccess(byte[] bytes) { 25 // 画像のダウンロード成功 26 imgBitmap = OtherUtils.createBitmap(bytes,1024,1024); 27 } 28 }).addOnFailureListener(new OnFailureListener() { 29 @Override 30 public void onFailure(@NonNull Exception exception) { 31 // 画像のダウンロード失敗 32 } 33 }); 34 } 35 36 MessageDataBean messageDataBean = new MessageDataBean( 37 txtData1, 38 txtData2, 39 imgBitmap, 40 ); 41 messageDataBeanList.add(messageDataBean); 42 show(messageDataBeanList);//表示内容更新処理 43 } 44 } 45 @Override 46 public void onCancelled(@NonNull DatabaseError databaseError) { 47 } 48 });
あなたの回答
tips
プレビュー