<!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">&#9776;</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&#39;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">&amp;</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">&gt;</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">&quot;../../icons/arrow_up.svg&quot;</span>))
            .<span class="ident">build</span>(<span class="ident">ctx</span>, <span class="string">&quot;increase value&quot;</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">&quot;../../icons/arrow_down.svg&quot;</span>))
            .<span class="ident">build</span>(<span class="ident">ctx</span>, <span class="string">&quot;decrease value&quot;</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">&lt;</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">&quot;Spinner current value is out of bounds!&quot;</span>);
        } <span class="kw">else</span> <span class="kw">if</span> <span class="ident">high</span> <span class="op">&lt;</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">&quot;Spinner current value is out of bounds!&quot;</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">&amp;</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">&amp;</span><span class="self">self</span>) <span class="op">-</span><span class="op">&gt;</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">&amp;</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&#39;d be kind of cool if we could construct a tiny little Panel</span>
        <span class="comment">// here and use that. Wait, why can&#39;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">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="ident">output</span>: <span class="kw-2">&amp;</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">&gt;</span> <span class="number">0.0</span> <span class="op">&amp;&amp;</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">&lt;</span> <span class="number">0.0</span> <span class="op">&amp;&amp;</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">&amp;</span><span class="self">self</span>, <span class="ident">g</span>: <span class="kw-2">&amp;</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">&amp;</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>