LayoutDetails.cpp 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514
  1. /*
  2. * This source file is part of RmlUi, the HTML/CSS Interface Middleware
  3. *
  4. * For the latest information, see http://github.com/mikke89/RmlUi
  5. *
  6. * Copyright (c) 2008-2010 CodePoint Ltd, Shift Technology Ltd
  7. * Copyright (c) 2019 The RmlUi Team, and contributors
  8. *
  9. * Permission is hereby granted, free of charge, to any person obtaining a copy
  10. * of this software and associated documentation files (the "Software"), to deal
  11. * in the Software without restriction, including without limitation the rights
  12. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  13. * copies of the Software, and to permit persons to whom the Software is
  14. * furnished to do so, subject to the following conditions:
  15. *
  16. * The above copyright notice and this permission notice shall be included in
  17. * all copies or substantial portions of the Software.
  18. *
  19. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  20. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  21. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  22. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  23. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  24. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  25. * THE SOFTWARE.
  26. *
  27. */
  28. #include "LayoutDetails.h"
  29. #include "LayoutEngine.h"
  30. #include "../../Include/RmlUi/Core/Element.h"
  31. #include "../../Include/RmlUi/Core/ElementScroll.h"
  32. #include "../../Include/RmlUi/Core/Math.h"
  33. #include "../../Include/RmlUi/Core/Profiling.h"
  34. #include <float.h>
  35. namespace Rml {
  36. static inline float BorderWidthToContentWidth(float border_width, const Box& box)
  37. {
  38. const float border_padding_edges_width = box.GetSizeAcross(Box::HORIZONTAL, Box::BORDER, Box::PADDING);
  39. return Math::Max(0.0f, border_width - border_padding_edges_width);
  40. }
  41. static inline float BorderHeightToContentHeight(float border_height, const Box& box)
  42. {
  43. const float border_padding_edges_height = box.GetSizeAcross(Box::VERTICAL, Box::BORDER, Box::PADDING);
  44. return Math::Max(0.0f, border_height - border_padding_edges_height);
  45. }
  46. // Generates the box for an element.
  47. void LayoutDetails::BuildBox(Box& box, Vector2f containing_block, Element* element, bool inline_element, float override_shrink_to_fit_width)
  48. {
  49. if (!element)
  50. {
  51. box.SetContent(containing_block);
  52. return;
  53. }
  54. const ComputedValues& computed = element->GetComputedValues();
  55. // Calculate the padding area.
  56. box.SetEdge(Box::PADDING, Box::TOP, Math::Max(0.0f, ResolveValue(computed.padding_top, containing_block.x)));
  57. box.SetEdge(Box::PADDING, Box::RIGHT, Math::Max(0.0f, ResolveValue(computed.padding_right, containing_block.x)));
  58. box.SetEdge(Box::PADDING, Box::BOTTOM, Math::Max(0.0f, ResolveValue(computed.padding_bottom, containing_block.x)));
  59. box.SetEdge(Box::PADDING, Box::LEFT, Math::Max(0.0f, ResolveValue(computed.padding_left, containing_block.x)));
  60. // Calculate the border area.
  61. box.SetEdge(Box::BORDER, Box::TOP, Math::Max(0.0f, computed.border_top_width));
  62. box.SetEdge(Box::BORDER, Box::RIGHT, Math::Max(0.0f, computed.border_right_width));
  63. box.SetEdge(Box::BORDER, Box::BOTTOM, Math::Max(0.0f, computed.border_bottom_width));
  64. box.SetEdge(Box::BORDER, Box::LEFT, Math::Max(0.0f, computed.border_left_width));
  65. // Calculate the size of the content area.
  66. Vector2f content_area(-1, -1);
  67. float intrinsic_ratio = -1;
  68. bool replaced_element = false;
  69. // If the element has intrinsic dimensions, then we use those as the basis for the content area and only adjust
  70. // them if a non-auto style has been applied to them.
  71. if (element->GetIntrinsicDimensions(content_area, intrinsic_ratio))
  72. {
  73. replaced_element = true;
  74. // The element has resized itself, so we only resize it if a RCSS width or height was set explicitly. A value of
  75. // 'auto' (or 'auto-fit', ie, both keywords) means keep (or adjust) the intrinsic dimensions.
  76. bool auto_width = false, auto_height = false;
  77. if (computed.width.type == Style::Width::Auto)
  78. auto_width = true;
  79. else if (computed.box_sizing == Style::BoxSizing::ContentBox)
  80. content_area.x = ResolveValue(computed.width, containing_block.x);
  81. else
  82. content_area.x = BorderWidthToContentWidth(ResolveValue(computed.width, containing_block.x), box);
  83. if (computed.height.type == Style::Height::Auto)
  84. auto_height = true;
  85. else if (computed.box_sizing == Style::BoxSizing::ContentBox)
  86. content_area.y = ResolveValue(computed.height, containing_block.y);
  87. else
  88. content_area.y = BorderHeightToContentHeight(ResolveValue(computed.height, containing_block.y), box);
  89. // Use a fallback size if we still couldn't determine the size.
  90. if (content_area.x < 0)
  91. content_area.x = 300;
  92. if (content_area.y < 0)
  93. content_area.y = 150;
  94. // If we have an intrinsic ratio and one of the dimensions is 'auto', then scale it such that the ratio is preserved.
  95. if (intrinsic_ratio > 0)
  96. {
  97. if (auto_width && !auto_height)
  98. content_area.x = content_area.y * intrinsic_ratio;
  99. else if (auto_height && !auto_width)
  100. content_area.y = content_area.x / intrinsic_ratio;
  101. }
  102. }
  103. // If the element is inline, then its calculations are much more straightforward (no worrying about auto margins
  104. // and dimensions, etc). All we do is calculate the margins, set the content area and bail.
  105. if (inline_element)
  106. {
  107. if (replaced_element)
  108. {
  109. content_area.x = ClampWidth(content_area.x, computed, box, containing_block.x);
  110. content_area.y = ClampHeight(content_area.y, computed, box, containing_block.y);
  111. }
  112. // If the element was not replaced, then we leave its dimension as unsized (-1, -1) and ignore the width and
  113. // height properties.
  114. box.SetContent(content_area);
  115. // Evaluate the margins. Any declared as 'auto' will resolve to 0.
  116. box.SetEdge(Box::MARGIN, Box::TOP, ResolveValue(computed.margin_top, containing_block.x));
  117. box.SetEdge(Box::MARGIN, Box::RIGHT, ResolveValue(computed.margin_right, containing_block.x));
  118. box.SetEdge(Box::MARGIN, Box::BOTTOM, ResolveValue(computed.margin_bottom, containing_block.x));
  119. box.SetEdge(Box::MARGIN, Box::LEFT, ResolveValue(computed.margin_left, containing_block.x));
  120. }
  121. // The element is block, so we need to run the box through the ringer to potentially evaluate auto margins and
  122. // dimensions.
  123. else
  124. {
  125. box.SetContent(content_area);
  126. BuildBoxWidth(box, computed, containing_block, element, replaced_element, override_shrink_to_fit_width);
  127. BuildBoxHeight(box, computed, containing_block.y);
  128. }
  129. }
  130. // Generates the box for an element placed in a block box.
  131. void LayoutDetails::BuildBox(Box& box, float& min_height, float& max_height, LayoutBlockBox* containing_box, Element* element, bool inline_element, float override_shrink_to_fit_width)
  132. {
  133. Vector2f containing_block = LayoutDetails::GetContainingBlock(containing_box);
  134. BuildBox(box, containing_block, element, inline_element, override_shrink_to_fit_width);
  135. if (element)
  136. GetMinMaxHeight(min_height, max_height, element->GetComputedValues(), box, containing_block.y);
  137. else
  138. min_height = max_height = box.GetSize().y;
  139. }
  140. float LayoutDetails::ClampWidth(float width, const ComputedValues& computed, const Box& box, float containing_block_width)
  141. {
  142. float min_width = ResolveValue(computed.min_width, containing_block_width);
  143. float max_width = (computed.max_width.value < 0.f ? FLT_MAX : ResolveValue(computed.max_width, containing_block_width));
  144. if (computed.box_sizing == Style::BoxSizing::BorderBox)
  145. {
  146. min_width = BorderWidthToContentWidth(min_width, box);
  147. max_width = BorderWidthToContentWidth(max_width, box);
  148. }
  149. return Math::Clamp(width, min_width, max_width);
  150. }
  151. float LayoutDetails::ClampHeight(float height, const ComputedValues& computed, const Box& box, float containing_block_height)
  152. {
  153. float min_height = ResolveValue(computed.min_height, containing_block_height);
  154. float max_height = (computed.max_height.value < 0.f ? FLT_MAX : ResolveValue(computed.max_height, containing_block_height));
  155. if (computed.box_sizing == Style::BoxSizing::BorderBox)
  156. {
  157. min_height = BorderHeightToContentHeight(min_height, box);
  158. max_height = BorderHeightToContentHeight(max_height, box);
  159. }
  160. return Math::Clamp(height, min_height, max_height);
  161. }
  162. void LayoutDetails::GetMinMaxHeight(float& min_height, float& max_height, const ComputedValues& computed, const Box& box, float containing_block_height)
  163. {
  164. const float box_height = box.GetSize().y;
  165. if (box_height < 0)
  166. {
  167. min_height = ResolveValue(computed.min_height, containing_block_height);
  168. max_height = (computed.max_height.value < 0.f ? FLT_MAX : ResolveValue(computed.max_height, containing_block_height));
  169. if (computed.box_sizing == Style::BoxSizing::BorderBox)
  170. {
  171. min_height = BorderHeightToContentHeight(min_height, box);
  172. max_height = BorderHeightToContentHeight(max_height, box);
  173. }
  174. }
  175. else
  176. {
  177. min_height = box_height;
  178. max_height = box_height;
  179. }
  180. }
  181. // Returns the fully-resolved, fixed-width and -height containing block from a block box.
  182. Vector2f LayoutDetails::GetContainingBlock(const LayoutBlockBox* containing_box)
  183. {
  184. RMLUI_ASSERT(containing_box);
  185. Vector2f containing_block;
  186. containing_block.x = containing_box->GetBox().GetSize(Box::CONTENT).x;
  187. if (containing_box->GetElement() != nullptr)
  188. containing_block.x -= containing_box->GetElement()->GetElementScroll()->GetScrollbarSize(ElementScroll::VERTICAL);
  189. while ((containing_block.y = containing_box->GetBox().GetSize(Box::CONTENT).y) < 0)
  190. {
  191. containing_box = containing_box->GetParent();
  192. if (containing_box == nullptr)
  193. {
  194. RMLUI_ERROR;
  195. containing_block.y = 0;
  196. }
  197. }
  198. if (containing_box != nullptr &&
  199. containing_box->GetElement() != nullptr)
  200. containing_block.y -= containing_box->GetElement()->GetElementScroll()->GetScrollbarSize(ElementScroll::HORIZONTAL);
  201. containing_block.x = Math::Max(0.0f, containing_block.x);
  202. containing_block.y = Math::Max(0.0f, containing_block.y);
  203. return containing_block;
  204. }
  205. float LayoutDetails::GetShrinkToFitWidth(Element* element, Vector2f containing_block)
  206. {
  207. RMLUI_ASSERT(element);
  208. Box box;
  209. float min_height, max_height;
  210. LayoutDetails::BuildBox(box, containing_block, element, false, containing_block.x);
  211. LayoutDetails::GetMinMaxHeight(min_height, max_height, element->GetComputedValues(), box, containing_block.y);
  212. // First we need to format the element, then we get the shrink-to-fit width based on the largest line or box.
  213. LayoutBlockBox containing_block_box(nullptr, nullptr, Box(containing_block), 0.0f, FLT_MAX);
  214. // Here we fix the element's width to its containing block so that any content is wrapped at this width.
  215. // We can consider to instead set this to infinity and clamp it to the available width later after formatting,
  216. // but right now the formatting procedure doesn't work well with such numbers.
  217. LayoutBlockBox* block_context_box = containing_block_box.AddBlockElement(element, box, min_height, max_height);
  218. // @performance. Some formatting can be simplified, eg. absolute elements do not contribute to the shrink-to-fit width.
  219. // Also, children of elements with a fixed width and height don't need to be formatted further.
  220. for (int i = 0; i < element->GetNumChildren(); i++)
  221. {
  222. if (!LayoutEngine::FormatElement(block_context_box, element->GetChild(i)))
  223. i = -1;
  224. }
  225. // We only do layouting to get the fit-to-shrink width here, and for this purpose we may get
  226. // away with not closing the boxes. This is avoided for performance reasons.
  227. //block_context_box->Close();
  228. return Math::Min(containing_block.x, block_context_box->GetShrinkToFitWidth());
  229. }
  230. // Builds the block-specific width and horizontal margins of a Box.
  231. void LayoutDetails::BuildBoxWidth(Box& box, const ComputedValues& computed, Vector2f containing_block, Element* element, bool replaced_element, float override_shrink_to_fit_width)
  232. {
  233. RMLUI_ZoneScoped;
  234. Vector2f content_area = box.GetSize();
  235. // Determine if the element has an automatic width, and if not calculate it.
  236. bool width_auto = false;
  237. if (content_area.x < 0)
  238. {
  239. if (computed.width.type == Style::Width::Auto)
  240. width_auto = true;
  241. else if (computed.box_sizing == Style::BoxSizing::ContentBox)
  242. content_area.x = ResolveValue(computed.width, containing_block.x);
  243. else
  244. content_area.x = BorderWidthToContentWidth(ResolveValue(computed.width, containing_block.x), box);
  245. }
  246. // Determine if the element has automatic margins.
  247. bool margins_auto[2];
  248. int num_auto_margins = 0;
  249. for (int i = 0; i < 2; ++i)
  250. {
  251. auto* margin_value = (i == 0 ? &computed.margin_left : &computed.margin_right);
  252. if (margin_value->type == Style::Margin::Auto)
  253. {
  254. margins_auto[i] = true;
  255. num_auto_margins++;
  256. }
  257. else
  258. {
  259. margins_auto[i] = false;
  260. box.SetEdge(Box::MARGIN, i == 0 ? Box::LEFT : Box::RIGHT, ResolveValue(*margin_value, containing_block.x));
  261. }
  262. }
  263. // If the width is set to auto, we need to calculate the width
  264. if (width_auto)
  265. {
  266. // Apply the shrink-to-fit algorithm here to find the width of the element.
  267. // See CSS 2.1 section 10.3.7 for when this should be applied.
  268. const bool shrink_to_fit = !replaced_element &&
  269. (
  270. (computed.float_ != Style::Float::None) ||
  271. ((computed.position == Style::Position::Absolute || computed.position == Style::Position::Fixed) && (computed.left.type == Style::Left::Auto || computed.right.type == Style::Right::Auto)) ||
  272. (computed.display == Style::Display::InlineBlock)
  273. );
  274. float left = 0.0f, right = 0.0f;
  275. // If we are dealing with an absolutely positioned element we need to
  276. // consider if the left and right properties are set, since the width can be affected.
  277. if (computed.position == Style::Position::Absolute || computed.position == Style::Position::Fixed)
  278. {
  279. if (computed.left.type != Style::Left::Auto)
  280. left = ResolveValue(computed.left, containing_block.x);
  281. if (computed.right.type != Style::Right::Auto)
  282. right = ResolveValue(computed.right, containing_block.x);
  283. }
  284. if (margins_auto[0])
  285. box.SetEdge(Box::MARGIN, Box::LEFT, 0);
  286. if (margins_auto[1])
  287. box.SetEdge(Box::MARGIN, Box::RIGHT, 0);
  288. if (shrink_to_fit && override_shrink_to_fit_width < 0)
  289. {
  290. content_area.x = GetShrinkToFitWidth(element, containing_block);
  291. override_shrink_to_fit_width = content_area.x;
  292. }
  293. else if (shrink_to_fit)
  294. {
  295. content_area.x = override_shrink_to_fit_width;
  296. }
  297. else
  298. {
  299. // We resolve any auto margins to 0 and the width is set to whatever is left of the containing block.
  300. content_area.x = containing_block.x - (left +
  301. box.GetCumulativeEdge(Box::CONTENT, Box::LEFT) +
  302. box.GetCumulativeEdge(Box::CONTENT, Box::RIGHT) +
  303. right);
  304. content_area.x = Math::Max(0.0f, content_area.x);
  305. }
  306. }
  307. // Otherwise, the margins that are set to auto will pick up the remaining width of the containing block.
  308. else if (num_auto_margins > 0)
  309. {
  310. float margin = (containing_block.x - (box.GetCumulativeEdge(Box::CONTENT, Box::LEFT) +
  311. box.GetCumulativeEdge(Box::CONTENT, Box::RIGHT) +
  312. content_area.x)) / num_auto_margins;
  313. if (margins_auto[0])
  314. box.SetEdge(Box::MARGIN, Box::LEFT, margin);
  315. if (margins_auto[1])
  316. box.SetEdge(Box::MARGIN, Box::RIGHT, margin);
  317. }
  318. // Clamp the calculated width; if the width is changed by the clamp, then the margins need to be recalculated if
  319. // they were set to auto.
  320. float clamped_width = ClampWidth(content_area.x, computed, box, containing_block.x);
  321. if (clamped_width != content_area.x)
  322. {
  323. content_area.x = clamped_width;
  324. box.SetContent(content_area);
  325. if (num_auto_margins > 0)
  326. {
  327. // Reset the automatic margins.
  328. if (margins_auto[0])
  329. box.SetEdge(Box::MARGIN, Box::LEFT, 0);
  330. if (margins_auto[1])
  331. box.SetEdge(Box::MARGIN, Box::RIGHT, 0);
  332. BuildBoxWidth(box, computed, containing_block, element, replaced_element, override_shrink_to_fit_width);
  333. }
  334. }
  335. else
  336. box.SetContent(content_area);
  337. }
  338. // Builds the block-specific height and vertical margins of a Box.
  339. void LayoutDetails::BuildBoxHeight(Box& box, const ComputedValues& computed, float containing_block_height)
  340. {
  341. RMLUI_ZoneScoped;
  342. Vector2f content_area = box.GetSize();
  343. // Determine if the element has an automatic height, and if not calculate it.
  344. bool height_auto = false;
  345. if (content_area.y < 0)
  346. {
  347. if (computed.height.type == Style::Width::Auto)
  348. height_auto = true;
  349. else if (computed.box_sizing == Style::BoxSizing::ContentBox)
  350. content_area.y = ResolveValue(computed.height, containing_block_height);
  351. else
  352. content_area.y = BorderHeightToContentHeight(ResolveValue(computed.height, containing_block_height), box);
  353. }
  354. // Determine if the element has automatic margins.
  355. bool margins_auto[2];
  356. int num_auto_margins = 0;
  357. for (int i = 0; i < 2; ++i)
  358. {
  359. auto* margin_value = (i == 0 ? &computed.margin_top : &computed.margin_bottom);
  360. if (margin_value->type == Style::Margin::Auto)
  361. {
  362. margins_auto[i] = true;
  363. num_auto_margins++;
  364. }
  365. else
  366. {
  367. margins_auto[i] = false;
  368. box.SetEdge(Box::MARGIN, i == 0 ? Box::TOP : Box::BOTTOM, ResolveValue(*margin_value, containing_block_height));
  369. }
  370. }
  371. // If the height is set to auto, we need to calculate the height
  372. if (height_auto)
  373. {
  374. // We resolve any auto margins to 0
  375. if (margins_auto[0])
  376. box.SetEdge(Box::MARGIN, Box::TOP, 0);
  377. if (margins_auto[1])
  378. box.SetEdge(Box::MARGIN, Box::BOTTOM, 0);
  379. // If the height is set to auto for a box in normal flow, the height is set to -1.
  380. content_area.y = -1;
  381. // But if we are dealing with an absolutely positioned element we need to
  382. // consider if the top and bottom properties are set, since the height can be affected.
  383. if (computed.position == Style::Position::Absolute || computed.position == Style::Position::Fixed)
  384. {
  385. float top = 0.0f, bottom = 0.0f;
  386. if (computed.top.type != Style::Top::Auto && computed.bottom.type != Style::Bottom::Auto)
  387. {
  388. top = ResolveValue(computed.top, containing_block_height );
  389. bottom = ResolveValue(computed.bottom, containing_block_height );
  390. // The height gets resolved to whatever is left of the containing block
  391. content_area.y = containing_block_height - (top +
  392. box.GetCumulativeEdge(Box::CONTENT, Box::TOP) +
  393. box.GetCumulativeEdge(Box::CONTENT, Box::BOTTOM) +
  394. bottom);
  395. content_area.y = Math::Max(0.0f, content_area.y);
  396. }
  397. }
  398. }
  399. // Otherwise, the margins that are set to auto will pick up the remaining width of the containing block.
  400. else if (num_auto_margins > 0)
  401. {
  402. float margin;
  403. if (content_area.y >= 0)
  404. {
  405. margin = (containing_block_height - (box.GetCumulativeEdge(Box::CONTENT, Box::TOP) +
  406. box.GetCumulativeEdge(Box::CONTENT, Box::BOTTOM) +
  407. content_area.y)) / num_auto_margins;
  408. }
  409. else
  410. margin = 0;
  411. if (margins_auto[0])
  412. box.SetEdge(Box::MARGIN, Box::TOP, margin);
  413. if (margins_auto[1])
  414. box.SetEdge(Box::MARGIN, Box::BOTTOM, margin);
  415. }
  416. if (content_area.y >= 0)
  417. {
  418. // Clamp the calculated height; if the height is changed by the clamp, then the margins need to be recalculated if
  419. // they were set to auto.
  420. float clamped_height = ClampHeight(content_area.y, computed, box, containing_block_height);
  421. if (clamped_height != content_area.y)
  422. {
  423. content_area.y = clamped_height;
  424. box.SetContent(content_area);
  425. if (num_auto_margins > 0)
  426. {
  427. // Reset the automatic margins.
  428. if (margins_auto[0])
  429. box.SetEdge(Box::MARGIN, Box::TOP, 0);
  430. if (margins_auto[1])
  431. box.SetEdge(Box::MARGIN, Box::BOTTOM, 0);
  432. BuildBoxHeight(box, computed, containing_block_height);
  433. }
  434. return;
  435. }
  436. }
  437. box.SetContent(content_area);
  438. }
  439. } // namespace Rml