ColorPicker.cs 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370
  1. #nullable enable
  2. using System;
  3. namespace Terminal.Gui;
  4. /// <summary>
  5. /// True color picker using HSL
  6. /// </summary>
  7. public class ColorPicker : View
  8. {
  9. /// <summary>
  10. /// Creates a new instance of <see cref="ColorPicker"/>. Use
  11. /// <see cref="Style"/> to change color model. Use <see cref="SelectedColor"/>
  12. /// to change initial <see cref="Color"/>.
  13. /// </summary>
  14. public ColorPicker ()
  15. {
  16. CanFocus = true;
  17. TabStop = TabBehavior.TabStop;
  18. Height = Dim.Auto ();
  19. Width = Dim.Auto ();
  20. ApplyStyleChanges ();
  21. }
  22. private readonly Dictionary<IColorBar, TextField> _textFields = new ();
  23. private readonly ColorModelStrategy _strategy = new ();
  24. private TextField? _tfHex;
  25. private Label? _lbHex;
  26. private TextField? _tfName;
  27. private Label? _lbName;
  28. private Color _selectedColor = Color.Black;
  29. // TODO: Add interface
  30. private readonly IColorNameResolver _colorNameResolver = new W3CColors ();
  31. private List<IColorBar> _bars = new ();
  32. /// <summary>
  33. /// Rebuild the user interface to reflect the new state of <see cref="Style"/>.
  34. /// </summary>
  35. public void ApplyStyleChanges ()
  36. {
  37. Color oldValue = _selectedColor;
  38. DisposeOldViews ();
  39. var y = 0;
  40. const int textFieldWidth = 4;
  41. foreach (ColorBar bar in _strategy.CreateBars (Style.ColorModel))
  42. {
  43. bar.Y = y;
  44. bar.Width = Dim.Fill (Style.ShowTextFields ? textFieldWidth : 0);
  45. TextField? tfValue = null;
  46. if (Style.ShowTextFields)
  47. {
  48. tfValue = new TextField
  49. {
  50. X = Pos.AnchorEnd (textFieldWidth),
  51. Y = y,
  52. Width = textFieldWidth
  53. };
  54. tfValue.HasFocusChanged += UpdateSingleBarValueFromTextField;
  55. tfValue.Accepting += (s, _)=>UpdateSingleBarValueFromTextField(s);
  56. _textFields.Add (bar, tfValue);
  57. }
  58. y++;
  59. bar.ValueChanged += RebuildColorFromBar;
  60. _bars.Add (bar);
  61. Add (bar);
  62. if (tfValue is { })
  63. {
  64. Add (tfValue);
  65. }
  66. }
  67. if (Style.ShowColorName)
  68. {
  69. CreateNameField ();
  70. }
  71. CreateTextField ();
  72. SelectedColor = oldValue;
  73. if (IsInitialized)
  74. {
  75. LayoutSubviews ();
  76. }
  77. }
  78. /// <summary>
  79. /// Fired when color is changed.
  80. /// </summary>
  81. public event EventHandler<ColorEventArgs>? ColorChanged;
  82. /// <inheritdoc/>
  83. public override void OnDrawContent (Rectangle viewport)
  84. {
  85. base.OnDrawContent (viewport);
  86. Attribute normal = GetNormalColor ();
  87. Driver.SetAttribute (new (SelectedColor, normal.Background));
  88. int y = _bars.Count + (Style.ShowColorName ? 1 : 0);
  89. AddRune (13, y, (Rune)'■');
  90. }
  91. /// <summary>
  92. /// The color selected in the picker
  93. /// </summary>
  94. public Color SelectedColor
  95. {
  96. get => _selectedColor;
  97. set => SetSelectedColor (value, true);
  98. }
  99. /// <summary>
  100. /// Style settings for the color picker. After making changes ensure you call
  101. /// <see cref="ApplyStyleChanges"/>.
  102. /// </summary>
  103. public ColorPickerStyle Style { get; set; } = new ();
  104. private void CreateNameField ()
  105. {
  106. _lbName = new ()
  107. {
  108. Text = "Name:",
  109. X = 0,
  110. Y = 3
  111. };
  112. _tfName = new ()
  113. {
  114. Y = 3,
  115. X = 6,
  116. Width = 20 // width of "LightGoldenRodYellow" - the longest w3c color name
  117. };
  118. Add (_lbName);
  119. Add (_tfName);
  120. var auto = new AppendAutocomplete (_tfName);
  121. auto.SuggestionGenerator = new SingleWordSuggestionGenerator
  122. {
  123. AllSuggestions = _colorNameResolver.GetColorNames ().ToList ()
  124. };
  125. _tfName.Autocomplete = auto;
  126. _tfName.HasFocusChanged += UpdateValueFromName;
  127. _tfName.Accepting += (s, _) => UpdateValueFromName ();
  128. }
  129. private void CreateTextField ()
  130. {
  131. int y = _bars.Count;
  132. if (Style.ShowColorName)
  133. {
  134. y++;
  135. }
  136. _lbHex = new ()
  137. {
  138. Text = "Hex:",
  139. X = 0,
  140. Y = y
  141. };
  142. _tfHex = new ()
  143. {
  144. Y = y,
  145. X = 4,
  146. Width = 8,
  147. };
  148. Add (_lbHex);
  149. Add (_tfHex);
  150. _tfHex.HasFocusChanged += UpdateValueFromTextField;
  151. _tfHex.Accepting += (_,_)=> UpdateValueFromTextField();
  152. }
  153. private void DisposeOldViews ()
  154. {
  155. foreach (ColorBar bar in _bars.Cast<ColorBar> ())
  156. {
  157. bar.ValueChanged -= RebuildColorFromBar;
  158. if (_textFields.TryGetValue (bar, out TextField? tf))
  159. {
  160. Remove (tf);
  161. tf.Dispose ();
  162. }
  163. Remove (bar);
  164. bar.Dispose ();
  165. }
  166. _bars = new ();
  167. _textFields.Clear ();
  168. if (_lbHex != null)
  169. {
  170. Remove (_lbHex);
  171. _lbHex.Dispose ();
  172. _lbHex = null;
  173. }
  174. if (_tfHex != null)
  175. {
  176. Remove (_tfHex);
  177. _tfHex.Dispose ();
  178. _tfHex = null;
  179. }
  180. if (_lbName != null)
  181. {
  182. Remove (_lbName);
  183. _lbName.Dispose ();
  184. _lbName = null;
  185. }
  186. if (_tfName != null)
  187. {
  188. Remove (_tfName);
  189. _tfName.Dispose ();
  190. _tfName = null;
  191. }
  192. }
  193. private void RebuildColorFromBar (object? sender, EventArgs<int> e) { SetSelectedColor (_strategy.GetColorFromBars (_bars, Style.ColorModel), false); }
  194. private void SetSelectedColor (Color value, bool syncBars)
  195. {
  196. if (_selectedColor != value)
  197. {
  198. Color old = _selectedColor;
  199. _selectedColor = value;
  200. ColorChanged?.Invoke (
  201. this,
  202. new (value));
  203. }
  204. SyncSubViewValues (syncBars);
  205. }
  206. private void SyncSubViewValues (bool syncBars)
  207. {
  208. if (syncBars)
  209. {
  210. _strategy.SetBarsToColor (_bars, _selectedColor, Style.ColorModel);
  211. }
  212. foreach (KeyValuePair<IColorBar, TextField> kvp in _textFields)
  213. {
  214. kvp.Value.Text = kvp.Key.Value.ToString ();
  215. }
  216. var colorHex = _selectedColor.ToString ($"#{SelectedColor.R:X2}{SelectedColor.G:X2}{SelectedColor.B:X2}");
  217. if (_tfName != null)
  218. {
  219. _tfName.Text = _colorNameResolver.TryNameColor (_selectedColor, out string name) ? name : string.Empty;
  220. }
  221. if (_tfHex != null)
  222. {
  223. _tfHex.Text = colorHex;
  224. }
  225. }
  226. private void UpdateSingleBarValueFromTextField (object? sender, HasFocusEventArgs e)
  227. {
  228. // if the new value of Focused is true then it is an enter event so ignore
  229. if (e.NewValue)
  230. {
  231. return;
  232. }
  233. // it is a leave event so update
  234. UpdateSingleBarValueFromTextField (sender);
  235. }
  236. private void UpdateSingleBarValueFromTextField (object? sender)
  237. {
  238. foreach (KeyValuePair<IColorBar, TextField> kvp in _textFields)
  239. {
  240. if (kvp.Value == sender)
  241. {
  242. if (int.TryParse (kvp.Value.Text, out int v))
  243. {
  244. kvp.Key.Value = v;
  245. }
  246. }
  247. }
  248. }
  249. private void UpdateValueFromName (object? sender, HasFocusEventArgs e)
  250. {
  251. // if the new value of Focused is true then it is an enter event so ignore
  252. if (e.NewValue)
  253. {
  254. return;
  255. }
  256. // it is a leave event so update
  257. UpdateValueFromName();
  258. }
  259. private void UpdateValueFromName ()
  260. {
  261. if (_tfName == null)
  262. {
  263. return;
  264. }
  265. if (_colorNameResolver.TryParseColor (_tfName.Text, out Color newColor))
  266. {
  267. SelectedColor = newColor;
  268. }
  269. else
  270. {
  271. // value is invalid, revert the value in the text field back to current state
  272. SyncSubViewValues (false);
  273. }
  274. }
  275. private void UpdateValueFromTextField (object? sender, HasFocusEventArgs e)
  276. {
  277. // if the new value of Focused is true then it is an enter event so ignore
  278. if (e.NewValue)
  279. {
  280. return;
  281. }
  282. // it is a leave event so update
  283. UpdateValueFromTextField ();
  284. }
  285. private void UpdateValueFromTextField ()
  286. {
  287. if (_tfHex == null)
  288. {
  289. return;
  290. }
  291. if (Color.TryParse (_tfHex.Text, out Color? newColor))
  292. {
  293. SelectedColor = newColor.Value;
  294. }
  295. else
  296. {
  297. // value is invalid, revert the value in the text field back to current state
  298. SyncSubViewValues (false);
  299. }
  300. }
  301. /// <inheritdoc />
  302. protected override void Dispose (bool disposing)
  303. {
  304. DisposeOldViews ();
  305. base.Dispose (disposing);
  306. }
  307. }