L'implémentation par défaut de ListView OwnerDraw

J'ai un ListView où je souhaite modifier le dessin des éléments (par exemple en mettant en évidence certains des chaînes dans la liste afficher les itmes), cependant je ne veux pas modifier radicalement la façon dont les éléments sont affichés.

J'ai mis le OwnerDraw de vrai et peut obtenir ma tête autour de la façon de dessiner ma mettant en évidence l'effet, cependant, chaque fois que j'essaie de reporter à l'implémentation par défaut pour tirer le reste de la vue de liste de point les choses vont mal et je me retrouve avec un tas de problèmes graphiques indiquant qu'en fait, j'ai complètement disparu de mal.

Est là, quelque part que je peux voir ce que le "par Défaut" des gestionnaires pour les DrawItem et DrawSubItem événements faire pour que je puisse améliorer ma compréhension et plus facile à modifier mon code?

Pour référence, voici un extrait montrant ce que je fais actuellement:

public MyListView()
{
    this.OwnerDraw = true;
    this.DoubleBuffered = true;
    this.DrawColumnHeader += new DrawListViewColumnHeaderEventHandler(MyListView_DrawColumnHeader);
    this.DrawItem += new DrawListViewItemEventHandler(MyListView_DrawItem);
    this.DrawSubItem += new DrawListViewSubItemEventHandler(MyListView_DrawSubItem);
}

private void MyListView_DrawColumnHeader(object sender, DrawListViewColumnHeaderEventArgs e)
{
    //Not interested in changing the way columns are drawn - this works fine
    e.DrawDefault = true;
}

private void MyListView_DrawItem(object sender, DrawListViewItemEventArgs e)
{
    e.DrawBackground();
    e.DrawFocusRectangle();
}

private void MyListView_DrawSubItem(object sender, DrawListViewSubItemEventArgs e)
{
    string searchTerm = "Term";
    int index = e.SubItem.Text.IndexOf(searchTerm);
    if (index >= 0)
    {
        string sBefore = e.SubItem.Text.Substring(0, index);

        Size bounds = new Size(e.Bounds.Width, e.Bounds.Height);
        Size s1 = TextRenderer.MeasureText(e.Graphics, sBefore, this.Font, bounds);
        Size s2 = TextRenderer.MeasureText(e.Graphics, searchTerm, this.Font, bounds);

        Rectangle rect = new Rectangle(e.Bounds.X + s1.Width, e.Bounds.Y, s2.Width, e.Bounds.Height);
        e.Graphics.FillRectangle(new SolidBrush(Color.Yellow), rect);
    }

    e.DrawText();
}

