personalizado - Cómo mostrar el día/fecha anterior de un grupo de elementos en Android RecyclerView

listview vs recyclerview

Question

Hola, estoy obteniendo datos en el JSONArray como:

{ "chatArray": [
{
"msg_id": "193",
"user_id": "15235",
"first_name": "Vishal",
"user_name": "vishal13",
"message": "twilio",
"chat_time": "2017-06-30 11:28:00"
},
{
"msg_id": "192",
"user_id": "15321",
"first_name": "Rohit",
"user_name": "rohit12",
"message": "how are you?",
"chat_time": "2017-06-30 11:28:00"
}]}

Estoy mostrando datos completos en un RecyclerView y ahora mi requisito es que quiero mostrar el encabezado de sus días anteriores como whatsapp.

public ChatScreenAdapter(Activity con, List<EquityDetails> list, String senderImage, String receiverImage) {
this.items = list;
this.context = con;
this.senderImage = senderImage;
this.receiverImage = receiverImage;
this.arraylist = new ArrayList<EquityDetails>();
this.arraylist.addAll(items);
if (con != null) {
typeface_normal = Typeface.createFromAsset(con.getAssets(), "fonts/arial_regular.ttf");
share = context.getSharedPreferences("quiz_sharePrefs", 0);
login_checked = share.getBoolean("ConfirmLogin", false);
if (login_checked) {
user_id = share.getInt("user_id", 0);
}
}
}
public static int getTimeRemaining(long timeStamp) {
Calendar sDate = toCalendar(timeStamp);
Calendar eDate = toCalendar(System.currentTimeMillis());
// Get the represented date in milliseconds
long milis1 = sDate.getTimeInMillis();
long milis2 = eDate.getTimeInMillis();
// Calculate difference in milliseconds
long diff = Math.abs(milis2 - milis1);
return (int) (diff / (24 * 60 * 60 * 1000));
}
private static Calendar toCalendar(long timestamp) {
Calendar calendar = Calendar.getInstance();
calendar.setTimeInMillis(timestamp);
calendar.set(Calendar.HOUR_OF_DAY, 0);
calendar.set(Calendar.MINUTE, 0);
calendar.set(Calendar.SECOND, 0);
calendar.set(Calendar.MILLISECOND, 0);
return calendar;
}
@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View itemView = LayoutInflater.from(parent.getContext())
.inflate(R.layout.advisory_left_side_chat_screen, parent, false);
return new MyViewHolder(itemView);
}
@Override
public void onBindViewHolder(final MyViewHolder holder, final int position) {
final EquityDetails itemList = items.get(position);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
Glide.with(context).load(Constants.Profile_images + "" + senderImage).asBitmap().centerCrop().placeholder(R.drawable.default_usr).into(new BitmapImageViewTarget(holder.userImageViewRight) {
@Override
protected void setResource(Bitmap resource) {
RoundedBitmapDrawable circularBitmapDrawable =
RoundedBitmapDrawableFactory.create(context.getResources(), resource);
circularBitmapDrawable.setCircular(true);
holder.userImageViewRight.setImageDrawable(circularBitmapDrawable);
}
});
Glide.with(context).load(receiverImage + "").asBitmap().centerCrop().placeholder(R.drawable.default_usr).into(new BitmapImageViewTarget(holder.userImageViewLeft) {
@Override
protected void setResource(Bitmap resource) {
RoundedBitmapDrawable circularBitmapDrawable =
RoundedBitmapDrawableFactory.create(context.getResources(), resource);
circularBitmapDrawable.setCircular(true);
holder.userImageViewLeft.setImageDrawable(circularBitmapDrawable);
}
});
if (Integer.parseInt(itemList.getId()) == user_id) {
holder.leftSideLayout.setVisibility(View.GONE);
holder.rightSideLayout.setVisibility(View.VISIBLE);
holder.messageTextViewRight.setText(itemList.getReviews_message() + "");
holder.nameTextViewRight.setText(itemList.getName());
holder.timeTvRight.setText(parseDateToddMMyyyy(itemList.getCreated_time()));
} else {
holder.leftSideLayout.setVisibility(View.VISIBLE);
holder.rightSideLayout.setVisibility(View.GONE);
holder.messageTextViewLeft.setText(itemList.getReviews_message() + "");
holder.nameTextViewLeft.setText(itemList.getName());
holder.timeTvLeft.setText(parseDateToddMMyyyy(itemList.getCreated_time()));
}
long previousTs = 0;
if (position > 1) {
if (getTimeRemaining(parseDay(itemList.getCreated_time())) == 0)
holder.dayTextView.setText("Today");
else if (getTimeRemaining(parseDay(itemList.getCreated_time())) == 1)
holder.dayTextView.setText("Yesterday");
else
holder.dayTextView.setText("convert the date and show");
}
}
public long parseDay(String time) {
// Make a Calendar whose DATE part is some time yesterday.
Calendar cal = Calendar.getInstance();
cal.roll(Calendar.DATE, -1);
String inputPattern = "yyyy-MM-dd HH:mm:ss";
String outputPattern = "dd MM";
SimpleDateFormat inputFormat = new SimpleDateFormat(inputPattern);
Date date = null;
String str = null;
Date d = null;
try {
date = inputFormat.parse(time);
if (date.before(cal.getTime())) {
// myDate must be yesterday or earlier
SimpleDateFormat outputFormat = new SimpleDateFormat(outputPattern);
str = outputFormat.format(date);
d = outputFormat.parse(str);
} else {
// myDate must be today or later
SimpleDateFormat outputFormat = new SimpleDateFormat(outputPattern);
str = outputFormat.format(date);
d = outputFormat.parse(str);
}
} catch (ParseException e) {
e.printStackTrace();
}
return d.getTime();
}
public String parseDateToddMMyyyy(String time) {
// Make a Calendar whose DATE part is some time yesterday.
Calendar cal = Calendar.getInstance();
cal.roll(Calendar.DATE, -1);
String inputPattern = "yyyy-MM-dd HH:mm:ss";
String outputPattern = "dd MMM";
SimpleDateFormat inputFormat = new SimpleDateFormat(inputPattern);
Date date = null;
String str = null;
try {
date = inputFormat.parse(time);
/* if (date.before(cal.getTime())) {
// myDate must be yesterday or earlier
SimpleDateFormat outputFormat = new SimpleDateFormat(outputPattern);
str = outputFormat.format(date);
} else {*/
// myDate must be today or later
outputPattern = "hh:mm aa";
SimpleDateFormat outputFormat = new SimpleDateFormat(outputPattern);
str = outputFormat.format(date);
//}
} catch (ParseException e) {
e.printStackTrace();
}
return str.toUpperCase();
}
@Override
public int getItemCount() {
return items.size();
}
public class MyViewHolder extends RecyclerView.ViewHolder {
private RelativeLayout leftSideLayout;
private RelativeLayout topLayoutLeft;
private ImageView userImageViewLeft;
private TextView nameTextViewLeft;
private TextView staticTextViewLeft;
private TextView messageTextViewLeft;
private TextView timeTvLeft;
private RelativeLayout rightSideLayout;
private RelativeLayout topLayoutRight;
private ImageView userImageViewRight;
private TextView nameTextViewRight;
private TextView staticTextViewRight;
private TextView messageTextViewRight;
private TextView timeTvRight;
private TextView dayTextView;
public MyViewHolder(View view) {
super(view);
leftSideLayout = (RelativeLayout) view.findViewById(R.id.left_side_layout);
topLayoutLeft = (RelativeLayout) view.findViewById(R.id.top_layout_left);
userImageViewLeft = (ImageView) view.findViewById(R.id.user_image_view_left);
nameTextViewLeft = (TextView) view.findViewById(R.id.name_textView_left);
staticTextViewLeft = (TextView) view.findViewById(R.id.static_textView_left);
messageTextViewLeft = (TextView) view.findViewById(R.id.message_textView_left);
timeTvLeft = (TextView) view.findViewById(R.id.time_tv_left);
rightSideLayout = (RelativeLayout) view.findViewById(R.id.right_side_layout);
topLayoutRight = (RelativeLayout) view.findViewById(R.id.top_layout_right);
userImageViewRight = (ImageView) view.findViewById(R.id.user_image_view_right);
nameTextViewRight = (TextView) view.findViewById(R.id.name_textView_right);
staticTextViewRight = (TextView) view.findViewById(R.id.static_textView_right);
messageTextViewRight = (TextView) view.findViewById(R.id.message_textView_right);
timeTvRight = (TextView) view.findViewById(R.id.time_tv_right);
dayTextView = (TextView) view.findViewById(R.id.day_textView);
nameTextViewLeft.setTypeface(typeface_normal);
nameTextViewRight.setTypeface(typeface_normal);
messageTextViewLeft.setTypeface(typeface_normal);
messageTextViewRight.setTypeface(typeface_normal);
timeTvLeft.setTypeface(typeface_normal);
timeTvRight.setTypeface(typeface_normal);
dayTextView.setTypeface(typeface_normal);
dayTextView.setVisibility(View.GONE);
}
}

