Personnalisé ListView avec Date SectionHeader (personnalisé Utilisé SimpleCursorAdapter)

Je veux afficher ListView avec Date SectionHeader.

Ce que j'ai :
Je suis de l'affichage de contrôle ListView, de la base de données sqlite en utilisant des SimpleCursorAdapter.

Mon Custom SimpleCursorAdapter est :

public class DomainAdapter extends SimpleCursorAdapter{
private Cursor dataCursor;
private LayoutInflater mInflater;
public DomainAdapter(Context context, int layout, Cursor dataCursor, String[] from,
int[] to) {
super(context, layout, dataCursor, from, to);
this.dataCursor = dataCursor;
mInflater = LayoutInflater.from(context);
}
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if (convertView == null) {
convertView = mInflater.inflate(R.layout.todo_row, null);
holder = new ViewHolder();
holder.text1 = (TextView) convertView.findViewById(R.id.label);//Task Title
holder.text2 = (TextView) convertView.findViewById(R.id.label2);//Task Date
holder.img =   (ImageView) convertView.findViewById(R.id.task_icon);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
dataCursor.moveToPosition(position);
int title = dataCursor.getColumnIndex("title"); 
String task_title = dataCursor.getString(title);
int title_date = dataCursor.getColumnIndex("day"); 
String task_day = dataCursor.getString(title_date);
int description_index = dataCursor.getColumnIndex("priority"); 
int priority = dataCursor.getInt(description_index);
holder.text1.setText(task_title);
holder.text2.setText(task_day);
if(priority==1) holder.img.setImageResource(R.drawable.redbutton);
else if(priority==2) holder.img.setImageResource(R.drawable.bluebutton);
else if(priority==3)holder.img.setImageResource(R.drawable.greenbutton);
else holder.img.setImageResource(R.drawable.redbuttonchecked);
return convertView;
}
static class ViewHolder {
TextView text1;
TextView text2;
ImageView img;
}
}

Résultats de Google à ce jour :

Problème : je veux afficher listview avec la Date en-têtes de section. Bien sûr, les valeurs de Date proviennent de la base de données sqlite.

Quelqu'un peut-il svp me guider comment puis-je réaliser cette tâche.

Ou me Fournir un Exemple de Code ou Exacte(comme) du Code relatives à la même.

