TextBox Designe

  • C#
  • .NET (FX) 4.5–4.8

Es gibt 13 Antworten in diesem Thema. Der letzte Beitrag () ist von Facebamm.

    TextBox Designe

    Hallo,

    ist es möglich das komplett Designe einer TextBox zu ändern?
    Warum ich das frage? Ich hab jetzt kanpp 4h veruscht die TextBoxBase auf mein Control zu programmieren damit ich die Mechanik des Textschreibens bekomme, aber ohne erfolg.

    Nun dachte ich okey, evtl. mit C++ aber dort ist in den Videos das gleiche Spiel. Alle TextBoxen sehen Grau und Viereckig aus -.-

    Wie es Momentan aussieht bei mir

    Spoiler anzeigen

    Mein Code bis Jetzt
    ​

    C#-Quellcode

    1. ​
    2. class CueTextBox : Control {
    3. /*
    4. * Text
    5. * Courser
    6. * KeyDown Hold
    7. */
    8. #region Propertys
    9. private string _Text;
    10. public new string Text {
    11. get => _Text;
    12. set => PropertyChange(ref _Text, value, () => {
    13. BeforeTextChanged?.Invoke(this, CursorPosition);
    14. this.Invalidate();
    15. AfterTextChanged?.Invoke(this, CursorPosition);
    16. });
    17. }
    19. private Padding _TextPadding;
    20. public Padding TextPadding { get => _TextPadding; set => PropertyChange(ref _TextPadding, value, Invalidate); }
    22. private string _CueText;
    23. public string CueText {
    24. get => _CueText;
    25. set => PropertyChange(ref _CueText, value, Invalidate);
    26. }
    28. private Color _CueColor;
    29. public Color CueColor {
    30. get => _CueColor;
    31. set => PropertyChange(ref _CueColor, value, Invalidate);
    32. }
    34. private ContentAlignment _ContentAlignment;
    35. public new ContentAlignment ContentAlignment {
    36. get => _ContentAlignment;
    37. set => PropertyChange(ref _ContentAlignment, value, Invalidate);
    38. }
    40. private Color _LineColor;
    41. public Color LineColor {
    42. get => _LineColor;
    43. set => PropertyChange(ref _LineColor, value, Invalidate);
    44. }
    46. private int _LineHeight;
    47. public int LineHeight {
    48. get => _LineHeight;
    49. set => PropertyChange(ref _LineHeight, value, Invalidate);
    50. }
    52. private int _LineMarginLeft;
    53. public int LineMarginLeft {
    54. get => _LineMarginLeft;
    55. set => PropertyChange(ref _LineMarginLeft, value, () => {
    56. LineMarginHorizontal = -1;
    57. _LineMarginLeft = value;
    58. });
    59. }
    61. private int _LineMarginRight;
    62. public int LineMarginRight {
    63. get => _LineMarginRight;
    64. set => PropertyChange(ref _LineMarginRight, value, () => {
    65. LineMarginHorizontal = -1;
    66. _LineMarginRight = value;
    67. });
    68. }
    70. private int _LineMarginHorizontal;
    71. public int LineMarginHorizontal {
    72. get => _LineMarginHorizontal;
    73. set => PropertyChange(ref _LineMarginHorizontal, value, () => {
    74. if (value != -1) {
    75. LineMarginLeft = value;
    76. LineMarginRight = value;
    77. }
    78. Invalidate();
    79. });
    80. }
    82. private int _LineMarginBotton;
    83. public int LineMarginBotton {
    84. get => _LineMarginBotton;
    85. set => PropertyChange(ref _LineMarginBotton, value, Invalidate);
    86. }
    88. private Color _ForeColor;
    89. public new Color ForeColor {
    90. get => _ForeColor;
    91. set => PropertyChange(ref _ForeColor, value, Invalidate);
    92. }
    94. private Color _BackColor;
    95. public new Color BackColor {
    96. get => _BackColor;
    97. set => PropertyChange(ref _BackColor, value, Invalidate);
    98. }
    100. private int _CursorSpeed;
    101. public int CursorSpeed {
    102. get => _CursorSpeed;
    103. set => PropertyChange(ref _CursorSpeed, value, Invalidate);
    104. }
    106. private int _CourserWidth;
    107. public int CursorWidth {
    108. get => _CourserWidth;
    109. set => PropertyChange(ref _CourserWidth, value, Invalidate);
    110. }
    112. private int _CursorPosition;
    113. public int CursorPosition {
    114. get => _CursorPosition;
    115. set => PropertyChange(ref _CursorPosition, value, Invalidate);
    116. }
    118. private Font _Font;
    119. public new Font Font {
    120. get => _Font;
    121. set => PropertyChange(ref _Font, value, Invalidate);
    122. }
    123. #endregion
    125. public event Action<Object> MarginChange;
    126. public event Action<Object, int> BeforeTextChanged;
    127. public event Action<Object, int> AfterTextChanged;
    129. public CueTextBox() {
    130. ControlStyles styles = ControlStyles.UserPaint
    131. | ControlStyles.OptimizedDoubleBuffer
    132. | ControlStyles.SupportsTransparentBackColor
    133. | ControlStyles.ResizeRedraw
    134. | ControlStyles.UseTextForAccessibility
    135. | ControlStyles.Selectable;
    136. SetStyle(styles, true);
    137. //Font = Parent.Font;
    138. }
    140. //Test
    141. bool select;
    142. bool usercursorSet;
    143. //
    145. protected override void OnClick(EventArgs e) {
    146. select = true;
    148. }
    150. protected override void OnKeyDown(KeyEventArgs e) {
    152. string letter = e.KeyCode.ToString();
    153. if (Regex.IsMatch(letter, "^(?:\\w|\\s|\\d){0,1}$")) {
    154. if (string.IsNullOrEmpty(Text)) {
    155. Text = letter;
    156. CursorPosition = Text.Length;
    157. } else {
    158. Text = string.Concat(Text, letter);
    159. CursorPosition = Text.Length;
    160. }
    161. Console.WriteLine(Text);
    162. Invalidate();
    163. Refresh();
    164. }
    165. }
    166. protected override void OnPaint(PaintEventArgs e) {
    167. Graphics graphics = e.Graphics;
    168. Rectangle rect = Bounds;
    170. #region UnderLine
    171. Pen linePen = new Pen(LineColor, LineHeight);
    173. int lineXStart = LineMarginLeft;
    174. int lineXEnd = rect.Width - LineMarginRight;
    175. int lineYEnd = rect.Height - (LineMarginBotton + LineHeight);
    176. Point lineStartLoc = new Point(lineXStart, lineYEnd);
    177. Point lineEndLoc = new Point(lineXEnd, lineYEnd);
    178. graphics.DrawLine(linePen, lineStartLoc, lineEndLoc);
    179. #endregion
    181. #region Text
    182. string printText = Text;
    183. Color textColor = ForeColor;
    184. if (string.IsNullOrEmpty(Text) && false) {
    185. printText = CueText;
    186. textColor = CueColor;
    187. }
    188. Size textSize = TextRenderer.MeasureText(printText, Font);
    189. textSize.Width += TextPadding.Right;
    190. textSize.Height += TextPadding.Bottom;
    192. Point textLoc = new Point(TextPadding.Left, TextPadding.Top);
    194. Rectangle textRect = new Rectangle(textLoc, textSize);
    195. TextRenderer.DrawText(graphics, printText, Font, textRect, textColor);
    196. #endregion
    198. #region Cursor
    199. if (true && !string.IsNullOrEmpty(Text)) {
    200. string onCT = Text.Substring(0, CursorPosition);
    201. Size tcSize = TextRenderer.MeasureText(onCT, Font);
    202. int cursorX = tcSize.Width + 1;
    203. int cursorY = textLoc.Y;
    204. Point cursorLoc = new Point(cursorX, cursorY);
    205. Size cursorSize = new Size(CursorWidth, tcSize.Height);
    206. Rectangle cursorRect = new Rectangle(cursorLoc, cursorSize);
    207. using (SolidBrush cursorBrush = new SolidBrush(Color.Black)) {
    208. graphics.FillRectangle(cursorBrush, cursorRect);
    209. }
    210. }
    211. #endregion
    212. }
    214. protected override Cursor DefaultCursor {
    215. get {
    216. return Cursors.IBeam;
    217. }
    218. }
    220. protected override bool IsInputKey(Keys keyData) {
    221. if ((keyData & Keys.Alt) != Keys.Alt) {
    222. switch (keyData & Keys.KeyCode) {
    223. case Keys.Tab:
    224. case Keys.Escape:
    225. return false;
    226. case Keys.Back:
    227. return true;
    228. case Keys.PageUp:
    229. case Keys.PageDown:
    230. case Keys.Home:
    231. case Keys.End:
    232. return true;
    233. }
    234. }
    235. return base.IsInputKey(keyData);
    236. }
    237. }
    238. }

    Genau. Jene transparente TextBox plus ein farbliches Panel (welches die Linie darstellt) in ein UserControl. Und dann hiermit einen eigenen Cursor definieren.
    Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von „VaporiZed“, mal wieder aus Grammatikgründen.

    Aufgrund spontaner Selbsteintrübung sind all meine Glaskugeln beim Hersteller. Lasst mich daher bitte nicht den Spekulatiusbackmodus wechseln.

    @VaporiZed Das mit dem Caret funktioniert bei mir (Studio 2013, W10) nicht. ;(
    @Facebamm Mach Dir ein UserControl mit einer TextBox und einer Linie, die kannst Du im Paint-Event zeichnen.
    BackColor von UserControl und TextBox gleich, TextBox: BorderStyle = None
    Falls Du diesen Code kopierst, achte auf die C&P-Bremse.
    Jede einzelne Zeile Deines Programms, die Du nicht explizit getestet hast, ist falsch :!:
    Ein guter .NET-Snippetkonverter (der ist verfügbar).
    Programmierfragen über PN / Konversation werden ignoriert!

    Ist ein bisken tricky, da man bei jedem TextBox-Betreten ShowCaret anwenden muss.
    Ich hab das Caret-Ändern mal in einen Button getan:

    C#-Quellcode

    1. private void button1_Click(object sender, EventArgs e)
    2. {
    3. CreateCaret(textBox1.Handle, GetHBitmap(), 10, textBox1.Height );
    4. ShowCaret(textBox1.Handle);
    5. }
    6. private IntPtr GetHBitmap()
    7. {
    8. Bitmap bm= (Bitmap) Image.FromFile(DateiPfad, true);
    9. return bm.GetHbitmap();
    10. }

    Achtung! Das Bild muss farbinvertiert werden! Denn in der Textbox selber wird es wieder invertiert dargestellt.

    Ergebnis:
    (Original, was man später sehen will) => (per paint.net farbinvertiert; auf dieses Bild muss man in CreateCaret verweisen) ==>


    (Ergebnis, bei dem das Bild als Cursor verwendet wird.
    Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von „VaporiZed“, mal wieder aus Grammatikgründen.

    Aufgrund spontaner Selbsteintrübung sind all meine Glaskugeln beim Hersteller. Lasst mich daher bitte nicht den Spekulatiusbackmodus wechseln.

    @VaporiZed OK.
    Solange die TextBox NICHT den Fokus hat, wird dieser Cursor angezeigt.
    Klickt man in die TextBox, ist der Standardcursor wieder aktiv.
    Klick raus -> Cursor ist Cursor ist weiterhin der Standardcursor.
    Wenn man Deinen Code in das .Leave-Event der TextBox schreibt, ist der neue Cursor nur beim Nicht-Editieren aktiv.
    Falls Du diesen Code kopierst, achte auf die C&P-Bremse.
    Jede einzelne Zeile Deines Programms, die Du nicht explizit getestet hast, ist falsch :!:
    Ein guter .NET-Snippetkonverter (der ist verfügbar).
    Programmierfragen über PN / Konversation werden ignoriert!

    Die Funktionen CreateCaret und ShowCaret müssen ins GotFocus-Ereignis.
    Ins Leave-Ereignis soll wohl die DestroyCaret-Funktion. Beispiel anbei.

    Ich arbeite nicht oft mit C#, daher hatte ich etwas Schwierigkeiten mit dem Einbinden der Bitmap-Datei RedCaret. Aber es geht ja ums Prinzip.
    Dateien
    Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von „VaporiZed“, mal wieder aus Grammatikgründen.

    Aufgrund spontaner Selbsteintrübung sind all meine Glaskugeln beim Hersteller. Lasst mich daher bitte nicht den Spekulatiusbackmodus wechseln.

    Die MetroSuite könnte ebenfalls genau das :)
    Mfg: Gather
    Private Nachrichten bezüglich VB-Fragen werden Ignoriert!

    GDI+
    Das Ganze Control ist gezeichnet. Da wird nix mit Panels gearbeitet haha
    Mfg: Gather
    Private Nachrichten bezüglich VB-Fragen werden Ignoriert!

    Diesbezüglich wird ein unsichtbares Textboxelement erzeugt.
    Mfg: Gather
    Private Nachrichten bezüglich VB-Fragen werden Ignoriert!

Facebook
Telefonspende