Pero aquí dayTextView se muestra arriba de cada elemento, no según las fechas. Solo quiero mostrar cada fecha una vez en la parte superior de los mensajes correspondientes.

Answer 1

Actividad principal

public class MainActivity extends AppCompatActivity {
private ChatAdapter chatAdapter;
private RecyclerView recyclerView;
private Context context;
private int loggedInUserID;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
bindRecyclerView();
// TODO get logged in user id and initialize into ''loggedInUserID''
}
@Override
protected void onResume() {
super.onResume();
getData();
}
private void getData() {
/**
*Your server call to get data and parse json to your appropriate model
* after parsing json to model simply call the
*/
List<ChatModel> chatModelList = ParseData.chatParser(jsonArray);
groupDataIntoHashMap(chatModelList);
}
private void bindRecyclerView() {
chatAdapter = new ChatAdapter(null);
chatAdapter.setUser(loggedInUserID);
RecyclerView.LayoutManager mLayoutManager = new LinearLayoutManager(context);
recyclerView.setLayoutManager(mLayoutManager);
recyclerView.setItemAnimator(new DefaultItemAnimator());
recyclerView.setAdapter(chatAdapter);
}
private void groupDataIntoHashMap(List<ChatModel> chatModelList) {
LinkedHashMap<String, Set<ChatModel>> groupedHashMap = new LinkedHashMap<>();
Set<ChatModel> list = null;
for (ChatModel chatModel : chatModelList) {
//Log.d(TAG, travelActivityDTO.toString());
String hashMapKey = DateParser.convertDateToString(chatModel.getChatTime());
//Log.d(TAG, "start date: " + DateParser.convertDateToString(travelActivityDTO.getStartDate()));
if (groupedHashMap.containsKey(hashMapKey)) {
// The key is already in the HashMap; add the pojo object
// against the existing key.
groupedHashMap.get(hashMapKey).add(chatModel);
} else {
// The key is not there in the HashMap; create a new key-value pair
list = new LinkedHashSet<>();
list.add(chatModel);
groupedHashMap.put(hashMapKey, list);
}
}
//Generate list from map
generateListFromMap(groupedHashMap);
}
private List<ListObject> generateListFromMap(LinkedHashMap<String, Set<ChatModel>> groupedHashMap) {
// We linearly add every item into the consolidatedList.
List<ListObject> consolidatedList = new ArrayList<>();
for (String date : groupedHashMap.keySet()) {
DateObject dateItem = new DateObject();
dateItem.setDate(date);
consolidatedList.add(dateItem);
for (ChatModel chatModel : groupedHashMap.get(date)) {
ChatModelObject generalItem = new ChatModelObject();
generalItem.setChatModel(chatModel);
consolidatedList.add(generalItem);
}
}
chatAdapter.setDataChange(consolidatedList);
return consolidatedList;
}
}

