TreeView.cpp 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528
  1. /*
  2. * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
  3. * All rights reserved.
  4. *
  5. * Redistribution and use in source and binary forms, with or without
  6. * modification, are permitted provided that the following conditions are met:
  7. *
  8. * 1. Redistributions of source code must retain the above copyright notice, this
  9. * list of conditions and the following disclaimer.
  10. *
  11. * 2. Redistributions in binary form must reproduce the above copyright notice,
  12. * this list of conditions and the following disclaimer in the documentation
  13. * and/or other materials provided with the distribution.
  14. *
  15. * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
  16. * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  17. * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  18. * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
  19. * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  20. * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
  21. * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
  22. * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
  23. * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  24. * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  25. */
  26. #include <LibGUI/Model.h>
  27. #include <LibGUI/Painter.h>
  28. #include <LibGUI/ScrollBar.h>
  29. #include <LibGUI/TreeView.h>
  30. #include <LibGfx/Bitmap.h>
  31. #include <LibGfx/Palette.h>
  32. //#define DEBUG_ITEM_RECTS
  33. namespace GUI {
  34. struct TreeView::MetadataForIndex {
  35. bool open { false };
  36. };
  37. TreeView::MetadataForIndex& TreeView::ensure_metadata_for_index(const ModelIndex& index) const
  38. {
  39. ASSERT(index.is_valid());
  40. auto it = m_view_metadata.find(index.internal_data());
  41. if (it != m_view_metadata.end())
  42. return *it->value;
  43. auto new_metadata = make<MetadataForIndex>();
  44. auto& new_metadata_ref = *new_metadata;
  45. m_view_metadata.set(index.internal_data(), move(new_metadata));
  46. return new_metadata_ref;
  47. }
  48. TreeView::TreeView()
  49. {
  50. set_background_role(ColorRole::Base);
  51. set_foreground_role(ColorRole::BaseText);
  52. set_size_columns_to_fit_content(true);
  53. set_headers_visible(false);
  54. m_expand_bitmap = Gfx::Bitmap::load_from_file("/res/icons/treeview-expand.png");
  55. m_collapse_bitmap = Gfx::Bitmap::load_from_file("/res/icons/treeview-collapse.png");
  56. }
  57. TreeView::~TreeView()
  58. {
  59. }
  60. ModelIndex TreeView::index_at_event_position(const Gfx::Point& a_position, bool& is_toggle) const
  61. {
  62. auto position = a_position.translated(0, -header_height()).translated(horizontal_scrollbar().value() - frame_thickness(), vertical_scrollbar().value() - frame_thickness());
  63. is_toggle = false;
  64. if (!model())
  65. return {};
  66. ModelIndex result;
  67. traverse_in_paint_order([&](const ModelIndex& index, const Gfx::Rect& rect, const Gfx::Rect& toggle_rect, int) {
  68. if (toggle_rect.contains(position)) {
  69. result = index;
  70. is_toggle = true;
  71. return IterationDecision::Break;
  72. }
  73. if (rect.contains_vertically(position.y())) {
  74. result = index;
  75. return IterationDecision::Break;
  76. }
  77. return IterationDecision::Continue;
  78. });
  79. return result;
  80. }
  81. void TreeView::doubleclick_event(MouseEvent& event)
  82. {
  83. if (!model())
  84. return;
  85. auto& model = *this->model();
  86. bool is_toggle;
  87. auto index = index_at_event_position(event.position(), is_toggle);
  88. if (!index.is_valid())
  89. return;
  90. if (event.button() == MouseButton::Left) {
  91. if (selection().first() != index)
  92. selection().set(index);
  93. if (model.row_count(index))
  94. toggle_index(index);
  95. else
  96. activate(index);
  97. }
  98. }
  99. void TreeView::toggle_index(const ModelIndex& index)
  100. {
  101. ASSERT(model()->row_count(index));
  102. auto& metadata = ensure_metadata_for_index(index);
  103. metadata.open = !metadata.open;
  104. update_column_sizes();
  105. update_content_size();
  106. update();
  107. }
  108. template<typename Callback>
  109. void TreeView::traverse_in_paint_order(Callback callback) const
  110. {
  111. ASSERT(model());
  112. auto& model = *this->model();
  113. int indent_level = 1;
  114. int y_offset = 0;
  115. int tree_column_x_offset = this->tree_column_x_offset();
  116. Function<IterationDecision(const ModelIndex&)> traverse_index = [&](const ModelIndex& index) {
  117. int row_count_at_index = model.row_count(index);
  118. if (index.is_valid()) {
  119. auto& metadata = ensure_metadata_for_index(index);
  120. int x_offset = tree_column_x_offset + horizontal_padding() + indent_level * indent_width_in_pixels();
  121. auto node_text = model.data(index, Model::Role::Display).to_string();
  122. Gfx::Rect rect = {
  123. x_offset, y_offset,
  124. icon_size() + icon_spacing() + text_padding() + font().width(node_text) + text_padding(), item_height()
  125. };
  126. Gfx::Rect toggle_rect;
  127. if (row_count_at_index > 0) {
  128. int toggle_x = tree_column_x_offset + horizontal_padding() + (indent_width_in_pixels() * indent_level) - (icon_size() / 2) - 4;
  129. toggle_rect = { toggle_x, rect.y(), toggle_size(), toggle_size() };
  130. toggle_rect.center_vertically_within(rect);
  131. }
  132. if (callback(index, rect, toggle_rect, indent_level) == IterationDecision::Break)
  133. return IterationDecision::Break;
  134. y_offset += item_height();
  135. // NOTE: Skip traversing children if this index is closed!
  136. if (!metadata.open)
  137. return IterationDecision::Continue;
  138. }
  139. ++indent_level;
  140. int row_count = model.row_count(index);
  141. for (int i = 0; i < row_count; ++i) {
  142. if (traverse_index(model.index(i, model.tree_column(), index)) == IterationDecision::Break)
  143. return IterationDecision::Break;
  144. }
  145. --indent_level;
  146. return IterationDecision::Continue;
  147. };
  148. int root_count = model.row_count();
  149. for (int root_index = 0; root_index < root_count; ++root_index) {
  150. if (traverse_index(model.index(root_index, model.tree_column(), ModelIndex())) == IterationDecision::Break)
  151. break;
  152. }
  153. }
  154. void TreeView::paint_event(PaintEvent& event)
  155. {
  156. Frame::paint_event(event);
  157. Painter painter(*this);
  158. painter.add_clip_rect(frame_inner_rect());
  159. painter.add_clip_rect(event.rect());
  160. painter.fill_rect(event.rect(), palette().color(background_role()));
  161. if (!model())
  162. return;
  163. auto& model = *this->model();
  164. painter.translate(frame_inner_rect().location());
  165. painter.translate(-horizontal_scrollbar().value(), -vertical_scrollbar().value());
  166. auto visible_content_rect = this->visible_content_rect();
  167. int tree_column = model.tree_column();
  168. int tree_column_x_offset = this->tree_column_x_offset();
  169. int y_offset = header_height();
  170. int painted_row_index = 0;
  171. traverse_in_paint_order([&](const ModelIndex& index, const Gfx::Rect& a_rect, const Gfx::Rect& a_toggle_rect, int indent_level) {
  172. if (!a_rect.intersects_vertically(visible_content_rect))
  173. return IterationDecision::Continue;
  174. auto rect = a_rect.translated(0, y_offset);
  175. auto toggle_rect = a_toggle_rect.translated(0, y_offset);
  176. #ifdef DEBUG_ITEM_RECTS
  177. painter.fill_rect(rect, Color::WarmGray);
  178. #endif
  179. bool is_selected_row = selection().contains(index);
  180. Color text_color = palette().color(foreground_role());
  181. if (is_selected_row)
  182. text_color = is_focused() ? palette().selection_text() : palette().inactive_selection_text();
  183. Color background_color;
  184. Color key_column_background_color;
  185. if (is_selected_row) {
  186. background_color = is_focused() ? palette().selection() : palette().inactive_selection();
  187. key_column_background_color = is_focused() ? palette().selection() : palette().inactive_selection();
  188. } else {
  189. if (alternating_row_colors() && (painted_row_index % 2)) {
  190. background_color = Color(220, 220, 220);
  191. key_column_background_color = Color(200, 200, 200);
  192. } else {
  193. background_color = palette().color(background_role());
  194. key_column_background_color = Color(220, 220, 220);
  195. }
  196. }
  197. Gfx::Rect row_rect { 0, rect.y(), frame_inner_rect().width(), rect.height() };
  198. painter.fill_rect(row_rect, background_color);
  199. int x_offset = 0;
  200. for (int column_index = 0; column_index < model.column_count(); ++column_index) {
  201. if (is_column_hidden(column_index))
  202. continue;
  203. auto column_metadata = model.column_metadata(column_index);
  204. int column_width = this->column_width(column_index);
  205. auto& font = column_metadata.font ? *column_metadata.font : this->font();
  206. painter.draw_rect(toggle_rect, text_color);
  207. if (column_index != tree_column) {
  208. Gfx::Rect cell_rect(horizontal_padding() + x_offset, rect.y(), column_width, item_height());
  209. auto cell_index = model.sibling(index.row(), column_index, index.parent());
  210. if (auto* delegate = column_data(column_index).cell_painting_delegate.ptr()) {
  211. delegate->paint(painter, cell_rect, palette(), model, cell_index);
  212. } else {
  213. auto data = model.data(cell_index);
  214. if (data.is_bitmap()) {
  215. painter.blit(cell_rect.location(), data.as_bitmap(), data.as_bitmap().rect());
  216. } else if (data.is_icon()) {
  217. if (auto bitmap = data.as_icon().bitmap_for_size(16))
  218. painter.blit(cell_rect.location(), *bitmap, bitmap->rect());
  219. } else {
  220. if (!is_selected_row)
  221. text_color = model.data(cell_index, Model::Role::ForegroundColor).to_color(palette().color(foreground_role()));
  222. painter.draw_text(cell_rect, data.to_string(), font, column_metadata.text_alignment, text_color, Gfx::TextElision::Right);
  223. }
  224. }
  225. } else {
  226. // It's the tree column!
  227. Gfx::Rect icon_rect = { rect.x(), rect.y(), icon_size(), icon_size() };
  228. auto icon = model.data(index, Model::Role::Icon);
  229. if (icon.is_icon()) {
  230. if (auto* bitmap = icon.as_icon().bitmap_for_size(icon_size())) {
  231. if (m_hovered_index.is_valid() && m_hovered_index.parent() == index.parent() && m_hovered_index.row() == index.row())
  232. painter.blit_brightened(icon_rect.location(), *bitmap, bitmap->rect());
  233. else
  234. painter.blit(icon_rect.location(), *bitmap, bitmap->rect());
  235. }
  236. }
  237. Gfx::Rect text_rect = {
  238. icon_rect.right() + 1 + icon_spacing(), rect.y(),
  239. rect.width() - icon_size() - icon_spacing(), rect.height()
  240. };
  241. auto node_text = model.data(index, Model::Role::Display).to_string();
  242. painter.draw_text(text_rect, node_text, Gfx::TextAlignment::Center, text_color);
  243. auto index_at_indent = index;
  244. for (int i = indent_level; i > 0; --i) {
  245. auto parent_of_index_at_indent = index_at_indent.parent();
  246. bool index_at_indent_is_last_in_parent = index_at_indent.row() == model.row_count(parent_of_index_at_indent) - 1;
  247. Gfx::Point a { tree_column_x_offset + horizontal_padding() + indent_width_in_pixels() * i - icon_size() / 2, rect.y() - 2 };
  248. Gfx::Point b { a.x(), a.y() + item_height() - 1 };
  249. if (index_at_indent_is_last_in_parent)
  250. b.set_y(rect.center().y());
  251. if (!(i != indent_level && index_at_indent_is_last_in_parent))
  252. painter.draw_line(a, b, Color::MidGray);
  253. if (i == indent_level) {
  254. Gfx::Point c { a.x(), rect.center().y() };
  255. Gfx::Point d { c.x() + icon_size() / 2, c.y() };
  256. painter.draw_line(c, d, Color::MidGray);
  257. }
  258. index_at_indent = parent_of_index_at_indent;
  259. }
  260. if (!toggle_rect.is_empty()) {
  261. auto& metadata = ensure_metadata_for_index(index);
  262. if (metadata.open)
  263. painter.blit(toggle_rect.location(), *m_collapse_bitmap, m_collapse_bitmap->rect());
  264. else
  265. painter.blit(toggle_rect.location(), *m_expand_bitmap, m_expand_bitmap->rect());
  266. }
  267. }
  268. x_offset += column_width + horizontal_padding() * 2;
  269. }
  270. return IterationDecision::Continue;
  271. });
  272. // Untranslate the painter vertically and do the column headers.
  273. painter.translate(0, vertical_scrollbar().value());
  274. paint_headers(painter);
  275. }
  276. void TreeView::scroll_into_view(const ModelIndex& a_index, Orientation orientation)
  277. {
  278. if (!a_index.is_valid())
  279. return;
  280. Gfx::Rect found_rect;
  281. traverse_in_paint_order([&](const ModelIndex& index, const Gfx::Rect& rect, const Gfx::Rect&, int) {
  282. if (index == a_index) {
  283. found_rect = rect;
  284. return IterationDecision::Break;
  285. }
  286. return IterationDecision::Continue;
  287. });
  288. ScrollableWidget::scroll_into_view(found_rect, orientation);
  289. }
  290. void TreeView::did_update_model()
  291. {
  292. m_view_metadata.clear();
  293. AbstractTableView::did_update_model();
  294. }
  295. void TreeView::did_update_selection()
  296. {
  297. AbstractView::did_update_selection();
  298. ASSERT(model());
  299. auto index = selection().first();
  300. if (!index.is_valid())
  301. return;
  302. #if 0
  303. bool opened_any = false;
  304. for (auto current = index; current.is_valid(); current = current.parent()) {
  305. auto& metadata_for_ancestor = ensure_metadata_for_index(current);
  306. if (!metadata_for_ancestor.open) {
  307. metadata_for_ancestor.open = true;
  308. opened_any = true;
  309. }
  310. }
  311. if (opened_any)
  312. update_content_size();
  313. update();
  314. #endif
  315. if (activates_on_selection())
  316. activate(index);
  317. }
  318. void TreeView::keydown_event(KeyEvent& event)
  319. {
  320. if (!model())
  321. return;
  322. auto cursor_index = selection().first();
  323. if (event.key() == KeyCode::Key_Space) {
  324. if (model()->row_count(cursor_index))
  325. toggle_index(cursor_index);
  326. return;
  327. }
  328. if (event.key() == KeyCode::Key_Up) {
  329. ModelIndex previous_index;
  330. ModelIndex found_index;
  331. traverse_in_paint_order([&](const ModelIndex& index, const Gfx::Rect&, const Gfx::Rect&, int) {
  332. if (index == cursor_index) {
  333. found_index = previous_index;
  334. return IterationDecision::Break;
  335. }
  336. previous_index = index;
  337. return IterationDecision::Continue;
  338. });
  339. if (found_index.is_valid()) {
  340. selection().set(found_index);
  341. scroll_into_view(selection().first(), Orientation::Vertical);
  342. update();
  343. }
  344. return;
  345. }
  346. if (event.key() == KeyCode::Key_Down) {
  347. ModelIndex previous_index;
  348. ModelIndex found_index;
  349. traverse_in_paint_order([&](const ModelIndex& index, const Gfx::Rect&, const Gfx::Rect&, int) {
  350. if (previous_index == cursor_index) {
  351. found_index = index;
  352. return IterationDecision::Break;
  353. }
  354. previous_index = index;
  355. return IterationDecision::Continue;
  356. });
  357. if (found_index.is_valid()) {
  358. selection().set(found_index);
  359. scroll_into_view(selection().first(), Orientation::Vertical);
  360. update();
  361. }
  362. return;
  363. }
  364. auto open_tree_node = [&](bool open, MetadataForIndex& metadata) {
  365. metadata.open = open;
  366. update_column_sizes();
  367. update_content_size();
  368. update();
  369. };
  370. if (event.key() == KeyCode::Key_Left) {
  371. if (cursor_index.is_valid() && model()->row_count(cursor_index)) {
  372. auto& metadata = ensure_metadata_for_index(cursor_index);
  373. if (metadata.open) {
  374. open_tree_node(false, metadata);
  375. return;
  376. }
  377. }
  378. if (cursor_index.is_valid() && cursor_index.parent().is_valid()) {
  379. selection().set(cursor_index.parent());
  380. scroll_into_view(selection().first(), Orientation::Vertical);
  381. return;
  382. }
  383. }
  384. if (event.key() == KeyCode::Key_Right) {
  385. if (cursor_index.is_valid() && model()->row_count(cursor_index)) {
  386. auto& metadata = ensure_metadata_for_index(cursor_index);
  387. if (!metadata.open) {
  388. open_tree_node(true, metadata);
  389. return;
  390. }
  391. selection().set(model()->index(0, model()->tree_column(), cursor_index));
  392. scroll_into_view(selection().first(), Orientation::Vertical);
  393. return;
  394. }
  395. }
  396. if (event.key() == KeyCode::Key_Return) {
  397. if (cursor_index.is_valid() && model()->row_count(cursor_index)) {
  398. auto& metadata = ensure_metadata_for_index(cursor_index);
  399. open_tree_node(!metadata.open, metadata);
  400. return;
  401. }
  402. }
  403. }
  404. int TreeView::item_count() const
  405. {
  406. int count = 0;
  407. traverse_in_paint_order([&](const ModelIndex&, const Gfx::Rect&, const Gfx::Rect&, int) {
  408. ++count;
  409. return IterationDecision::Continue;
  410. });
  411. return count;
  412. }
  413. void TreeView::update_column_sizes()
  414. {
  415. if (!size_columns_to_fit_content())
  416. return;
  417. if (!model())
  418. return;
  419. auto& model = *this->model();
  420. int column_count = model.column_count();
  421. int row_count = model.row_count();
  422. int tree_column = model.tree_column();
  423. int tree_column_x_offset = 0;
  424. for (int column = 0; column < column_count; ++column) {
  425. if (column == tree_column)
  426. continue;
  427. if (is_column_hidden(column))
  428. continue;
  429. int header_width = header_font().width(model.column_name(column));
  430. int column_width = header_width;
  431. for (int row = 0; row < row_count; ++row) {
  432. auto cell_data = model.data(model.index(row, column));
  433. int cell_width = 0;
  434. if (cell_data.is_bitmap()) {
  435. cell_width = cell_data.as_bitmap().width();
  436. } else {
  437. cell_width = font().width(cell_data.to_string());
  438. }
  439. column_width = max(column_width, cell_width);
  440. }
  441. auto& column_data = this->column_data(column);
  442. column_data.width = max(column_data.width, column_width);
  443. column_data.has_initialized_width = true;
  444. if (column < tree_column)
  445. tree_column_x_offset += column_width;
  446. }
  447. int tree_column_header_width = header_font().width(model.column_name(tree_column));
  448. int tree_column_width = tree_column_header_width;
  449. traverse_in_paint_order([&](const ModelIndex&, const Gfx::Rect& rect, const Gfx::Rect&, int) {
  450. tree_column_width = max(rect.right() - tree_column_x_offset, tree_column_width);
  451. return IterationDecision::Continue;
  452. });
  453. auto& column_data = this->column_data(tree_column);
  454. column_data.width = max(column_data.width, tree_column_width);
  455. column_data.has_initialized_width = true;
  456. }
  457. int TreeView::tree_column_x_offset() const
  458. {
  459. int tree_column = model()->tree_column();
  460. int offset = 0;
  461. for (int i = 0; i < tree_column; ++i) {
  462. if (!is_column_hidden(i)) {
  463. offset += column_width(i);
  464. offset += horizontal_padding();
  465. }
  466. }
  467. return offset;
  468. }
  469. }