Je pense que vous avez besoin d'ajouter plus d'informations à propos de ce qui ne va pas. J'ai testé ton code et il a été...ok. Il a mis en évidence le mot "Terme" avec une boîte jaune. Peut-être montrer une image du dessin résultats.
Je reçois un large éventail de questions, allant de l'effet de sélection n'est plus visible (ce qui peut être vu dans l'exemple ci-dessus) pour l'élément de texte "double rendus" et aussi en voie de disparition quand j'ai placez le pointeur de la souris sur l'élément. Je ne suis pas quelqu'un attend pour être en mesure de résoudre comme par magie tout / tous ces problèmes (qui serait aussi trop spécifiques pour aider les futurs utilisateurs), mais j'aimerais voir un exemple de mise en œuvre qui rend tout aussi près que possible de la norme de mise en œuvre

OriginalL'auteur Justin | 2012-01-30

c#listview virtualmode winforms

12

Je n'ai pas eu le temps d'écrire une réponse complète donc à la place je vais mettre quelques notes rapides et revenez-y plus tard.

Comme LarsTech dit, le propriétaire du dessin d'un ListView contrôle de la douleur - la .Net ListView classe est un wrapper autour de la sous-jacentes Win32 Affichage De La Liste De Contrôle et la capacité de "Propriétaire de tirage" est fourni par l' NM_CUSTOMDRAW code de notification. Comme il n'y a pas de "par défaut .Net mise en œuvre" - la valeur par défaut est d'utiliser le contrôle Win32 sous-jacent.

Pour rendre la vie encore plus difficile, il y a un certain nombre de considérations supplémentaires à faire:
- Comme LarsTech souligné, le premier paragraphe, en fait, représente l'élément parent lui-même, et donc, si vous manipulez le rendu dans les deux DrawItem et DrawSubItem vous pourriez bien être de dessiner le contenu de la première cellule à deux reprises.
- Il y a un bug dans le sous-jacent de la liste de contrôle d'affichage (documenté sur la note sur cette page) ce qui signifie qu'une DrawItem événement va se produire sans que le DrawSubItem événements, ce qui signifie que si vous dessinez un arrière-plan dans le DrawItem événement, puis dessiner le texte dans le DrawSubItem événement de votre élément de texte disparaît lorsque vous survolez.
- Certains le rendu semble également ne pas être à double tampon par défaut
- J'ai aussi remarqué que le ItemState propriété n'est pas toujours correcte, par exemple, juste après le redimensionnement d'une colonne. En conséquence, j'ai trouvé son mieux ne pas compter sur elle.
- Vous devez également vous assurer que votre texte n'est pas répartie sur plusieurs lignes, sinon vous verrez en haut à quelques pixels de la ligne la plus basse étant rendu au bas de la cellule.
- Également une considération particulière doit être accordée lors du rendu de la première cellule de tenir compte de rembourrage supplémentaire que le natif de l'affichage de la liste des utilisations.
- Parce que le DrawItem événement qui survient en premier, tout ce que vous dessinez dans la DrawItem gestionnaire (par exemple, l'effet de sélection) pourrait bien être recouvertes par les choses que vous faites dans la DrawSubItem gestionnaire (par exemple certaines cellules avec une couleur de fond différente).
Dans l'ensemble de la manipulation propriétaire de dessin est assez impliqués affaire, je l'ai trouvé mieux manipuler les tous dessin à l'intérieur de la DrawSubItem événement, il est aussi préférable d'effectuer votre propre double mise en mémoire tampon à l'aide de la BufferedGraphics classe.

J'ai aussi trouvé regardant le code source pour ObjectListView très pratique.

Enfin, ce n'est là que pour manipuler les détails mode de la vue de liste (le seul mode que je suis à l'aide), si vous voulez que les autres modes de travail trop alors je crois qu'il ya des choses supplémentaires à prendre en compte.

Quand j'ai une chance, je vais essayer de poster mon code d'exemple.

OriginalL'auteur Justin

Je ne sais pas si cela va complètement vous aider, mais je vais ajouter quelques remarques:

Une chose à garder à l'esprit est que DrawSubItem tirera le premier article, de trop, et c'est probablement là où vous êtes l'obtention de la double-rendered look.

Certaines choses pour essayer (pas de compte pour la vitesse):

private void listView1_DrawItem(object sender, DrawListViewItemEventArgs e) {
  e.DrawBackground();
  if ((e.State & ListViewItemStates.Selected) == ListViewItemStates.Selected) {
    Rectangle r = new Rectangle(e.Bounds.Left + 4, e.Bounds.Top, TextRenderer.MeasureText(e.Item.Text, e.Item.Font).Width, e.Bounds.Height);
    e.Graphics.FillRectangle(SystemBrushes.Highlight, r);
    e.Item.ForeColor = SystemColors.HighlightText;
  } else {
    e.Item.ForeColor = SystemColors.WindowText;
  }
  e.DrawText();
  e.DrawFocusRectangle();
}

Pour votre DrawSubItem de routine, assurez-vous de ne pas le dessin dans la première colonne et j'ai ajouté le DrawBackground() routine. J'ai ajouté un peu de clipping à l'évidence rectangle donc il n'est pas de la peinture à l'extérieur de la colonne paramètres.

private void listView1_DrawSubItem(object sender, DrawListViewSubItemEventArgs e) {
  if (e.ColumnIndex > 0) {
    e.DrawBackground();

    string searchTerm = "Term";
    int index = e.SubItem.Text.IndexOf(searchTerm);

    if (index >= 0) {
      string sBefore = e.SubItem.Text.Substring(0, index);

      Size bounds = new Size(e.Bounds.Width, e.Bounds.Height);
      Size s1 = TextRenderer.MeasureText(e.Graphics, sBefore, this.Font, bounds);
      Size s2 = TextRenderer.MeasureText(e.Graphics, searchTerm, this.Font, bounds);

      Rectangle rect = new Rectangle(e.Bounds.X + s1.Width, e.Bounds.Y, s2.Width, e.Bounds.Height);

      e.Graphics.SetClip(e.Bounds);
      e.Graphics.FillRectangle(new SolidBrush(Color.Yellow), rect);
      e.Graphics.ResetClip();
    }

    e.DrawText();
  }
}

En général, propriétaire du dessin d'un contrôle ListView est accueillant, dans un monde de souffrance. Vous n'êtes pas de dessin dans des Styles Visuels de plus, vous avez à faire vous-même, aussi. Ugh.

OriginalL'auteur LarsTech

Élément sélectionné arrière changé de couleur. En bleu par défaut dans windows. Ce code permettra de u dans toutes les couleurs:

    private void listView1_DrawItem(object sender, DrawListViewItemEventArgs e)
    {
        e.DrawBackground(); 
         if (e.Item.Selected) 
        {
            e.Graphics.FillRectangle(new SolidBrush(Color.FromArgb(250, 194, 87)), e.Bounds); 
        } 
        e.Graphics.DrawString(e.Item.Text, new Font("Arial", 10), new SolidBrush(Color.Black), e.Bounds); 

    }

    private void Form1_Load(object sender, EventArgs e)
    {
        for (int ix = 0; ix < listView1.Items.Count; ++ix)
        {
            var item = listView1.Items[ix];
            item.BackColor = (ix % 2 == 0) ? Color.Gray : Color.LightGray;

        }

    }

    private void listView1_DrawColumnHeader(object sender, DrawListViewColumnHeaderEventArgs e)
    {
        e.DrawDefault = true;
    }

    }
}

OriginalL'auteur user2955748

0

ComponentOwl a récemment publié un freeware composant appelé à Mieux ListView Express.

Il ressemble et se comporte exactement comme le ListView, mais a beaucoup plus puissant propriétaire de dessin capacités - vous pouvez dessiner avec précision sur tous les éléments et même de désactiver certaines de dessin (p. ex. sélection pour vous rendre sur).

OriginalL'auteur Libor

  private void listView1_DrawItem(object sender, DrawListViewItemEventArgs e)
  {
      e.DrawBackground(); 
      if (e.Item.Selected) 
      {
          e.Graphics.FillRectangle(new SolidBrush(Color.FromArgb(250, 194, 87)), e.Bounds); 
      } 
      e.Graphics.DrawString(e.Item.Text, new Font("Arial", 10), new SolidBrush(Color.Black), e.Bounds); 

  }

OriginalL'auteur user2955748

Vous devez vous connecter pour publier un commentaire.