stackoverflow와 같은 태그 컨트롤

Question

누구나 Stackoverflow가 사용하는 태그 컨트롤과 비슷한 Winforms 컨트롤을 C#에 인식하고 있습니까 (아래 참조)?

그렇지 않은 경우 태그를 처리하는 데 사용 된 좋은 대안은 무엇입니까?

Answer 1

몇 분만 돌아봐도 아주 간단하게 구현할 수 있습니다. 이것에 들어가야 할 더 많은 일이 있습니다. 그러나 당신은 당신이 한 일을 성취하는 한 가지 방법의 기본 전제를 ​​볼 수 있습니다.

에서 Form1.cs :

using System; 
using System.Collections.Generic; 
using System.ComponentModel; 
using System.Data; 
using System.Drawing; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
using System.Windows.Forms; 

namespace TagInput 
{ 
    public partial class Form1 : Form 
    { 
     public Form1() 
     { 
      InitializeComponent(); 
     } 

     private void TagInputContainer_Click(object sender, EventArgs e) 
     { 
      TextBox box = new TextBox() 
      { 
       Width = 100, 
       Height = 30, 
       Font = new Font("Segoe UI Light", 12), 
       BorderStyle = BorderStyle.None, 
       BackColor = Color.Khaki, 
       Location = new Point(0,0), 
       Dock = DockStyle.Left, 
       Margin = new Padding(2, 0, 0, 0) 
      }; 

      TagInputContainer.Controls.Add(box); 
     } 
    } 
} 

Form1.designer.cs입니다 :

namespace TagInput 
{ 
    partial class Form1 
    { 
     /// <summary> 
     /// Required designer variable. 
     /// </summary> 
     private System.ComponentModel.IContainer components = null; 

     /// <summary> 
     /// Clean up any resources being used. 
     /// </summary> 
     /// <param name="disposing">true if managed resources should be disposed; otherwise, false.</param> 
     protected override void Dispose(bool disposing) 
     { 
      if (disposing && (components != null)) 
      { 
       components.Dispose(); 
      } 
      base.Dispose(disposing); 
     } 

     #region Windows Form Designer generated code 

     /// <summary> 
     /// Required method for Designer support - do not modify 
     /// the contents of this method with the code editor. 
     /// </summary> 
     private void InitializeComponent() 
     { 
      this.TagInputContainer = new System.Windows.Forms.Panel(); 
      this.SuspendLayout(); 
      // 
      // TagInputContainer 
      // 
      this.TagInputContainer.Cursor = System.Windows.Forms.Cursors.IBeam; 
      this.TagInputContainer.Location = new System.Drawing.Point(157, 161); 
      this.TagInputContainer.Name = "TagInputContainer"; 
      this.TagInputContainer.Size = new System.Drawing.Size(406, 30); 
      this.TagInputContainer.TabIndex = 0; 
      this.TagInputContainer.Click += new System.EventHandler(this.TagInputContainer_Click); 
      // 
      // Form1 
      // 
      this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F); 
      this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font; 
      this.ClientSize = new System.Drawing.Size(664, 395); 
      this.Controls.Add(this.TagInputContainer); 
      this.Name = "Form1"; 
      this.Text = "Form1"; 
      this.ResumeLayout(false); 

     } 

     #endregion 

     private System.Windows.Forms.Panel TagInputContainer; 
    } 
} 

그것이 작동하는 방법 :

장소 양식에 패널, TagInputContainer 호출 (그것은 개최 모든 "태그"). Panel의 Cursor 속성을 IBeam으로 설정하여 사용자가 입력 할 수 있음을 알 수 있도록하십시오. 사용자가 TagInputContainer를 클릭하면 "태그"(TextBox)를 만들고 DockStyle 속성을 Left로 설정하여 항상 왼쪽으로 이동하여 위치 foreach new "tag"를 수동으로 처리 할 필요가 없습니다. 당신이 그것을 개선하기 위해 무엇을 할 수

:

• 측정 글꼴 문자열 텍스트 상자의 폭이 성장하고 텍스트로 축소하도록.
• 백 스페이스 기능을 구현합니다. 여기서 마지막 태그까지 백 스페이스 키를 누르면 중지 할 때까지 태그 및 백 스페이스 편집이 가능합니다.
• 는 TextBox 컨트롤에에 "X"를 그리거나 그 옆에 그래서 사용자는 사용자가 스페이스 바를 누르면 때 새 태그를 만들 수 있도록 그들을

• 공간 모음 단추를 처리 삭제를 클릭 할 수 있습니다.

• 사용자가 새 태그를 만들 때 이전 태그를 사용 가능 = false로 설정하면 실제 태그가 방금 생성 된 것처럼 보이게됩니다. 이 효과를 위해 텍스트 상자에 기본 시스템 3d 상자 효과가 없지만 BorderStyle.FixedSingle 또는 BorderStyle.None과 같이 더 평평한 모양을 선택하면 더 좋게 보일 것이라고 생각합니다.

Answer 2

나는 이전에 똑같은 것을 찾지 않았다. 내가 찾을 수있는 가장 가까운 것은 태그 클라우드에 대한 CodeProject 기사 였으므로 결국은 준비가 된 것을 찾아 내고 스스로를 만들었습니다. Nuget 패키지를 만들었고 소스는 GitHub에서 무료로 사용할 수 있습니다.

소스 (GitHub의) : https://github.com/nathanchere/FerretLib.WinForms

진 (Nuget) : https://www.nuget.org/packages/FerretLib.WinForms

PS :이 때부터이 고려되어야한다 '스팸'을 생각하지 않는다 이 질문에 제시된 것과 동일한 필요를 충족시키기 위해 특별히 작성되었습니다.