ChatModel.java

public class ChatModel implements Serializable {
private String messageId;
private int userId;
private String firstName;
private String userName;
private String message;
private Date chatTime;
//TODO generate getter and setter
}

ListObject.java (para determinar el tipo de mensaje)

public abstract class ListObject {
public static final int TYPE_DATE = 0;
public static final int TYPE_GENERAL_RIGHT = 1;
public static final int TYPE_GENERAL_LEFT = 2;
abstract public int getType(int userId);
}

DateObject.java

public class DateObject extends ListObject {
private String date;
public String getDate() {
return date;
}
public void setDate(String date) {
this.date = date;
}
@Override
public int getType(int userId) {
return TYPE_DATE;
}
}

ChatModelObject.java

 public class ChatModelObject extends ListObject {
private ChatModel chatModel;
public ChatModel getChatModel() {
return chatModel;
}
public void setChatModel(ChatModel chatModel) {
this.chatModel = chatModel;
}
@Override
public int getType(int userId) {
if (this.chatModel.getUserId() == userId) {
return TYPE_GENERAL_RIGHT;
} else
return TYPE_GENERAL_LEFT;
}
}

DateParse.java para analizar la fecha para agrupar el chat

 public class DateParser {
private static DateFormat dateFormat1 = new SimpleDateFormat("dd/MM/yyyy");
public static String convertDateToString(Date date) {
String strDate = "";
strDate = dateFormat1.format(date);
return strDate;
}
}

