TreeView.cpp 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540
  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_fill_with_background_color(true);
  51. set_background_role(ColorRole::Base);
  52. set_foreground_role(ColorRole::BaseText);
  53. set_size_columns_to_fit_content(true);
  54. set_headers_visible(false);
  55. m_expand_bitmap = Gfx::Bitmap::load_from_file("/res/icons/treeview-expand.png");
  56. m_collapse_bitmap = Gfx::Bitmap::load_from_file("/res/icons/treeview-collapse.png");
  57. }
  58. TreeView::~TreeView()
  59. {
  60. }
  61. ModelIndex TreeView::index_at_event_position(const Gfx::Point& a_position, bool& is_toggle) const
  62. {
  63. auto position = a_position.translated(0, -header_height()).translated(horizontal_scrollbar().value() - frame_thickness(), vertical_scrollbar().value() - frame_thickness());
  64. is_toggle = false;
  65. if (!model())
  66. return {};
  67. ModelIndex result;
  68. traverse_in_paint_order([&](const ModelIndex& index, const Gfx::Rect& rect, const Gfx::Rect& toggle_rect, int) {
  69. if (toggle_rect.contains(position)) {
  70. result = index;
  71. is_toggle = true;
  72. return IterationDecision::Break;
  73. }
  74. if (rect.contains_vertically(position.y())) {
  75. result = index;
  76. return IterationDecision::Break;
  77. }
  78. return IterationDecision::Continue;
  79. });
  80. return result;
  81. }
  82. void TreeView::doubleclick_event(MouseEvent& event)
  83. {
  84. if (!model())
  85. return;
  86. auto& model = *this->model();
  87. bool is_toggle;
  88. auto index = index_at_event_position(event.position(), is_toggle);
  89. if (!index.is_valid())
  90. return;
  91. if (event.button() == MouseButton::Left) {
  92. if (selection().first() != index)
  93. selection().set(index);
  94. if (model.row_count(index))
  95. toggle_index(index);
  96. else
  97. activate(index);
  98. }
  99. }
  100. void TreeView::toggle_index(const ModelIndex& index)
  101. {
  102. ASSERT(model()->row_count(index));
  103. auto& metadata = ensure_metadata_for_index(index);
  104. metadata.open = !metadata.open;
  105. update_column_sizes();
  106. update_content_size();
  107. update();
  108. }
  109. template<typename Callback>
  110. void TreeView::traverse_in_paint_order(Callback callback) const
  111. {
  112. ASSERT(model());
  113. auto& model = *this->model();
  114. int indent_level = 1;
  115. int y_offset = 0;
  116. int tree_column_x_offset = this->tree_column_x_offset();
  117. Function<IterationDecision(const ModelIndex&)> traverse_index = [&](const ModelIndex& index) {
  118. int row_count_at_index = model.row_count(index);
  119. if (index.is_valid()) {
  120. auto& metadata = ensure_metadata_for_index(index);
  121. int x_offset = tree_column_x_offset + horizontal_padding() + indent_level * indent_width_in_pixels();
  122. auto node_text = model.data(index, Model::Role::Display).to_string();
  123. Gfx::Rect rect = {
  124. x_offset, y_offset,
  125. icon_size() + icon_spacing() + text_padding() + font().width(node_text) + text_padding(), item_height()
  126. };
  127. Gfx::Rect toggle_rect;
  128. if (row_count_at_index > 0) {
  129. int toggle_x = tree_column_x_offset + horizontal_padding() + (indent_width_in_pixels() * indent_level) - (icon_size() / 2) - 4;
  130. toggle_rect = { toggle_x, rect.y(), toggle_size(), toggle_size() };
  131. toggle_rect.center_vertically_within(rect);
  132. }
  133. if (callback(index, rect, toggle_rect, indent_level) == IterationDecision::Break)
  134. return IterationDecision::Break;
  135. y_offset += item_height();
  136. // NOTE: Skip traversing children if this index is closed!
  137. if (!metadata.open)
  138. return IterationDecision::Continue;
  139. }
  140. ++indent_level;
  141. int row_count = model.row_count(index);
  142. for (int i = 0; i < row_count; ++i) {
  143. if (traverse_index(model.index(i, model.tree_column(), index)) == IterationDecision::Break)
  144. return IterationDecision::Break;
  145. }
  146. --indent_level;
  147. return IterationDecision::Continue;
  148. };
  149. int root_count = model.row_count();
  150. for (int root_index = 0; root_index < root_count; ++root_index) {
  151. if (traverse_index(model.index(root_index, model.tree_column(), ModelIndex())) == IterationDecision::Break)
  152. break;
  153. }
  154. }
  155. void TreeView::paint_event(PaintEvent& event)
  156. {
  157. Frame::paint_event(event);
  158. Painter painter(*this);
  159. painter.add_clip_rect(frame_inner_rect());
  160. painter.add_clip_rect(event.rect());
  161. if (fill_with_background_color())
  162. painter.fill_rect(event.rect(), palette().color(background_role()));
  163. if (!model())
  164. return;
  165. auto& model = *this->model();
  166. painter.translate(frame_inner_rect().location());
  167. painter.translate(-horizontal_scrollbar().value(), -vertical_scrollbar().value());
  168. auto visible_content_rect = this->visible_content_rect();
  169. int tree_column = model.tree_column();
  170. int tree_column_x_offset = this->tree_column_x_offset();
  171. int y_offset = header_height();
  172. int painted_row_index = 0;
  173. traverse_in_paint_order([&](const ModelIndex& index, const Gfx::Rect& a_rect, const Gfx::Rect& a_toggle_rect, int indent_level) {
  174. if (!a_rect.intersects_vertically(visible_content_rect))
  175. return IterationDecision::Continue;
  176. auto rect = a_rect.translated(0, y_offset);
  177. auto toggle_rect = a_toggle_rect.translated(0, y_offset);
  178. #ifdef DEBUG_ITEM_RECTS
  179. painter.fill_rect(rect, Color::WarmGray);
  180. #endif
  181. bool is_selected_row = selection().contains(index);
  182. Color text_color = palette().color(foreground_role());
  183. if (is_selected_row)
  184. text_color = is_focused() ? palette().selection_text() : palette().inactive_selection_text();
  185. Color background_color;
  186. Color key_column_background_color;
  187. if (is_selected_row) {
  188. background_color = is_focused() ? palette().selection() : palette().inactive_selection();
  189. key_column_background_color = is_focused() ? palette().selection() : palette().inactive_selection();
  190. } else {
  191. if (alternating_row_colors() && (painted_row_index % 2)) {
  192. background_color = Color(220, 220, 220);
  193. key_column_background_color = Color(200, 200, 200);
  194. } else {
  195. background_color = palette().color(background_role());
  196. key_column_background_color = Color(220, 220, 220);
  197. }
  198. }
  199. int row_width = 0;
  200. for (int column_index = 0; column_index < model.column_count(); ++column_index) {
  201. if (is_column_hidden(column_index))
  202. continue;
  203. row_width += this->column_width(column_index) + horizontal_padding() * 2;
  204. }
  205. if (frame_inner_rect().width() > row_width) {
  206. row_width = frame_inner_rect().width();
  207. }
  208. Gfx::Rect row_rect { 0, rect.y(), row_width, rect.height() };
  209. painter.fill_rect(row_rect, background_color);
  210. int x_offset = 0;
  211. for (int column_index = 0; column_index < model.column_count(); ++column_index) {
  212. if (is_column_hidden(column_index))
  213. continue;
  214. auto column_metadata = model.column_metadata(column_index);
  215. int column_width = this->column_width(column_index);
  216. auto& font = column_metadata.font ? *column_metadata.font : this->font();
  217. painter.draw_rect(toggle_rect, text_color);
  218. if (column_index != tree_column) {
  219. Gfx::Rect cell_rect(horizontal_padding() + x_offset, rect.y(), column_width, item_height());
  220. auto cell_index = model.sibling(index.row(), column_index, index.parent());
  221. if (auto* delegate = column_data(column_index).cell_painting_delegate.ptr()) {
  222. delegate->paint(painter, cell_rect, palette(), model, cell_index);
  223. } else {
  224. auto data = model.data(cell_index);
  225. if (data.is_bitmap()) {
  226. painter.blit(cell_rect.location(), data.as_bitmap(), data.as_bitmap().rect());
  227. } else if (data.is_icon()) {
  228. if (auto bitmap = data.as_icon().bitmap_for_size(16))
  229. painter.blit(cell_rect.location(), *bitmap, bitmap->rect());
  230. } else {
  231. if (!is_selected_row)
  232. text_color = model.data(cell_index, Model::Role::ForegroundColor).to_color(palette().color(foreground_role()));
  233. painter.draw_text(cell_rect, data.to_string(), font, column_metadata.text_alignment, text_color, Gfx::TextElision::Right);
  234. }
  235. }
  236. } else {
  237. // It's the tree column!
  238. Gfx::Rect icon_rect = { rect.x(), rect.y(), icon_size(), icon_size() };
  239. auto icon = model.data(index, Model::Role::Icon);
  240. if (icon.is_icon()) {
  241. if (auto* bitmap = icon.as_icon().bitmap_for_size(icon_size())) {
  242. if (m_hovered_index.is_valid() && m_hovered_index.parent() == index.parent() && m_hovered_index.row() == index.row())
  243. painter.blit_brightened(icon_rect.location(), *bitmap, bitmap->rect());
  244. else
  245. painter.blit(icon_rect.location(), *bitmap, bitmap->rect());
  246. }
  247. }
  248. Gfx::Rect text_rect = {
  249. icon_rect.right() + 1 + icon_spacing(), rect.y(),
  250. rect.width() - icon_size() - icon_spacing(), rect.height()
  251. };
  252. auto node_text = model.data(index, Model::Role::Display).to_string();
  253. painter.draw_text(text_rect, node_text, Gfx::TextAlignment::Center, text_color);
  254. auto index_at_indent = index;
  255. for (int i = indent_level; i > 0; --i) {
  256. auto parent_of_index_at_indent = index_at_indent.parent();
  257. bool index_at_indent_is_last_in_parent = index_at_indent.row() == model.row_count(parent_of_index_at_indent) - 1;
  258. Gfx::Point a { tree_column_x_offset + horizontal_padding() + indent_width_in_pixels() * i - icon_size() / 2, rect.y() - 2 };
  259. Gfx::Point b { a.x(), a.y() + item_height() - 1 };
  260. if (index_at_indent_is_last_in_parent)
  261. b.set_y(rect.center().y());
  262. if (!(i != indent_level && index_at_indent_is_last_in_parent))
  263. painter.draw_line(a, b, Color::MidGray);
  264. if (i == indent_level) {
  265. Gfx::Point c { a.x(), rect.center().y() };
  266. Gfx::Point d { c.x() + icon_size() / 2, c.y() };
  267. painter.draw_line(c, d, Color::MidGray);
  268. }
  269. index_at_indent = parent_of_index_at_indent;
  270. }
  271. if (!toggle_rect.is_empty()) {
  272. auto& metadata = ensure_metadata_for_index(index);
  273. if (metadata.open)
  274. painter.blit(toggle_rect.location(), *m_collapse_bitmap, m_collapse_bitmap->rect());
  275. else
  276. painter.blit(toggle_rect.location(), *m_expand_bitmap, m_expand_bitmap->rect());
  277. }
  278. }
  279. x_offset += column_width + horizontal_padding() * 2;
  280. }
  281. return IterationDecision::Continue;
  282. });
  283. // Untranslate the painter vertically and do the column headers.
  284. painter.translate(0, vertical_scrollbar().value());
  285. paint_headers(painter);
  286. }
  287. void TreeView::scroll_into_view(const ModelIndex& a_index, Orientation orientation)
  288. {
  289. if (!a_index.is_valid())
  290. return;
  291. Gfx::Rect found_rect;
  292. traverse_in_paint_order([&](const ModelIndex& index, const Gfx::Rect& rect, const Gfx::Rect&, int) {
  293. if (index == a_index) {
  294. found_rect = rect;
  295. return IterationDecision::Break;
  296. }
  297. return IterationDecision::Continue;
  298. });
  299. ScrollableWidget::scroll_into_view(found_rect, orientation);
  300. }
  301. void TreeView::did_update_model(unsigned flags)
  302. {
  303. m_view_metadata.clear();
  304. AbstractTableView::did_update_model(flags);
  305. }
  306. void TreeView::did_update_selection()
  307. {
  308. AbstractView::did_update_selection();
  309. ASSERT(model());
  310. auto index = selection().first();
  311. if (!index.is_valid())
  312. return;
  313. #if 0
  314. bool opened_any = false;
  315. for (auto current = index; current.is_valid(); current = current.parent()) {
  316. auto& metadata_for_ancestor = ensure_metadata_for_index(current);
  317. if (!metadata_for_ancestor.open) {
  318. metadata_for_ancestor.open = true;
  319. opened_any = true;
  320. }
  321. }
  322. if (opened_any)
  323. update_content_size();
  324. update();
  325. #endif
  326. if (activates_on_selection())
  327. activate(index);
  328. }
  329. void TreeView::keydown_event(KeyEvent& event)
  330. {
  331. if (!model())
  332. return;
  333. auto cursor_index = selection().first();
  334. if (event.key() == KeyCode::Key_Space) {
  335. if (model()->row_count(cursor_index))
  336. toggle_index(cursor_index);
  337. return;
  338. }
  339. if (event.key() == KeyCode::Key_Up) {
  340. ModelIndex previous_index;
  341. ModelIndex found_index;
  342. traverse_in_paint_order([&](const ModelIndex& index, const Gfx::Rect&, const Gfx::Rect&, int) {
  343. if (index == cursor_index) {
  344. found_index = previous_index;
  345. return IterationDecision::Break;
  346. }
  347. previous_index = index;
  348. return IterationDecision::Continue;
  349. });
  350. if (found_index.is_valid()) {
  351. selection().set(found_index);
  352. scroll_into_view(selection().first(), Orientation::Vertical);
  353. update();
  354. }
  355. return;
  356. }
  357. if (event.key() == KeyCode::Key_Down) {
  358. ModelIndex previous_index;
  359. ModelIndex found_index;
  360. traverse_in_paint_order([&](const ModelIndex& index, const Gfx::Rect&, const Gfx::Rect&, int) {
  361. if (previous_index == cursor_index) {
  362. found_index = index;
  363. return IterationDecision::Break;
  364. }
  365. previous_index = index;
  366. return IterationDecision::Continue;
  367. });
  368. if (found_index.is_valid()) {
  369. selection().set(found_index);
  370. scroll_into_view(selection().first(), Orientation::Vertical);
  371. update();
  372. }
  373. return;
  374. }
  375. auto open_tree_node = [&](bool open, MetadataForIndex& metadata) {
  376. metadata.open = open;
  377. update_column_sizes();
  378. update_content_size();
  379. update();
  380. };
  381. if (event.key() == KeyCode::Key_Left) {
  382. if (cursor_index.is_valid() && model()->row_count(cursor_index)) {
  383. auto& metadata = ensure_metadata_for_index(cursor_index);
  384. if (metadata.open) {
  385. open_tree_node(false, metadata);
  386. return;
  387. }
  388. }
  389. if (cursor_index.is_valid() && cursor_index.parent().is_valid()) {
  390. selection().set(cursor_index.parent());
  391. scroll_into_view(selection().first(), Orientation::Vertical);
  392. return;
  393. }
  394. }
  395. if (event.key() == KeyCode::Key_Right) {
  396. if (cursor_index.is_valid() && model()->row_count(cursor_index)) {
  397. auto& metadata = ensure_metadata_for_index(cursor_index);
  398. if (!metadata.open) {
  399. open_tree_node(true, metadata);
  400. return;
  401. }
  402. selection().set(model()->index(0, model()->tree_column(), cursor_index));
  403. scroll_into_view(selection().first(), Orientation::Vertical);
  404. return;
  405. }
  406. }
  407. if (event.key() == KeyCode::Key_Return) {
  408. if (cursor_index.is_valid() && model()->row_count(cursor_index)) {
  409. auto& metadata = ensure_metadata_for_index(cursor_index);
  410. open_tree_node(!metadata.open, metadata);
  411. return;
  412. }
  413. }
  414. }
  415. int TreeView::item_count() const
  416. {
  417. int count = 0;
  418. traverse_in_paint_order([&](const ModelIndex&, const Gfx::Rect&, const Gfx::Rect&, int) {
  419. ++count;
  420. return IterationDecision::Continue;
  421. });
  422. return count;
  423. }
  424. void TreeView::update_column_sizes()
  425. {
  426. if (!size_columns_to_fit_content())
  427. return;
  428. if (!model())
  429. return;
  430. auto& model = *this->model();
  431. int column_count = model.column_count();
  432. int row_count = model.row_count();
  433. int tree_column = model.tree_column();
  434. int tree_column_x_offset = 0;
  435. for (int column = 0; column < column_count; ++column) {
  436. if (column == tree_column)
  437. continue;
  438. if (is_column_hidden(column))
  439. continue;
  440. int header_width = header_font().width(model.column_name(column));
  441. int column_width = header_width;
  442. for (int row = 0; row < row_count; ++row) {
  443. auto cell_data = model.data(model.index(row, column));
  444. int cell_width = 0;
  445. if (cell_data.is_bitmap()) {
  446. cell_width = cell_data.as_bitmap().width();
  447. } else {
  448. cell_width = font().width(cell_data.to_string());
  449. }
  450. column_width = max(column_width, cell_width);
  451. }
  452. auto& column_data = this->column_data(column);
  453. column_data.width = max(column_data.width, column_width);
  454. column_data.has_initialized_width = true;
  455. if (column < tree_column)
  456. tree_column_x_offset += column_width;
  457. }
  458. int tree_column_header_width = header_font().width(model.column_name(tree_column));
  459. int tree_column_width = tree_column_header_width;
  460. traverse_in_paint_order([&](const ModelIndex&, const Gfx::Rect& rect, const Gfx::Rect&, int) {
  461. tree_column_width = max(rect.right() - tree_column_x_offset, tree_column_width);
  462. return IterationDecision::Continue;
  463. });
  464. auto& column_data = this->column_data(tree_column);
  465. column_data.width = max(column_data.width, tree_column_width);
  466. column_data.has_initialized_width = true;
  467. }
  468. int TreeView::tree_column_x_offset() const
  469. {
  470. int tree_column = model()->tree_column();
  471. int offset = 0;
  472. for (int i = 0; i < tree_column; ++i) {
  473. if (!is_column_hidden(i)) {
  474. offset += column_width(i);
  475. offset += horizontal_padding();
  476. }
  477. }
  478. return offset;
  479. }
  480. }