Édité Selon Graham Borald de Réponse (Cela fonctionne très bien. Pourtant, c'était une solution rapide.)

public class DomainAdapter extends SimpleCursorAdapter{
private Cursor dataCursor;
private LayoutInflater mInflater;
public DomainAdapter(Context context, int layout, Cursor dataCursor, String[] from,
int[] to) {
super(context, layout, dataCursor, from, to);
this.dataCursor = dataCursor;
mInflater = LayoutInflater.from(context);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if (convertView == null) 
{
convertView = mInflater.inflate(R.layout.tasks_row, null);
holder = new ViewHolder();
holder.text1 = (TextView) convertView.findViewById(R.id.label);//Task Title
holder.text2 = (TextView) convertView.findViewById(R.id.label2);//Task Date
holder.img =   (ImageView) convertView.findViewById(R.id.taskImage);
holder.sec_hr=(TextView) convertView.findViewById(R.id.sec_header);
convertView.setTag(holder);
}
else
{
holder = (ViewHolder) convertView.getTag();
}
dataCursor.moveToPosition(position);
int title = dataCursor.getColumnIndex("title"); 
String task_title = dataCursor.getString(title);
int title_date = dataCursor.getColumnIndex("due_date"); 
String task_day = dataCursor.getString(title_date);
int description_index = dataCursor.getColumnIndex("priority"); 
int priority = dataCursor.getInt(description_index);
String prevDate = null;
if (dataCursor.getPosition() > 0 && dataCursor.moveToPrevious()) {
prevDate = dataCursor.getString(title_date);
dataCursor.moveToNext();
}
if(task_day.equals(prevDate))
{
holder.sec_hr.setVisibility(View.GONE);
}
else
{
holder.sec_hr.setText(task_day);
holder.sec_hr.setVisibility(View.VISIBLE);
}
holder.text1.setText(task_title);
holder.text2.setText(task_day);
if(priority==1) holder.img.setImageResource(R.drawable.redbutton);
else if(priority==2) holder.img.setImageResource(R.drawable.bluebutton);
else if(priority==3)holder.img.setImageResource(R.drawable.greenbutton);
else holder.img.setImageResource(R.drawable.redbuttonchecked);
return convertView;
}
static class ViewHolder {
TextView text1;
TextView text2;
TextView sec_hr;
ImageView img;
}
}

Édité Selon CommonsWare la Réponse de

public class DomainAdapter extends SimpleCursorAdapter{
private Cursor dataCursor;
private TodoDbAdapter adapter;
private LayoutInflater mInflater;
boolean header;
String last_day;
public DomainAdapter(Context context, int layout, Cursor dataCursor, String[] from,
int[] to) {
super(context, layout, dataCursor, from, to);
this.dataCursor = dataCursor;
mInflater = LayoutInflater.from(context);
header=true;
adapter=new TodoDbAdapter(context);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
TitleHolder title_holder = null;
if(getItemViewType(position)==1)
{
//convertView= mInflater.inflate(R.layout.todo_row, parent, false);
if (convertView == null) 
{
convertView = mInflater.inflate(R.layout.todo_row, null);
holder = new ViewHolder();
holder.text1 = (TextView) convertView.findViewById(R.id.label);//Task Title
holder.text2 = (TextView) convertView.findViewById(R.id.label2);//Task Date
holder.img =   (ImageView) convertView.findViewById(R.id.task_icon);
convertView.setTag(holder);
}
else 
{
holder = (ViewHolder) convertView.getTag();
}
dataCursor.moveToPosition(position);
int title = dataCursor.getColumnIndex("title"); 
String task_title = dataCursor.getString(title);
int title_date = dataCursor.getColumnIndex("day"); 
String task_day = dataCursor.getString(title_date);
int description_index = dataCursor.getColumnIndex("priority"); 
int priority = dataCursor.getInt(description_index);
holder.text1.setText(task_title);
holder.text2.setText(task_day);
if(priority==1) holder.img.setImageResource(R.drawable.redbutton);
else if(priority==2) holder.img.setImageResource(R.drawable.bluebutton);
else if(priority==3)holder.img.setImageResource(R.drawable.greenbutton);
else holder.img.setImageResource(R.drawable.redbuttonchecked);
}
else
{
if (convertView == null) 
{
convertView = mInflater.inflate(R.layout.section_header, null);
title_holder = new TitleHolder();
title_holder.datee = (TextView) convertView.findViewById(R.id.sec_header);//Task Title
convertView.setTag(title_holder);
}
else 
{
title_holder = (TitleHolder) convertView.getTag();
}
dataCursor.moveToPosition(position);
int title_date = dataCursor.getColumnIndex("day"); 
String task_day = dataCursor.getString(title_date);
title_holder.datee.setText(task_day);
}
return convertView;
}
static class ViewHolder {
TextView text1;
TextView text2;
ImageView img;
}
static class TitleHolder{
TextView datee;
}
@Override
public int getCount() {
return dataCursor.getCount()+1; //just for testing i took no. of headers=1
}
@Override
public int getViewTypeCount() {
return 2;
}
@Override
public int getItemViewType(int position) {
dataCursor.moveToPosition(position);
**Long id=dataCursor.getLong(position);**
Cursor date=adapter.fetchTodo(id);
int title_date = date.getColumnIndex("day"); 
String task_day = date.getString(title_date);
Log.i("tag",task_day);
if(last_day.equals(task_day))
return 1;//Display Actual Row
else
{
last_day=task_day;//Displaying Header
return 0;
}
}
/*
@Override
public View newView(Context context, Cursor cursor, ViewGroup parent) {
final View view;
if(getItemViewType(cursor.getPosition())==1)
view= mInflater.inflate(R.layout.todo_row, parent, false);
else
view=mInflater.inflate(R.layout.section_header,parent, false);
return view;
}
@Override
public void bindView(View convertView, Context context, Cursor cursor) {
long id = cursor.getPosition();
}*/
}

Je suis Exception de Pointeur Null à la ligne : Cursor date=adapter.fetchTodo(id);
Semble que le Curseur n'est pas d'obtenir toutes les données.

github.com/emilsjolander/StickyListHeaders

InformationsquelleAutor Kartik Domadiya | 2011-06-07

53

De loin le moyen le plus simple pour ce faire est d'inscrire la date de l'en-tête de la vue dans chaque élément. Ensuite, tout ce que vous devez faire dans bindView est de comparer la rangée précédente date de cette ligne, la date, et de masquer la date si c'est la même chose. Quelque chose comme ceci:
```
    String thisDate = cursor.getString(dateIndex);
String prevDate = null;
//get previous item's date, for comparison
if (cursor.getPosition() > 0 && cursor.moveToPrevious()) {
prevDate = cursor.getString(dateIndex);
cursor.moveToNext();
}
//enable section heading if it's the first one, or 
//different from the previous one
if (prevDate == null || !prevDate.equals(thisDate)) {
dateSectionHeaderView.setVisibility(View.VISIBLE);
} else {
dateSectionHeaderView.setVisibility(View.GONE);
}
```
- Merci pour une solution rapide.C'est le travail. Mais je veux aller comme par CommonsWare de réponse. Pouvez-vous s'il vous plaît aider dans la mise en œuvre de qui ?
- Je ne considère pas cela comme étant une solution rapide. Je pense que c'est une très soigné, compacte et efficace solution pour le problème. J'ai utilisé exactement de cette approche dans le code de production, et il donne de très bons résultats. Quel aspect vous êtes malheureux avec?
- Problème : lorsque je clic sur le premier élément(qui contient également d'en-tête) vue entière de l'élément devient de couleur jaune.Je ne veux pas que.
- Je sais que cela peut être fait par la personnalisation de la couleur de l'élément de liste lorsqu'il est cliqué ou concentré. Mais je ne veux pas le faire
- Je pense aussi que Graham solution est bonne (+1 pour vous). Il s'agit moins de code et est plus facile à gérer. Et comme vous le dites, vous pouvez personnaliser la couleur de l'élément de liste lorsque l'on clique dessus assez facilement. Quoi de ne pas aimer?
- Cela fonctionne lorsque le défilement vers le bas, mais quand je scroll sauvegarder les en-têtes sont toutes mélangées.
- N'est-ce pas un autre inconvénient, en cliquant sur l'un daté en-tête de section suite à l'appel à onOptionsItemSelected()? IE en cliquant sur un en-tête date entraînera la même action que de cliquer sur la ligne en dessous de la date.
- Vrai, avez-vous résolu ce problème?
- Cyril Mottier a une version améliorée de cet détaillé de l'écriture jusqu'à cyrilmottier.com/2011/07/05/... je pense que la ligne qui a de la "curseur.moveToPosition(position 1);" résout le problème de défilement jusqu'à.
- C'est le plus intelligent, le plus simple, mais la solution la plus efficiente que j'ai jamais trouvé après une recherche pour un couple de jours.
InformationsquelleAutor Graham Borland
4

Quelqu'un peut-il svp me guider comment puis-je réaliser cette tâche.

Avec des douleurs importantes.

Vous aurez besoin pour créer votre propre sous-classe de CursorAdapter (ou peut-être SimpleCursorAdapter). Dans cette sous-classe, vous aurez besoin de calculer le nombre de lignes d'en-tête et d'ajuster getCount() de match. Vous aurez besoin d'avoir getViewTypeCount() retourner le bon numéro. Vous aurez besoin d'identifier la position des lignes d'en-tête et d'ajuster getItemViewType(), newView(), et bindView() pour faire face à vos lignes d'en-tête, le réglage de la position de la valeur pour les lignes de détails à prendre en compte le nombre d'en-têtes qui sont en avant de cette ligne, de sorte que vous obtenez le droit de Cursor poste pour travailler avec. Il faudra peut-être d'autres ajustements, mais ceux-ci sont assez certain.

Si personne ne me bat pour elle, je vais probablement écrire un de ces dans la prochaine année, une fois que c'est nécessaire pour un projet de mine.
- Merci pour votre excellente réponse. Remercie de votre réponse et de l'effort. Mais je tiens à confirmer ce que j'ai compris.
- 1. getCount() doit retourner le nombre d'éléments(lignes) ou le nombre total d'objets(lignes+en-tête) ?
- lignes+en-têtes. Plus précisément, getCount() retourne le nombre de lignes qui doivent être dans le ListView, qui a quelque ressemblance avec le nombre de "lignes" dans votre Cursor, mais dans votre cas, doit aussi prendre en compte les en-têtes ou d'autres lignes que vous ajoutez au mélange.
- merci beaucoup pour crystal explication claire. maintenant 2. getViewTypeCount() doit retourner le nombre de têtes !.. 3. getItemViewType() comment puis-je régler pour les en-têtes et les données ?..
- renvoie le nombre de types distincts de lignes que vous l'affichage. #3 est votre travail, parce que vous êtes le seul à mandater ces en-têtes, vous êtes le seul avec les règles métier pour les où les en-têtes doivent apparaître. Personne sur la surface de la planète, peut vous aider avec ça.
- 4. newView() qui, je doit retourner ? La ligne 1 ou la ligne 2 ?
- Comment dois-je savoir? newView() besoins de générer quoi que View est approprié pour la demande de ListView position. Seulement, vous savez ce que c'est.
- veuillez voir le fichier de code.
InformationsquelleAutor CommonsWare

il est très simple pour la mise en œuvre:

public class ChatAdapter extends NoteBaseAdapter {
private Cursor mCursor;
/**
* List of notes to showToast
*/
public int getCount() {
int count = 0;
if (mCursor != null)
count = mCursor.getCount();
return count;
}
public Comment getItem(int position) {
mCursor.moveToPosition(position);
Comment comment = Comment.fromCursor(mCursor);
return comment;
}
public long getItemId(int position) {
return 0;
}
public View getView(final int position, View convertView, ViewGroup parent) {
final Comment comment = getItem(position);
CommentCell cellView = null;
if (convertView == null) {
cellView = new CommentCell(parent.getContext());
cellView.setup(elementsColor, backgroundColor);
} else
cellView = (CommentCell) convertView;
cellView.setComment(comment);
boolean showHeader = false;
String currentDate = null;
if (position > 0 && position < getCount()) {
int previousPosition = position - 1;
Comment previousComment = getItem(previousPosition);
currentDate = comment.headerDate();
String previousDate = previousComment.headerDate();
showHeader = !currentDate.equalsIgnoreCase(previousDate);
} else {
showHeader = true;
currentDate = comment.headerDate();
}
cellView.showHeader(showHeader, currentDate);
return cellView;
}
public void update(long itemUniqueId) {
mCursor = Comment.fetchResultCursor(itemUniqueId);
notifyDataSetChanged();
}

et afficher/masquer l'en-tête personnalisées CommentCell vue:

  public void showHeader(boolean show, String currentDate) {
if (show) {
headerTextview.setVisibility(VISIBLE);
headerTextview.setText(currentDate);
} else {
headerTextview.setVisibility(GONE);
}
}

créer des chaînes de date:

public String headerDate() {
String createDateStr = null;
if (createDate != Consts.NONE_LONG)
createDateStr = TimeUtil.dateToString("dd MMMM", new Date(createDate));
return createDateStr;
}
public static String dateToString(String format, Date date) {
DateFormat dateFormat = new SimpleDateFormat(format, Locale.getDefault());
String text = dateFormat.format(date);
return text;
}

Pouvez-vous nous expliquer votre solution. C'est beaucoup de code.

InformationsquelleAutor Oleg Tarashkevich

Vous devez vous connecter pour publier un commentaire.