ComboBox.cpp 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  1. /*
  2. * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
  3. * Copyright (c) 2022, the SerenityOS developers.
  4. *
  5. * SPDX-License-Identifier: BSD-2-Clause
  6. */
  7. #include <LibGUI/Button.h>
  8. #include <LibGUI/ComboBox.h>
  9. #include <LibGUI/Desktop.h>
  10. #include <LibGUI/Event.h>
  11. #include <LibGUI/ListView.h>
  12. #include <LibGUI/Model.h>
  13. #include <LibGUI/Scrollbar.h>
  14. #include <LibGUI/TextBox.h>
  15. #include <LibGUI/TextEditor.h>
  16. #include <LibGUI/Window.h>
  17. REGISTER_WIDGET(GUI, ComboBox)
  18. namespace GUI {
  19. class ComboBoxEditor final : public TextEditor {
  20. C_OBJECT(ComboBoxEditor);
  21. public:
  22. Function<void(int delta)> on_mousewheel;
  23. Function<void(KeyEvent& event)> on_keypress;
  24. private:
  25. ComboBoxEditor()
  26. : TextEditor(TextEditor::SingleLine)
  27. {
  28. }
  29. virtual void mousewheel_event(MouseEvent& event) override
  30. {
  31. if (!is_focused())
  32. set_focus(true);
  33. if (on_mousewheel)
  34. on_mousewheel(event.wheel_delta_y());
  35. }
  36. virtual void keydown_event(KeyEvent& event) override
  37. {
  38. if (event.key() == Key_Escape) {
  39. if (is_focused())
  40. set_focus(false);
  41. event.accept();
  42. } else {
  43. on_keypress(event);
  44. TextEditor::keydown_event(event);
  45. }
  46. }
  47. };
  48. ComboBox::ComboBox()
  49. {
  50. REGISTER_STRING_PROPERTY("placeholder", editor_placeholder, set_editor_placeholder);
  51. REGISTER_BOOL_PROPERTY("model_only", only_allow_values_from_model, set_only_allow_values_from_model);
  52. set_min_size({ 40, 22 });
  53. set_preferred_size({ SpecialDimension::OpportunisticGrow, 22 });
  54. m_editor = add<ComboBoxEditor>();
  55. m_editor->set_frame_thickness(0);
  56. m_editor->on_return_pressed = [this] {
  57. if (on_return_pressed)
  58. on_return_pressed();
  59. };
  60. m_editor->on_up_pressed = [this] {
  61. navigate(AbstractView::CursorMovement::Up);
  62. };
  63. m_editor->on_down_pressed = [this] {
  64. navigate(AbstractView::CursorMovement::Down);
  65. };
  66. m_editor->on_pageup_pressed = [this] {
  67. navigate(AbstractView::CursorMovement::PageUp);
  68. };
  69. m_editor->on_pagedown_pressed = [this] {
  70. navigate(AbstractView::CursorMovement::PageDown);
  71. };
  72. m_editor->on_mousewheel = [this](int delta) {
  73. // Since we can only show one item at a time we don't want to
  74. // skip any. So just move one item at a time.
  75. navigate_relative(delta > 0 ? 1 : -1);
  76. };
  77. m_editor->on_mousedown = [this] {
  78. if (only_allow_values_from_model())
  79. m_open_button->click();
  80. };
  81. m_editor->on_keypress = [this](KeyEvent& event) {
  82. if (!m_only_allow_values_from_model)
  83. return;
  84. if (!m_list_window->is_visible() && event.key() <= Key_Z && event.key() >= Key_A) {
  85. open();
  86. m_list_window->event(event);
  87. }
  88. };
  89. m_open_button = add<Button>();
  90. m_open_button->set_button_style(Gfx::ButtonStyle::ThickCap);
  91. m_open_button->set_icon(Gfx::Bitmap::try_load_from_file("/res/icons/16x16/downward-triangle.png"sv).release_value_but_fixme_should_propagate_errors());
  92. m_open_button->set_focus_policy(GUI::FocusPolicy::NoFocus);
  93. m_open_button->on_click = [this](auto) {
  94. if (m_list_window->is_visible())
  95. close();
  96. else
  97. open();
  98. };
  99. m_list_window = add<Window>(window());
  100. m_list_window->set_frameless(true);
  101. m_list_window->set_window_mode(WindowMode::CaptureInput);
  102. m_list_window->set_blocks_command_palette(true);
  103. m_list_window->on_active_input_change = [this](bool is_active_input) {
  104. if (!is_active_input) {
  105. m_open_button->set_enabled(false);
  106. close();
  107. }
  108. m_open_button->set_enabled(true);
  109. };
  110. m_list_window->on_input_preemption = [this](auto) { close(); };
  111. m_list_view = m_list_window->set_main_widget<ListView>();
  112. m_list_view->horizontal_scrollbar().set_visible(false);
  113. m_list_view->set_alternating_row_colors(false);
  114. m_list_view->set_hover_highlighting(true);
  115. m_list_view->set_frame_thickness(1);
  116. m_list_view->set_frame_shadow(Gfx::FrameShadow::Plain);
  117. m_list_view->set_activates_on_selection(true);
  118. m_list_view->on_selection_change = [this] {
  119. VERIFY(model());
  120. const auto& index = m_list_view->selection().first();
  121. if (m_updating_model)
  122. selection_updated(index);
  123. };
  124. m_list_view->on_activation = [this](auto& index) {
  125. deferred_invoke([this, index] {
  126. selection_updated(index);
  127. if (on_change)
  128. on_change(m_editor->text(), index);
  129. });
  130. close();
  131. };
  132. m_list_view->on_escape_pressed = [this] {
  133. close();
  134. };
  135. }
  136. ComboBox::~ComboBox() = default;
  137. void ComboBox::set_editor_placeholder(StringView placeholder)
  138. {
  139. m_editor->set_placeholder(placeholder);
  140. }
  141. String const& ComboBox::editor_placeholder() const
  142. {
  143. return m_editor->placeholder();
  144. }
  145. void ComboBox::navigate(AbstractView::CursorMovement cursor_movement)
  146. {
  147. auto previous_selected = m_list_view->cursor_index();
  148. m_list_view->move_cursor(cursor_movement, AbstractView::SelectionUpdate::Set);
  149. auto current_selected = m_list_view->cursor_index();
  150. selection_updated(current_selected);
  151. if (previous_selected.row() != current_selected.row() && on_change)
  152. on_change(m_editor->text(), current_selected);
  153. }
  154. void ComboBox::navigate_relative(int delta)
  155. {
  156. auto previous_selected = m_list_view->cursor_index();
  157. m_list_view->move_cursor_relative(delta, AbstractView::SelectionUpdate::Set);
  158. auto current_selected = m_list_view->cursor_index();
  159. selection_updated(current_selected);
  160. if (previous_selected.row() != current_selected.row() && on_change)
  161. on_change(m_editor->text(), current_selected);
  162. }
  163. void ComboBox::selection_updated(ModelIndex const& index)
  164. {
  165. if (index.is_valid())
  166. m_selected_index = index;
  167. else
  168. m_selected_index.clear();
  169. auto new_value = index.data().to_string();
  170. m_editor->set_text(new_value);
  171. if (!m_only_allow_values_from_model)
  172. m_editor->select_all();
  173. }
  174. void ComboBox::resize_event(ResizeEvent& event)
  175. {
  176. Widget::resize_event(event);
  177. int button_height = event.size().height() - frame_thickness() * 2;
  178. int button_width = 15;
  179. m_open_button->set_relative_rect(width() - button_width - frame_thickness(), frame_thickness(), button_width, button_height);
  180. auto editor_rect = frame_inner_rect();
  181. editor_rect.set_width(editor_rect.width() - button_width);
  182. m_editor->set_relative_rect(editor_rect);
  183. }
  184. void ComboBox::set_model(NonnullRefPtr<Model> model)
  185. {
  186. TemporaryChange change(m_updating_model, true);
  187. m_selected_index.clear();
  188. m_list_view->set_model(move(model));
  189. }
  190. void ComboBox::clear_selection()
  191. {
  192. m_selected_index.clear();
  193. m_editor->clear_selection();
  194. m_editor->clear();
  195. }
  196. void ComboBox::set_selected_index(size_t index, AllowCallback allow_callback)
  197. {
  198. if (!m_list_view->model())
  199. return;
  200. size_t previous_index = selected_index();
  201. TemporaryChange change(m_updating_model, true);
  202. auto model_index = m_list_view->model()->index(index, 0);
  203. m_list_view->set_cursor(model_index, AbstractView::SelectionUpdate::Set);
  204. selection_updated(model_index);
  205. if (previous_index != selected_index() && on_change && allow_callback == AllowCallback::Yes)
  206. on_change(m_editor->text(), m_list_view->cursor_index());
  207. }
  208. size_t ComboBox::selected_index() const
  209. {
  210. return m_selected_index.has_value() ? m_selected_index.value().row() : 0;
  211. }
  212. void ComboBox::select_all()
  213. {
  214. m_editor->select_all();
  215. }
  216. void ComboBox::open()
  217. {
  218. if (!model())
  219. return;
  220. auto my_screen_rect = screen_relative_rect();
  221. int longest_item_width = 0;
  222. for (int i = 0; i < model()->row_count(); ++i) {
  223. auto index = model()->index(i);
  224. auto item_text = index.data().to_string();
  225. longest_item_width = max(longest_item_width, m_list_view->font().width(item_text));
  226. }
  227. Gfx::IntSize size {
  228. max(width(), longest_item_width + m_list_view->width_occupied_by_vertical_scrollbar() + m_list_view->frame_thickness() * 2 + m_list_view->horizontal_padding()),
  229. model()->row_count() * m_list_view->item_height() + m_list_view->frame_thickness() * 2
  230. };
  231. auto taskbar_height = GUI::Desktop::the().taskbar_height();
  232. Gfx::IntRect list_window_rect { my_screen_rect.bottom_left(), size };
  233. list_window_rect.intersect(Desktop::the().rect().shrunken(0, taskbar_height * 2));
  234. m_editor->set_focus(true);
  235. if (m_selected_index.has_value()) {
  236. // Don't set m_updating_model to true here because we only want to
  237. // change the list view's selected item without triggering a change to it.
  238. m_list_view->set_cursor(m_selected_index.value(), AbstractView::SelectionUpdate::Set);
  239. }
  240. // Change direction and go upwards to prevent the list from becoming
  241. // infinitesimally small when pushed up against the screen edge.
  242. auto minimum_height = min(3, model()->row_count()) * m_list_view->item_height() + m_list_view->frame_thickness() * 2;
  243. bool go_upwards_instead = list_window_rect.height() < minimum_height;
  244. if (go_upwards_instead) {
  245. auto origin_point = my_screen_rect.top_left();
  246. list_window_rect = { Gfx::IntPoint { origin_point.x(), origin_point.y() - size.height() }, size };
  247. list_window_rect.intersect(Desktop::the().rect());
  248. }
  249. m_list_window->set_rect(list_window_rect);
  250. m_list_window->show();
  251. }
  252. void ComboBox::close()
  253. {
  254. m_list_window->hide();
  255. }
  256. String ComboBox::text() const
  257. {
  258. return m_editor->text();
  259. }
  260. void ComboBox::set_text(String const& text, AllowCallback allow_callback)
  261. {
  262. m_editor->set_text(text, allow_callback);
  263. }
  264. void ComboBox::set_only_allow_values_from_model(bool b)
  265. {
  266. if (m_only_allow_values_from_model == b)
  267. return;
  268. m_only_allow_values_from_model = b;
  269. m_editor->set_mode(m_only_allow_values_from_model ? TextEditor::DisplayOnly : TextEditor::Editable);
  270. }
  271. Model* ComboBox::model()
  272. {
  273. return m_list_view->model();
  274. }
  275. Model const* ComboBox::model() const
  276. {
  277. return m_list_view->model();
  278. }
  279. int ComboBox::model_column() const
  280. {
  281. return m_list_view->model_column();
  282. }
  283. void ComboBox::set_model_column(int column)
  284. {
  285. m_list_view->set_model_column(column);
  286. }
  287. }