ElementProgress.cpp 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393
  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-2023 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 "../../../Include/RmlUi/Core/Elements/ElementProgress.h"
  29. #include "../../../Include/RmlUi/Core/ComputedValues.h"
  30. #include "../../../Include/RmlUi/Core/ElementDocument.h"
  31. #include "../../../Include/RmlUi/Core/ElementUtilities.h"
  32. #include "../../../Include/RmlUi/Core/Factory.h"
  33. #include "../../../Include/RmlUi/Core/GeometryUtilities.h"
  34. #include "../../../Include/RmlUi/Core/Math.h"
  35. #include "../../../Include/RmlUi/Core/PropertyIdSet.h"
  36. #include "../../../Include/RmlUi/Core/StyleSheet.h"
  37. #include "../../../Include/RmlUi/Core/URL.h"
  38. #include <algorithm>
  39. namespace Rml {
  40. ElementProgress::ElementProgress(const String& tag) :
  41. Element(tag), direction(DefaultDirection), start_edge(DefaultStartEdge), fill(nullptr), rect_set(false), geometry(this)
  42. {
  43. if (tag == "progressbar")
  44. Log::Message(Log::LT_WARNING, "Deprecation notice: Element '<progressbar>' renamed to '<progress>', please adjust RML tags accordingly.");
  45. geometry_dirty = false;
  46. // Add the fill element as a non-DOM element.
  47. ElementPtr fill_element = Factory::InstanceElement(this, "*", "fill", XMLAttributes());
  48. RMLUI_ASSERT(fill_element);
  49. fill = AppendChild(std::move(fill_element), false);
  50. }
  51. ElementProgress::~ElementProgress() {}
  52. float ElementProgress::GetValue() const
  53. {
  54. const float max_value = GetMax();
  55. return Math::Clamp(GetAttribute<float>("value", 0.0f), 0.0f, max_value);
  56. }
  57. float ElementProgress::GetMax() const
  58. {
  59. const float max_value = GetAttribute<float>("max", 1.0f);
  60. return max_value <= 0.0f ? 1.0f : max_value;
  61. }
  62. void ElementProgress::SetMax(float max_value)
  63. {
  64. SetAttribute("max", max_value);
  65. }
  66. void ElementProgress::SetValue(float in_value)
  67. {
  68. SetAttribute("value", in_value);
  69. }
  70. bool ElementProgress::GetIntrinsicDimensions(Vector2f& dimensions, float& /*ratio*/)
  71. {
  72. dimensions.x = 256;
  73. dimensions.y = 16;
  74. return true;
  75. }
  76. void ElementProgress::OnRender()
  77. {
  78. // Some properties may change geometry without dirtying the layout, eg. opacity.
  79. if (geometry_dirty)
  80. GenerateGeometry();
  81. // Render the geometry at the fill element's content region.
  82. geometry.Render(fill->GetAbsoluteOffset());
  83. }
  84. void ElementProgress::OnAttributeChange(const ElementAttributes& changed_attributes)
  85. {
  86. Element::OnAttributeChange(changed_attributes);
  87. if (changed_attributes.find("value") != changed_attributes.end() || changed_attributes.find("max") != changed_attributes.end())
  88. {
  89. geometry_dirty = true;
  90. }
  91. if (changed_attributes.find("direction") != changed_attributes.end())
  92. {
  93. using DirectionNameList = Array<String, size_t(Direction::Count)>;
  94. static const DirectionNameList names = {"top", "right", "bottom", "left", "clockwise", "counter-clockwise"};
  95. direction = DefaultDirection;
  96. String name = StringUtilities::ToLower(GetAttribute<String>("direction", ""));
  97. auto it = std::find(names.begin(), names.end(), name);
  98. size_t index = size_t(it - names.begin());
  99. if (index < size_t(Direction::Count))
  100. direction = Direction(index);
  101. geometry_dirty = true;
  102. }
  103. if (changed_attributes.find("start-edge") != changed_attributes.end())
  104. {
  105. using StartEdgeNameList = Array<String, size_t(StartEdge::Count)>;
  106. static const StartEdgeNameList names = {"top", "right", "bottom", "left"};
  107. start_edge = DefaultStartEdge;
  108. String name = StringUtilities::ToLower(GetAttribute<String>("start-edge", ""));
  109. auto it = std::find(names.begin(), names.end(), name);
  110. size_t index = size_t(it - names.begin());
  111. if (index < size_t(StartEdge::Count))
  112. start_edge = StartEdge(index);
  113. geometry_dirty = true;
  114. }
  115. }
  116. void ElementProgress::OnPropertyChange(const PropertyIdSet& changed_properties)
  117. {
  118. Element::OnPropertyChange(changed_properties);
  119. if (changed_properties.Contains(PropertyId::ImageColor) || changed_properties.Contains(PropertyId::Opacity))
  120. {
  121. geometry_dirty = true;
  122. }
  123. if (changed_properties.Contains(PropertyId::FillImage))
  124. {
  125. LoadTexture();
  126. }
  127. }
  128. void ElementProgress::OnResize()
  129. {
  130. const Vector2f element_size = GetBox().GetSize();
  131. // Build and set the 'fill' element's box. Here we are mainly interested in all the edge sizes set by the user.
  132. // The content size of the box is here scaled to fit inside the progress bar. Then, during 'CreateGeometry()',
  133. // the 'fill' element's content size is further shrunk according to 'value' along the proper direction.
  134. Box fill_box;
  135. ElementUtilities::BuildBox(fill_box, element_size, fill);
  136. const Vector2f margin_top_left(fill_box.GetEdge(Box::MARGIN, Box::LEFT), fill_box.GetEdge(Box::MARGIN, Box::TOP));
  137. const Vector2f edge_size = fill_box.GetSize(Box::MARGIN) - fill_box.GetSize(Box::CONTENT);
  138. fill_offset = GetBox().GetPosition() + margin_top_left;
  139. fill_size = element_size - edge_size;
  140. fill_box.SetContent(fill_size);
  141. fill->SetBox(fill_box);
  142. geometry_dirty = true;
  143. }
  144. void ElementProgress::GenerateGeometry()
  145. {
  146. // Warn the user when using the old approach of adding the 'fill-image' property to the 'fill' element.
  147. if (fill->GetLocalProperty(PropertyId::FillImage))
  148. Log::Message(Log::LT_WARNING,
  149. "Breaking change: The 'fill-image' property now needs to be set on the <progress> element, instead of its inner <fill> element. Please "
  150. "update your RCSS source to fix progress bars in this document.");
  151. const float normalized_value = GetValue() / GetMax();
  152. Vector2f render_size = fill_size;
  153. {
  154. // Size and offset the fill element depending on the progress value.
  155. Vector2f offset = fill_offset;
  156. switch (direction)
  157. {
  158. case Direction::Top:
  159. render_size.y = fill_size.y * normalized_value;
  160. offset.y = fill_offset.y + fill_size.y - render_size.y;
  161. break;
  162. case Direction::Right: render_size.x = fill_size.x * normalized_value; break;
  163. case Direction::Bottom: render_size.y = fill_size.y * normalized_value; break;
  164. case Direction::Left:
  165. render_size.x = fill_size.x * normalized_value;
  166. offset.x = fill_offset.x + fill_size.x - render_size.x;
  167. break;
  168. case Direction::Clockwise:
  169. case Direction::CounterClockwise:
  170. // Circular progress bars cannot use a box to shape the fill element, instead we need to manually create the geometry from the image
  171. // texture. Thus, we leave the size and offset untouched as a canvas for the manual geometry.
  172. break;
  173. case Direction::Count: break;
  174. }
  175. Box fill_box = fill->GetBox();
  176. fill_box.SetContent(render_size);
  177. fill->SetBox(fill_box);
  178. fill->SetOffset(offset, this);
  179. }
  180. geometry.Release(true);
  181. geometry_dirty = false;
  182. // If we don't have a fill texture, then there is no need to generate manual geometry, and we are done here.
  183. // Instead, users can style the fill element eg. by decorators.
  184. if (!texture)
  185. return;
  186. // Otherwise, the 'fill-image' property is set, let's generate its geometry.
  187. auto& vertices = geometry.GetVertices();
  188. auto& indices = geometry.GetIndices();
  189. Vector2f texcoords[2];
  190. if (rect_set)
  191. {
  192. Vector2f texture_dimensions = Vector2f(Math::Max(texture.GetDimensions(GetRenderInterface()), Vector2i(1)));
  193. texcoords[0] = rect.TopLeft() / texture_dimensions;
  194. texcoords[1] = rect.BottomRight() / texture_dimensions;
  195. }
  196. else
  197. {
  198. texcoords[0] = Vector2f(0, 0);
  199. texcoords[1] = Vector2f(1, 1);
  200. }
  201. Colourb quad_colour;
  202. {
  203. const ComputedValues& computed = GetComputedValues();
  204. const float opacity = computed.opacity();
  205. quad_colour = computed.image_color();
  206. quad_colour.alpha = (byte)(opacity * (float)quad_colour.alpha);
  207. }
  208. switch (direction)
  209. {
  210. // For the top, right, bottom, left directions the fill element already describes where we should draw the fill,
  211. // we only need to generate the final texture coordinates here.
  212. case Direction::Top: texcoords[0].y = texcoords[0].y + (1.0f - normalized_value) * (texcoords[1].y - texcoords[0].y); break;
  213. case Direction::Right: texcoords[1].x = texcoords[0].x + normalized_value * (texcoords[1].x - texcoords[0].x); break;
  214. case Direction::Bottom: texcoords[1].y = texcoords[0].y + normalized_value * (texcoords[1].y - texcoords[0].y); break;
  215. case Direction::Left: texcoords[0].x = texcoords[0].x + (1.0f - normalized_value) * (texcoords[1].x - texcoords[0].x); break;
  216. case Direction::Clockwise:
  217. case Direction::CounterClockwise:
  218. {
  219. // The circular directions require custom geometry as a box is insufficient.
  220. // We divide the "circle" into eight parts, here called octants, such that each part can be represented by a triangle.
  221. // 'num_octants' tells us how many of these are completely or partially filled.
  222. const int num_octants = Math::Clamp(Math::RoundUpToInteger(8.f * normalized_value), 0, 8);
  223. const int num_vertices = 2 + num_octants;
  224. const int num_triangles = num_octants;
  225. const bool cw = (direction == Direction::Clockwise);
  226. if (num_octants == 0)
  227. break;
  228. vertices.resize(num_vertices);
  229. indices.resize(3 * num_triangles);
  230. RMLUI_ASSERT(int(start_edge) >= int(StartEdge::Top) && int(start_edge) <= int(StartEdge::Left));
  231. // The octant our "circle" expands from.
  232. const int start_octant = 2 * int(start_edge);
  233. // Positions along the unit square (clockwise, index 0 on top)
  234. const float x[8] = {0, 1, 1, 1, 0, -1, -1, -1};
  235. const float y[8] = {-1, -1, 0, 1, 1, 1, 0, -1};
  236. // Set the position of the octant vertices to be rendered.
  237. for (int i = 0; i <= num_octants; i++)
  238. {
  239. int j = (cw ? i : 8 - i);
  240. j = ((j + start_octant) % 8);
  241. vertices[i].position = Vector2f(x[j], y[j]);
  242. }
  243. // Find the position of the vertex representing the partially filled triangle.
  244. if (normalized_value < 1.f)
  245. {
  246. using namespace Math;
  247. const float angle_offset = float(start_octant) / 8.f * 2.f * RMLUI_PI;
  248. const float angle = angle_offset + (cw ? 1.f : -1.f) * normalized_value * 2.f * RMLUI_PI;
  249. Vector2f pos(Sin(angle), -Cos(angle));
  250. // Project it from the circle towards the surrounding unit square.
  251. pos = pos / Max(Absolute(pos.x), Absolute(pos.y));
  252. vertices[num_octants].position = pos;
  253. }
  254. const int i_center = num_vertices - 1;
  255. vertices[i_center].position = Vector2f(0, 0);
  256. for (int i = 0; i < num_triangles; i++)
  257. {
  258. indices[i * 3 + 0] = i_center;
  259. indices[i * 3 + 2] = i;
  260. indices[i * 3 + 1] = i + 1;
  261. }
  262. for (int i = 0; i < num_vertices; i++)
  263. {
  264. // Transform position from [-1, 1] to [0, 1] and then to [0, size]
  265. const Vector2f pos = (Vector2f(1, 1) + vertices[i].position) * 0.5f;
  266. vertices[i].position = pos * render_size;
  267. vertices[i].tex_coord = texcoords[0] + pos * (texcoords[1] - texcoords[0]);
  268. vertices[i].colour = quad_colour;
  269. }
  270. }
  271. break;
  272. case Direction::Count: break;
  273. }
  274. const bool is_circular = (direction == Direction::Clockwise || direction == Direction::CounterClockwise);
  275. if (!is_circular)
  276. {
  277. vertices.resize(4);
  278. indices.resize(6);
  279. GeometryUtilities::GenerateQuad(&vertices[0], &indices[0], Vector2f(0), render_size, quad_colour, texcoords[0], texcoords[1]);
  280. }
  281. }
  282. bool ElementProgress::LoadTexture()
  283. {
  284. geometry_dirty = true;
  285. rect_set = false;
  286. String name;
  287. if (const Property* property = GetLocalProperty(PropertyId::FillImage))
  288. name = property->Get<String>();
  289. ElementDocument* document = GetOwnerDocument();
  290. bool texture_set = false;
  291. if (!name.empty() && document)
  292. {
  293. // Check for a sprite first, this takes precedence.
  294. if (const StyleSheet* style_sheet = document->GetStyleSheet())
  295. {
  296. if (const Sprite* sprite = style_sheet->GetSprite(name))
  297. {
  298. rect = sprite->rectangle;
  299. rect_set = true;
  300. texture = sprite->sprite_sheet->texture;
  301. texture_set = true;
  302. }
  303. }
  304. // Otherwise, treat it as a path
  305. if (!texture_set)
  306. {
  307. URL source_url;
  308. source_url.SetURL(document->GetSourceURL());
  309. texture.Set(name, source_url.GetPath());
  310. texture_set = true;
  311. }
  312. }
  313. if (!texture_set)
  314. {
  315. texture = {};
  316. rect = {};
  317. }
  318. // Set the texture onto our geometry object.
  319. geometry.SetTexture(&texture);
  320. return true;
  321. }
  322. } // namespace Rml