<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="rustdoc"><meta name="description" content="Source of the Rust file `widgetry/src/widgets/spinner.rs`."><meta name="keywords" content="rust, rustlang, rust-lang"><title>spinner.rs - source</title><link rel="stylesheet" type="text/css" href="../../../normalize.css"><link rel="stylesheet" type="text/css" href="../../../rustdoc.css" id="mainThemeStyle"><link rel="stylesheet" type="text/css" href="../../../light.css" id="themeStyle"><link rel="stylesheet" type="text/css" href="../../../dark.css" disabled ><link rel="stylesheet" type="text/css" href="../../../ayu.css" disabled ><script id="default-settings"></script><script src="../../../storage.js"></script><noscript><link rel="stylesheet" href="../../../noscript.css"></noscript><link rel="icon" type="image/svg+xml" href="../../../favicon.svg"> <link rel="alternate icon" type="image/png" href="../../../favicon-16x16.png"> <link rel="alternate icon" type="image/png" href="../../../favicon-32x32.png"><style type="text/css">#crate-search{background-image:url("../../../down-arrow.svg");}</style></head><body class="rustdoc source"><!--[if lte IE 8]><div class="warning">This old browser is unsupported and will most likely display funky things.</div><![endif]--><nav class="sidebar"><div class="sidebar-menu">☰</div><a href='../../../widgetry/index.html'><div class='logo-container rust-logo'><img src='../../../rust-logo.png' alt='logo'></div></a></nav><div class="theme-picker"><button id="theme-picker" aria-label="Pick another theme!" aria-haspopup="menu"><img src="../../../brush.svg" width="18" alt="Pick another theme!"></button><div id="theme-choices" role="menu"></div></div><script src="../../../theme.js"></script><nav class="sub"><form class="search-form"><div class="search-container"><div><select id="crate-search"><option value="All crates">All crates</option></select><input class="search-input" name="search" disabled autocomplete="off" spellcheck="false" placeholder="Click or press ‘S’ to search, ‘?’ for more options…" type="search"></div><span class="help-button">?</span> <a id="settings-menu" href="../../../settings.html"><img src="../../../wheel.svg" width="18" alt="Change settings"></a></div></form></nav><section id="main" class="content"><pre class="line-numbers"><span id="1"> 1</span> <span id="2"> 2</span> <span id="3"> 3</span> <span id="4"> 4</span> <span id="5"> 5</span> <span id="6"> 6</span> <span id="7"> 7</span> <span id="8"> 8</span> <span id="9"> 9</span> <span id="10"> 10</span> <span id="11"> 11</span> <span id="12"> 12</span> <span id="13"> 13</span> <span id="14"> 14</span> <span id="15"> 15</span> <span id="16"> 16</span> <span id="17"> 17</span> <span id="18"> 18</span> <span id="19"> 19</span> <span id="20"> 20</span> <span id="21"> 21</span> <span id="22"> 22</span> <span id="23"> 23</span> <span id="24"> 24</span> <span id="25"> 25</span> <span id="26"> 26</span> <span id="27"> 27</span> <span id="28"> 28</span> <span id="29"> 29</span> <span id="30"> 30</span> <span id="31"> 31</span> <span id="32"> 32</span> <span id="33"> 33</span> <span id="34"> 34</span> <span id="35"> 35</span> <span id="36"> 36</span> <span id="37"> 37</span> <span id="38"> 38</span> <span id="39"> 39</span> <span id="40"> 40</span> <span id="41"> 41</span> <span id="42"> 42</span> <span id="43"> 43</span> <span id="44"> 44</span> <span id="45"> 45</span> <span id="46"> 46</span> <span id="47"> 47</span> <span id="48"> 48</span> <span id="49"> 49</span> <span id="50"> 50</span> <span id="51"> 51</span> <span id="52"> 52</span> <span id="53"> 53</span> <span id="54"> 54</span> <span id="55"> 55</span> <span id="56"> 56</span> <span id="57"> 57</span> <span id="58"> 58</span> <span id="59"> 59</span> <span id="60"> 60</span> <span id="61"> 61</span> <span id="62"> 62</span> <span id="63"> 63</span> <span id="64"> 64</span> <span id="65"> 65</span> <span id="66"> 66</span> <span id="67"> 67</span> <span id="68"> 68</span> <span id="69"> 69</span> <span id="70"> 70</span> <span id="71"> 71</span> <span id="72"> 72</span> <span id="73"> 73</span> <span id="74"> 74</span> <span id="75"> 75</span> <span id="76"> 76</span> <span id="77"> 77</span> <span id="78"> 78</span> <span id="79"> 79</span> <span id="80"> 80</span> <span id="81"> 81</span> <span id="82"> 82</span> <span id="83"> 83</span> <span id="84"> 84</span> <span id="85"> 85</span> <span id="86"> 86</span> <span id="87"> 87</span> <span id="88"> 88</span> <span id="89"> 89</span> <span id="90"> 90</span> <span id="91"> 91</span> <span id="92"> 92</span> <span id="93"> 93</span> <span id="94"> 94</span> <span id="95"> 95</span> <span id="96"> 96</span> <span id="97"> 97</span> <span id="98"> 98</span> <span id="99"> 99</span> <span id="100">100</span> <span id="101">101</span> <span id="102">102</span> <span id="103">103</span> <span id="104">104</span> <span id="105">105</span> <span id="106">106</span> <span id="107">107</span> <span id="108">108</span> <span id="109">109</span> <span id="110">110</span> <span id="111">111</span> <span id="112">112</span> <span id="113">113</span> <span id="114">114</span> <span id="115">115</span> <span id="116">116</span> <span id="117">117</span> <span id="118">118</span> <span id="119">119</span> <span id="120">120</span> <span id="121">121</span> <span id="122">122</span> <span id="123">123</span> <span id="124">124</span> <span id="125">125</span> <span id="126">126</span> <span id="127">127</span> <span id="128">128</span> <span id="129">129</span> <span id="130">130</span> <span id="131">131</span> <span id="132">132</span> <span id="133">133</span> <span id="134">134</span> <span id="135">135</span> <span id="136">136</span> <span id="137">137</span> <span id="138">138</span> <span id="139">139</span> <span id="140">140</span> <span id="141">141</span> <span id="142">142</span> <span id="143">143</span> <span id="144">144</span> <span id="145">145</span> <span id="146">146</span> </pre><div class="example-wrap"><pre class="rust "> <span class="kw">use</span> <span class="ident">geom</span>::{<span class="ident">Polygon</span>, <span class="ident">Pt2D</span>}; <span class="kw">use</span> <span class="kw">crate</span>::{ <span class="ident">include_labeled_bytes</span>, <span class="ident">text</span>, <span class="ident">Button</span>, <span class="ident">EdgeInsets</span>, <span class="ident">EventCtx</span>, <span class="ident">GeomBatch</span>, <span class="ident">GfxCtx</span>, <span class="ident">Line</span>, <span class="ident">Outcome</span>, <span class="ident">ScreenDims</span>, <span class="ident">ScreenPt</span>, <span class="ident">ScreenRectangle</span>, <span class="ident">StyledButtons</span>, <span class="ident">Text</span>, <span class="ident">Widget</span>, <span class="ident">WidgetImpl</span>, <span class="ident">WidgetOutput</span>, }; <span class="comment">// TODO MAX_CHAR_WIDTH is a hardcoded nonsense value</span> <span class="kw">const</span> <span class="ident">TEXT_WIDTH</span>: <span class="ident">f64</span> <span class="op">=</span> <span class="number">2.0</span> <span class="op">*</span> <span class="ident">text</span>::<span class="ident">MAX_CHAR_WIDTH</span>; <span class="comment">// TODO Allow text entry</span> <span class="comment">// TODO Allow click and hold</span> <span class="comment">// TODO Grey out the buttons when we're maxed out</span> <span class="kw">pub</span> <span class="kw">struct</span> <span class="ident">Spinner</span> { <span class="ident">low</span>: <span class="ident">isize</span>, <span class="ident">high</span>: <span class="ident">isize</span>, <span class="kw">pub</span> <span class="ident">current</span>: <span class="ident">isize</span>, <span class="ident">up</span>: <span class="ident">Button</span>, <span class="ident">down</span>: <span class="ident">Button</span>, <span class="ident">top_left</span>: <span class="ident">ScreenPt</span>, <span class="ident">dims</span>: <span class="ident">ScreenDims</span>, } <span class="kw">impl</span> <span class="ident">Spinner</span> { <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">new</span>(<span class="ident">ctx</span>: <span class="kw-2">&</span><span class="ident">EventCtx</span>, (<span class="ident">low</span>, <span class="ident">high</span>): (<span class="ident">isize</span>, <span class="ident">isize</span>), <span class="kw-2">mut</span> <span class="ident">current</span>: <span class="ident">isize</span>) <span class="op">-</span><span class="op">></span> <span class="ident">Widget</span> { <span class="kw">let</span> <span class="ident">button_builder</span> <span class="op">=</span> <span class="ident">ctx</span> .<span class="ident">style</span>() .<span class="ident">btn_plain_light</span>() .<span class="ident">padding</span>(<span class="ident">EdgeInsets</span> { <span class="ident">top</span>: <span class="number">2.0</span>, <span class="ident">bottom</span>: <span class="number">2.0</span>, <span class="ident">left</span>: <span class="number">4.0</span>, <span class="ident">right</span>: <span class="number">4.0</span>, }) .<span class="ident">image_dims</span>(<span class="number">17.0</span>); <span class="kw">let</span> <span class="ident">up</span> <span class="op">=</span> <span class="ident">button_builder</span> .<span class="ident">clone</span>() .<span class="ident">image_bytes</span>(<span class="macro">include_labeled_bytes</span><span class="macro">!</span>(<span class="string">"../../icons/arrow_up.svg"</span>)) .<span class="ident">build</span>(<span class="ident">ctx</span>, <span class="string">"increase value"</span>); <span class="kw">let</span> <span class="ident">down</span> <span class="op">=</span> <span class="ident">button_builder</span> .<span class="ident">image_bytes</span>(<span class="macro">include_labeled_bytes</span><span class="macro">!</span>(<span class="string">"../../icons/arrow_down.svg"</span>)) .<span class="ident">build</span>(<span class="ident">ctx</span>, <span class="string">"decrease value"</span>); <span class="kw">let</span> <span class="ident">dims</span> <span class="op">=</span> <span class="ident">ScreenDims</span>::<span class="ident">new</span>( <span class="ident">TEXT_WIDTH</span> <span class="op">+</span> <span class="ident">up</span>.<span class="ident">get_dims</span>().<span class="ident">width</span>, <span class="ident">up</span>.<span class="ident">get_dims</span>().<span class="ident">height</span> <span class="op">+</span> <span class="ident">down</span>.<span class="ident">get_dims</span>().<span class="ident">height</span> <span class="op">+</span> <span class="number">1.0</span>, ); <span class="kw">if</span> <span class="ident">current</span> <span class="op"><</span> <span class="ident">low</span> { <span class="ident">current</span> <span class="op">=</span> <span class="ident">low</span>; <span class="macro">warn</span><span class="macro">!</span>(<span class="string">"Spinner current value is out of bounds!"</span>); } <span class="kw">else</span> <span class="kw">if</span> <span class="ident">high</span> <span class="op"><</span> <span class="ident">current</span> { <span class="ident">current</span> <span class="op">=</span> <span class="ident">high</span>; <span class="macro">warn</span><span class="macro">!</span>(<span class="string">"Spinner current value is out of bounds!"</span>); } <span class="ident">Widget</span>::<span class="ident">new</span>(<span class="ident">Box</span>::<span class="ident">new</span>(<span class="ident">Spinner</span> { <span class="ident">low</span>, <span class="ident">high</span>, <span class="ident">current</span>, <span class="ident">up</span>, <span class="ident">down</span>, <span class="ident">top_left</span>: <span class="ident">ScreenPt</span>::<span class="ident">new</span>(<span class="number">0.0</span>, <span class="number">0.0</span>), <span class="ident">dims</span>, })) } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">modify</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">delta</span>: <span class="ident">isize</span>) { <span class="self">self</span>.<span class="ident">current</span> <span class="op">+</span><span class="op">=</span> <span class="ident">delta</span>; <span class="self">self</span>.<span class="ident">current</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">current</span>.<span class="ident">min</span>(<span class="self">self</span>.<span class="ident">high</span>); <span class="self">self</span>.<span class="ident">current</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">current</span>.<span class="ident">max</span>(<span class="self">self</span>.<span class="ident">low</span>); } } <span class="kw">impl</span> <span class="ident">WidgetImpl</span> <span class="kw">for</span> <span class="ident">Spinner</span> { <span class="kw">fn</span> <span class="ident">get_dims</span>(<span class="kw-2">&</span><span class="self">self</span>) <span class="op">-</span><span class="op">></span> <span class="ident">ScreenDims</span> { <span class="self">self</span>.<span class="ident">dims</span> } <span class="kw">fn</span> <span class="ident">set_pos</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">top_left</span>: <span class="ident">ScreenPt</span>) { <span class="comment">// TODO This works, but it'd be kind of cool if we could construct a tiny little Panel</span> <span class="comment">// here and use that. Wait, why can't we? ...</span> <span class="self">self</span>.<span class="ident">top_left</span> <span class="op">=</span> <span class="ident">top_left</span>; <span class="self">self</span>.<span class="ident">up</span> .<span class="ident">set_pos</span>(<span class="ident">ScreenPt</span>::<span class="ident">new</span>(<span class="ident">top_left</span>.<span class="ident">x</span> <span class="op">+</span> <span class="ident">TEXT_WIDTH</span>, <span class="ident">top_left</span>.<span class="ident">y</span>)); <span class="self">self</span>.<span class="ident">down</span>.<span class="ident">set_pos</span>(<span class="ident">ScreenPt</span>::<span class="ident">new</span>( <span class="ident">top_left</span>.<span class="ident">x</span> <span class="op">+</span> <span class="ident">TEXT_WIDTH</span>, <span class="ident">top_left</span>.<span class="ident">y</span> <span class="op">+</span> <span class="self">self</span>.<span class="ident">up</span>.<span class="ident">get_dims</span>().<span class="ident">height</span>, )); } <span class="kw">fn</span> <span class="ident">event</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="ident">output</span>: <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">WidgetOutput</span>) { <span class="self">self</span>.<span class="ident">up</span>.<span class="ident">event</span>(<span class="ident">ctx</span>, <span class="ident">output</span>); <span class="kw">if</span> <span class="kw">let</span> <span class="ident">Outcome</span>::<span class="ident">Clicked</span>(<span class="kw">_</span>) <span class="op">=</span> <span class="ident">output</span>.<span class="ident">outcome</span> { <span class="ident">output</span>.<span class="ident">outcome</span> <span class="op">=</span> <span class="ident">Outcome</span>::<span class="ident">Changed</span>; <span class="self">self</span>.<span class="ident">current</span> <span class="op">=</span> (<span class="self">self</span>.<span class="ident">current</span> <span class="op">+</span> <span class="number">1</span>).<span class="ident">min</span>(<span class="self">self</span>.<span class="ident">high</span>); <span class="ident">ctx</span>.<span class="ident">no_op_event</span>(<span class="bool-val">true</span>, <span class="op">|</span><span class="ident">ctx</span><span class="op">|</span> <span class="self">self</span>.<span class="ident">up</span>.<span class="ident">event</span>(<span class="ident">ctx</span>, <span class="ident">output</span>)); <span class="kw">return</span>; } <span class="self">self</span>.<span class="ident">down</span>.<span class="ident">event</span>(<span class="ident">ctx</span>, <span class="ident">output</span>); <span class="kw">if</span> <span class="kw">let</span> <span class="ident">Outcome</span>::<span class="ident">Clicked</span>(<span class="kw">_</span>) <span class="op">=</span> <span class="ident">output</span>.<span class="ident">outcome</span> { <span class="ident">output</span>.<span class="ident">outcome</span> <span class="op">=</span> <span class="ident">Outcome</span>::<span class="ident">Changed</span>; <span class="self">self</span>.<span class="ident">current</span> <span class="op">=</span> (<span class="self">self</span>.<span class="ident">current</span> <span class="op">-</span> <span class="number">1</span>).<span class="ident">max</span>(<span class="self">self</span>.<span class="ident">low</span>); <span class="ident">ctx</span>.<span class="ident">no_op_event</span>(<span class="bool-val">true</span>, <span class="op">|</span><span class="ident">ctx</span><span class="op">|</span> <span class="self">self</span>.<span class="ident">down</span>.<span class="ident">event</span>(<span class="ident">ctx</span>, <span class="ident">output</span>)); <span class="kw">return</span>; } <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="ident">pt</span>) <span class="op">=</span> <span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">get_cursor_in_screen_space</span>() { <span class="kw">if</span> <span class="ident">ScreenRectangle</span>::<span class="ident">top_left</span>(<span class="self">self</span>.<span class="ident">top_left</span>, <span class="self">self</span>.<span class="ident">dims</span>).<span class="ident">contains</span>(<span class="ident">pt</span>) { <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>((<span class="kw">_</span>, <span class="ident">dy</span>)) <span class="op">=</span> <span class="ident">ctx</span>.<span class="ident">input</span>.<span class="ident">get_mouse_scroll</span>() { <span class="kw">if</span> <span class="ident">dy</span> <span class="op">></span> <span class="number">0.0</span> <span class="op">&&</span> <span class="self">self</span>.<span class="ident">current</span> <span class="op">!</span><span class="op">=</span> <span class="self">self</span>.<span class="ident">high</span> { <span class="self">self</span>.<span class="ident">current</span> <span class="op">+</span><span class="op">=</span> <span class="number">1</span>; <span class="ident">output</span>.<span class="ident">outcome</span> <span class="op">=</span> <span class="ident">Outcome</span>::<span class="ident">Changed</span>; } <span class="kw">if</span> <span class="ident">dy</span> <span class="op"><</span> <span class="number">0.0</span> <span class="op">&&</span> <span class="self">self</span>.<span class="ident">current</span> <span class="op">!</span><span class="op">=</span> <span class="self">self</span>.<span class="ident">low</span> { <span class="self">self</span>.<span class="ident">current</span> <span class="op">-</span><span class="op">=</span> <span class="number">1</span>; <span class="ident">output</span>.<span class="ident">outcome</span> <span class="op">=</span> <span class="ident">Outcome</span>::<span class="ident">Changed</span>; } } } } } <span class="kw">fn</span> <span class="ident">draw</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">g</span>: <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">GfxCtx</span>) { <span class="comment">// TODO Cache</span> <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">batch</span> <span class="op">=</span> <span class="ident">GeomBatch</span>::<span class="ident">from</span>(<span class="macro">vec</span><span class="macro">!</span>[( <span class="ident">text</span>::<span class="ident">BG_COLOR</span>, <span class="ident">Polygon</span>::<span class="ident">rounded_rectangle</span>(<span class="self">self</span>.<span class="ident">dims</span>.<span class="ident">width</span>, <span class="self">self</span>.<span class="ident">dims</span>.<span class="ident">height</span>, <span class="number">5.0</span>), )]); <span class="ident">batch</span>.<span class="ident">append</span>( <span class="ident">Text</span>::<span class="ident">from</span>(<span class="ident">Line</span>(<span class="self">self</span>.<span class="ident">current</span>.<span class="ident">to_string</span>())) .<span class="ident">render_autocropped</span>(<span class="ident">g</span>) .<span class="ident">centered_on</span>(<span class="ident">Pt2D</span>::<span class="ident">new</span>(<span class="ident">TEXT_WIDTH</span> <span class="op">/</span> <span class="number">2.0</span>, <span class="self">self</span>.<span class="ident">dims</span>.<span class="ident">height</span> <span class="op">/</span> <span class="number">2.0</span>)), ); <span class="kw">let</span> <span class="ident">draw</span> <span class="op">=</span> <span class="ident">g</span>.<span class="ident">upload</span>(<span class="ident">batch</span>); <span class="ident">g</span>.<span class="ident">redraw_at</span>(<span class="self">self</span>.<span class="ident">top_left</span>, <span class="kw-2">&</span><span class="ident">draw</span>); <span class="self">self</span>.<span class="ident">up</span>.<span class="ident">draw</span>(<span class="ident">g</span>); <span class="self">self</span>.<span class="ident">down</span>.<span class="ident">draw</span>(<span class="ident">g</span>); } } </pre></div> </section><section id="search" class="content hidden"></section><section class="footer"></section><script>window.rootPath = "../../../";window.currentCrate = "widgetry";</script><script src="../../../main.js"></script><script src="../../../source-script.js"></script><script src="../../../source-files.js"></script><script defer src="../../../search-index.js"></script></body></html>