ChatAdapter.java

 public class ChatAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
private List<ListObject> listObjects;
private int loggedInUserId;
public ChatAdapter(List<ListObject> listObjects) {
this.listObjects = listObjects;
}
public void setUser(int userId) {
this.loggedInUserId = userId;
}
public void setDataChange(List<ListObject> asList) {
this.listObjects = asList;
//now, tell the adapter about the update
notifyDataSetChanged();
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
RecyclerView.ViewHolder viewHolder = null;
LayoutInflater inflater = LayoutInflater.from(parent.getContext());
switch (viewType) {
case ListObject.TYPE_GENERAL_RIGHT:
View currentUserView = LayoutInflater.from(parent.getContext()).inflate(R.layout.recyclerview_chat_list_row_right, parent, false);
viewHolder = new ChatRightViewHolder(currentUserView); // view holder for normal items
break;
case ListObject.TYPE_GENERAL_LEFT:
View otherUserView = LayoutInflater.from(parent.getContext()).inflate(R.layout.recyclerview_chat_list_row_left, parent, false);
viewHolder = new ChatLeftViewHolder(otherUserView); // view holder for normal items
break;
case ListObject.TYPE_DATE:
View v2 = inflater.inflate(R.layout.date_row, parent, false);
viewHolder = new DateViewHolder(v2);
break;
}
return viewHolder;
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {
switch (viewHolder.getItemViewType()) {
case ListObject.TYPE_GENERAL_RIGHT:
ChatModelObject generalItem = (ChatModelObject) listObjects.get(position);
ChatRightViewHolder chatViewHolder = (ChatRightViewHolder) viewHolder;
chatViewHolder.bind(generalItem.getChatModel());
break;
case ListObject.TYPE_GENERAL_LEFT:
ChatModelObject generalItemLeft = (ChatModelObject) listObjects.get(position);
ChatLeftViewHolder chatLeftViewHolder = (ChatLeftViewHolder) viewHolder;
chatLeftViewHolder.bind(generalItemLeft.getChatModel());
break;
case ListObject.TYPE_DATE:
DateObject dateItem = (DateObject) listObjects.get(position);
DateViewHolder dateViewHolder = (DateViewHolder) viewHolder;
dateViewHolder.bind(dateItem.getDate());
break;
}
}
@Override
public int getItemCount() {
if (listObjects != null) {
return listObjects.size();
}
return 0;
}
@Override
public int getItemViewType(int position) {
return listObjects.get(position).getType(loggedInUserId);
}
public ListObject getItem(int position) {
return listObjects.get(position);
}
}

ChatRightViewHolder.java para el mensaje actual del usuario

public class ChatRightViewHolder extends RecyclerView.ViewHolder {
private final String TAG = ChatRightViewHolder.class.getSimpleName();
public ChatRightViewHolder(View itemView) {
super(itemView);
//TODO initialize your xml views
}
public void bind(final ChatModel chatModel) {
//TODO set data to xml view via textivew.setText();
}
}

ChatLeftViewHolder.java para mostrar otros mensajes de usuario.

public class ChatLeftViewHolder extends RecyclerView.ViewHolder {
private final String TAG = ChatRightViewHolder.class.getSimpleName();
public ChatLeftViewHolder(View itemView) {
super(itemView);
//TODO initialize your xml views
}
public void bind(final ChatModel chatModel) {
//TODO set data to xml view via textivew.setText();
}
}

DateViewHolder.java para mostrar la fecha

public class DateViewHolder extends RecyclerView.ViewHolder {
public DateViewHolder(View itemView) {
super(itemView);
//TODO initialize your xml views
}
public void bind(final String date) {
//TODO set data to xml view via textivew.setText();
}
}