Überlappendes Bild und Text in einer benutzerdefinierten TextBox vermeiden?

Question

Ich habe ein neues Steuerelement aus einem System.Windows.Forms.TextBox abgeleitet, die auf seinem Client-Bereich ein Bild zeigt, wie Sie aus dem folgenden Bild sehen:

Hier ist der Code:

public partial class UnitTextBox: TextBox { 
    public UnitTextBox() { 
     TextAlign = HorizontalAlignment.Right; 
     InitializeComponent(); 
     Controls.Add(pictureBox1); 
     pictureBox1.Location = new Point(0, 0); 
    } 
} 

Wenn ich einige Zeichen hinzufüge, scrollt der Text nach links und geht unter das Bild. Gibt es eine Möglichkeit, den Textbereich aufzufüllen?

Answer 1

Es klingt wie mit dem, was Sie versuchen, für Sie wäre einfacher zu tun, wenn Sie es ein Usercontrol gemacht:

MSDN - Inherit from the UserControl

in Visual Studio Im Allgemeinen Sie ein neues zu einem Projekt „Hinzufügen“ "Benutzerkontrolle", die fast wie ein Formular aussieht. Fügen Sie ein Panel oder eine PictureBox für Ihr Bild hinzu, und fügen Sie dann rechts daneben Ihre TextBox hinzu. Passen Sie das Formular so an, dass es nur Ihren Steuerelementen entspricht. Erstellen Sie einige Eigenschaften, um die Text-Eigenschaft der TextBox und möglicherweise eine Eigenschaft anzuzeigen, um das Bild festzulegen und anschließend zu kompilieren. Nach dem Kompilieren wird Ihr Benutzersteuerelement in Ihrer Toolbox angezeigt, als wäre es ein anderes Steuerelement.

Answer 2

Ich habe eine ähnliche Sache einmal gemacht. Der einfachste Weg, dies zu tun, ist ein Benutzersteuerelement wie BradRem vorgeschlagen, dann legen Sie eine Randlose TextBox in einem Panel mit der gleichen Hintergrundfarbe wie die TextBox. Auf der linken Seite in diesem Panel setzen Sie Ihr Icon. Als komplettes UserControl verhält sich das nun wie eine TextBox mit einem reservierten Bereich auf der linken Seite mit einem Icon darin.

Update:

Ich hatte dies für mich selbst zu testen und erstellt ein Benutzersteuerelement wie ich schon sagte. Darüber hinaus habe ich ein Paint-Ereignis zum Container-Panel, das die Grenze mit der gleichen Farbe wie die TextBox zieht:

public partial class UCTextBoxWithLabel : UserControl { 
     public UCTextBoxWithLabel() { 
      InitializeComponent(); 

      pnlTextBoxWithImage.Paint += new PaintEventHandler(pnlTextBoxWithImage_Paint); 
     } 

     void pnlTextBoxWithImage_Paint(object sender, PaintEventArgs pea) { 
      ControlPaint.DrawBorder(pea.Graphics, pea.ClipRectangle, Color.FromArgb(0x7f, 0x9d, 0xb9), ButtonBorderStyle.Solid); 
     } 
    } 

... und es sieht so ziemlich genau wie das gewünschte Ergebnis: