<!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/panel.rs`."><meta name="keywords" content="rust, rustlang, rust-lang"><title>panel.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><script src="../../../crates.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" role="button">☰</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" height="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><button type="button" class="help-button">?</button> <a id="settings-menu" href="../../../settings.html"><img src="../../../wheel.svg" width="18" height="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> <span id="147">147</span> <span id="148">148</span> <span id="149">149</span> <span id="150">150</span> <span id="151">151</span> <span id="152">152</span> <span id="153">153</span> <span id="154">154</span> <span id="155">155</span> <span id="156">156</span> <span id="157">157</span> <span id="158">158</span> <span id="159">159</span> <span id="160">160</span> <span id="161">161</span> <span id="162">162</span> <span id="163">163</span> <span id="164">164</span> <span id="165">165</span> <span id="166">166</span> <span id="167">167</span> <span id="168">168</span> <span id="169">169</span> <span id="170">170</span> <span id="171">171</span> <span id="172">172</span> <span id="173">173</span> <span id="174">174</span> <span id="175">175</span> <span id="176">176</span> <span id="177">177</span> <span id="178">178</span> <span id="179">179</span> <span id="180">180</span> <span id="181">181</span> <span id="182">182</span> <span id="183">183</span> <span id="184">184</span> <span id="185">185</span> <span id="186">186</span> <span id="187">187</span> <span id="188">188</span> <span id="189">189</span> <span id="190">190</span> <span id="191">191</span> <span id="192">192</span> <span id="193">193</span> <span id="194">194</span> <span id="195">195</span> <span id="196">196</span> <span id="197">197</span> <span id="198">198</span> <span id="199">199</span> <span id="200">200</span> <span id="201">201</span> <span id="202">202</span> <span id="203">203</span> <span id="204">204</span> <span id="205">205</span> <span id="206">206</span> <span id="207">207</span> <span id="208">208</span> <span id="209">209</span> <span id="210">210</span> <span id="211">211</span> <span id="212">212</span> <span id="213">213</span> <span id="214">214</span> <span id="215">215</span> <span id="216">216</span> <span id="217">217</span> <span id="218">218</span> <span id="219">219</span> <span id="220">220</span> <span id="221">221</span> <span id="222">222</span> <span id="223">223</span> <span id="224">224</span> <span id="225">225</span> <span id="226">226</span> <span id="227">227</span> <span id="228">228</span> <span id="229">229</span> <span id="230">230</span> <span id="231">231</span> <span id="232">232</span> <span id="233">233</span> <span id="234">234</span> <span id="235">235</span> <span id="236">236</span> <span id="237">237</span> <span id="238">238</span> <span id="239">239</span> <span id="240">240</span> <span id="241">241</span> <span id="242">242</span> <span id="243">243</span> <span id="244">244</span> <span id="245">245</span> <span id="246">246</span> <span id="247">247</span> <span id="248">248</span> <span id="249">249</span> <span id="250">250</span> <span id="251">251</span> <span id="252">252</span> <span id="253">253</span> <span id="254">254</span> <span id="255">255</span> <span id="256">256</span> <span id="257">257</span> <span id="258">258</span> <span id="259">259</span> <span id="260">260</span> <span id="261">261</span> <span id="262">262</span> <span id="263">263</span> <span id="264">264</span> <span id="265">265</span> <span id="266">266</span> <span id="267">267</span> <span id="268">268</span> <span id="269">269</span> <span id="270">270</span> <span id="271">271</span> <span id="272">272</span> <span id="273">273</span> <span id="274">274</span> <span id="275">275</span> <span id="276">276</span> <span id="277">277</span> <span id="278">278</span> <span id="279">279</span> <span id="280">280</span> <span id="281">281</span> <span id="282">282</span> <span id="283">283</span> <span id="284">284</span> <span id="285">285</span> <span id="286">286</span> <span id="287">287</span> <span id="288">288</span> <span id="289">289</span> <span id="290">290</span> <span id="291">291</span> <span id="292">292</span> <span id="293">293</span> <span id="294">294</span> <span id="295">295</span> <span id="296">296</span> <span id="297">297</span> <span id="298">298</span> <span id="299">299</span> <span id="300">300</span> <span id="301">301</span> <span id="302">302</span> <span id="303">303</span> <span id="304">304</span> <span id="305">305</span> <span id="306">306</span> <span id="307">307</span> <span id="308">308</span> <span id="309">309</span> <span id="310">310</span> <span id="311">311</span> <span id="312">312</span> <span id="313">313</span> <span id="314">314</span> <span id="315">315</span> <span id="316">316</span> <span id="317">317</span> <span id="318">318</span> <span id="319">319</span> <span id="320">320</span> <span id="321">321</span> <span id="322">322</span> <span id="323">323</span> <span id="324">324</span> <span id="325">325</span> <span id="326">326</span> <span id="327">327</span> <span id="328">328</span> <span id="329">329</span> <span id="330">330</span> <span id="331">331</span> <span id="332">332</span> <span id="333">333</span> <span id="334">334</span> <span id="335">335</span> <span id="336">336</span> <span id="337">337</span> <span id="338">338</span> <span id="339">339</span> <span id="340">340</span> <span id="341">341</span> <span id="342">342</span> <span id="343">343</span> <span id="344">344</span> <span id="345">345</span> <span id="346">346</span> <span id="347">347</span> <span id="348">348</span> <span id="349">349</span> <span id="350">350</span> <span id="351">351</span> <span id="352">352</span> <span id="353">353</span> <span id="354">354</span> <span id="355">355</span> <span id="356">356</span> <span id="357">357</span> <span id="358">358</span> <span id="359">359</span> <span id="360">360</span> <span id="361">361</span> <span id="362">362</span> <span id="363">363</span> <span id="364">364</span> <span id="365">365</span> <span id="366">366</span> <span id="367">367</span> <span id="368">368</span> <span id="369">369</span> <span id="370">370</span> <span id="371">371</span> <span id="372">372</span> <span id="373">373</span> <span id="374">374</span> <span id="375">375</span> <span id="376">376</span> <span id="377">377</span> <span id="378">378</span> <span id="379">379</span> <span id="380">380</span> <span id="381">381</span> <span id="382">382</span> <span id="383">383</span> <span id="384">384</span> <span id="385">385</span> <span id="386">386</span> <span id="387">387</span> <span id="388">388</span> <span id="389">389</span> <span id="390">390</span> <span id="391">391</span> <span id="392">392</span> <span id="393">393</span> <span id="394">394</span> <span id="395">395</span> <span id="396">396</span> <span id="397">397</span> <span id="398">398</span> <span id="399">399</span> <span id="400">400</span> <span id="401">401</span> <span id="402">402</span> <span id="403">403</span> <span id="404">404</span> <span id="405">405</span> <span id="406">406</span> <span id="407">407</span> <span id="408">408</span> <span id="409">409</span> <span id="410">410</span> <span id="411">411</span> <span id="412">412</span> <span id="413">413</span> <span id="414">414</span> <span id="415">415</span> <span id="416">416</span> <span id="417">417</span> <span id="418">418</span> <span id="419">419</span> <span id="420">420</span> <span id="421">421</span> <span id="422">422</span> <span id="423">423</span> <span id="424">424</span> <span id="425">425</span> <span id="426">426</span> <span id="427">427</span> <span id="428">428</span> <span id="429">429</span> <span id="430">430</span> <span id="431">431</span> <span id="432">432</span> <span id="433">433</span> <span id="434">434</span> <span id="435">435</span> <span id="436">436</span> <span id="437">437</span> <span id="438">438</span> <span id="439">439</span> <span id="440">440</span> <span id="441">441</span> <span id="442">442</span> <span id="443">443</span> <span id="444">444</span> <span id="445">445</span> <span id="446">446</span> <span id="447">447</span> <span id="448">448</span> <span id="449">449</span> <span id="450">450</span> <span id="451">451</span> <span id="452">452</span> <span id="453">453</span> <span id="454">454</span> <span id="455">455</span> <span id="456">456</span> <span id="457">457</span> <span id="458">458</span> <span id="459">459</span> <span id="460">460</span> <span id="461">461</span> <span id="462">462</span> <span id="463">463</span> <span id="464">464</span> <span id="465">465</span> <span id="466">466</span> <span id="467">467</span> <span id="468">468</span> <span id="469">469</span> <span id="470">470</span> <span id="471">471</span> <span id="472">472</span> <span id="473">473</span> <span id="474">474</span> <span id="475">475</span> <span id="476">476</span> <span id="477">477</span> <span id="478">478</span> <span id="479">479</span> <span id="480">480</span> <span id="481">481</span> <span id="482">482</span> <span id="483">483</span> <span id="484">484</span> <span id="485">485</span> <span id="486">486</span> <span id="487">487</span> <span id="488">488</span> <span id="489">489</span> <span id="490">490</span> <span id="491">491</span> <span id="492">492</span> <span id="493">493</span> <span id="494">494</span> <span id="495">495</span> <span id="496">496</span> <span id="497">497</span> <span id="498">498</span> <span id="499">499</span> <span id="500">500</span> <span id="501">501</span> <span id="502">502</span> <span id="503">503</span> <span id="504">504</span> <span id="505">505</span> <span id="506">506</span> <span id="507">507</span> <span id="508">508</span> <span id="509">509</span> <span id="510">510</span> <span id="511">511</span> <span id="512">512</span> <span id="513">513</span> <span id="514">514</span> <span id="515">515</span> <span id="516">516</span> <span id="517">517</span> <span id="518">518</span> <span id="519">519</span> <span id="520">520</span> <span id="521">521</span> <span id="522">522</span> <span id="523">523</span> <span id="524">524</span> <span id="525">525</span> <span id="526">526</span> <span id="527">527</span> <span id="528">528</span> <span id="529">529</span> <span id="530">530</span> <span id="531">531</span> <span id="532">532</span> <span id="533">533</span> <span id="534">534</span> <span id="535">535</span> <span id="536">536</span> <span id="537">537</span> <span id="538">538</span> <span id="539">539</span> <span id="540">540</span> <span id="541">541</span> <span id="542">542</span> <span id="543">543</span> <span id="544">544</span> <span id="545">545</span> <span id="546">546</span> <span id="547">547</span> <span id="548">548</span> <span id="549">549</span> <span id="550">550</span> <span id="551">551</span> <span id="552">552</span> <span id="553">553</span> <span id="554">554</span> <span id="555">555</span> <span id="556">556</span> <span id="557">557</span> <span id="558">558</span> <span id="559">559</span> <span id="560">560</span> <span id="561">561</span> <span id="562">562</span> <span id="563">563</span> <span id="564">564</span> <span id="565">565</span> <span id="566">566</span> <span id="567">567</span> <span id="568">568</span> <span id="569">569</span> <span id="570">570</span> <span id="571">571</span> <span id="572">572</span> <span id="573">573</span> <span id="574">574</span> <span id="575">575</span> <span id="576">576</span> <span id="577">577</span> <span id="578">578</span> <span id="579">579</span> <span id="580">580</span> <span id="581">581</span> <span id="582">582</span> <span id="583">583</span> <span id="584">584</span> <span id="585">585</span> <span id="586">586</span> <span id="587">587</span> <span id="588">588</span> <span id="589">589</span> <span id="590">590</span> <span id="591">591</span> <span id="592">592</span> <span id="593">593</span> <span id="594">594</span> <span id="595">595</span> <span id="596">596</span> <span id="597">597</span> <span id="598">598</span> <span id="599">599</span> <span id="600">600</span> <span id="601">601</span> <span id="602">602</span> <span id="603">603</span> <span id="604">604</span> <span id="605">605</span> <span id="606">606</span> <span id="607">607</span> <span id="608">608</span> <span id="609">609</span> <span id="610">610</span> <span id="611">611</span> <span id="612">612</span> <span id="613">613</span> <span id="614">614</span> <span id="615">615</span> <span id="616">616</span> <span id="617">617</span> <span id="618">618</span> <span id="619">619</span> <span id="620">620</span> <span id="621">621</span> <span id="622">622</span> <span id="623">623</span> <span id="624">624</span> <span id="625">625</span> <span id="626">626</span> <span id="627">627</span> <span id="628">628</span> <span id="629">629</span> <span id="630">630</span> <span id="631">631</span> <span id="632">632</span> <span id="633">633</span> <span id="634">634</span> <span id="635">635</span> <span id="636">636</span> <span id="637">637</span> <span id="638">638</span> <span id="639">639</span> <span id="640">640</span> <span id="641">641</span> <span id="642">642</span> <span id="643">643</span> <span id="644">644</span> <span id="645">645</span> <span id="646">646</span> <span id="647">647</span> <span id="648">648</span> <span id="649">649</span> <span id="650">650</span> <span id="651">651</span> <span id="652">652</span> <span id="653">653</span> <span id="654">654</span> <span id="655">655</span> <span id="656">656</span> <span id="657">657</span> <span id="658">658</span> <span id="659">659</span> <span id="660">660</span> <span id="661">661</span> <span id="662">662</span> <span id="663">663</span> <span id="664">664</span> <span id="665">665</span> <span id="666">666</span> <span id="667">667</span> <span id="668">668</span> <span id="669">669</span> <span id="670">670</span> </pre><div class="example-wrap"><pre class="rust "> <span class="kw">use</span> <span class="ident">std</span>::<span class="ident">cell</span>::<span class="ident">RefCell</span>; <span class="kw">use</span> <span class="ident">std</span>::<span class="ident">collections</span>::<span class="ident">HashSet</span>; <span class="kw">use</span> <span class="ident">std</span>::<span class="ident">rc</span>::<span class="ident">Rc</span>; <span class="kw">use</span> <span class="ident">stretch</span>::<span class="ident">geometry</span>::<span class="ident">Size</span>; <span class="kw">use</span> <span class="ident">stretch</span>::<span class="ident">node</span>::{<span class="ident">Node</span>, <span class="ident">Stretch</span>}; <span class="kw">use</span> <span class="ident">stretch</span>::<span class="ident">number</span>::<span class="ident">Number</span>; <span class="kw">use</span> <span class="ident">stretch</span>::<span class="ident">style</span>::{<span class="ident">Dimension</span>, <span class="ident">Style</span>}; <span class="kw">use</span> <span class="ident">geom</span>::{<span class="ident">Percent</span>, <span class="ident">Polygon</span>}; <span class="kw">use</span> <span class="kw">crate</span>::<span class="ident">widgets</span>::<span class="ident">slider</span>; <span class="kw">use</span> <span class="kw">crate</span>::<span class="ident">widgets</span>::<span class="ident">spinner</span>::<span class="ident">SpinnerValue</span>; <span class="kw">use</span> <span class="kw">crate</span>::<span class="ident">widgets</span>::<span class="ident">Container</span>; <span class="kw">use</span> <span class="kw">crate</span>::{ <span class="ident">Autocomplete</span>, <span class="ident">Button</span>, <span class="ident">Color</span>, <span class="ident">Dropdown</span>, <span class="ident">EventCtx</span>, <span class="ident">GfxCtx</span>, <span class="ident">HorizontalAlignment</span>, <span class="ident">Menu</span>, <span class="ident">Outcome</span>, <span class="ident">PersistentSplit</span>, <span class="ident">ScreenDims</span>, <span class="ident">ScreenPt</span>, <span class="ident">ScreenRectangle</span>, <span class="ident">Slider</span>, <span class="ident">Spinner</span>, <span class="ident">Stash</span>, <span class="ident">TextBox</span>, <span class="ident">Toggle</span>, <span class="ident">VerticalAlignment</span>, <span class="ident">Widget</span>, <span class="ident">WidgetImpl</span>, <span class="ident">WidgetOutput</span>, }; <span class="kw">pub</span> <span class="kw">struct</span> <span class="ident">Panel</span> { <span class="ident">top_level</span>: <span class="ident">Widget</span>, <span class="comment">// (layout, root_dims)</span> <span class="ident">cached_flexbox</span>: <span class="prelude-ty">Option</span><span class="op"><</span>(<span class="ident">Stretch</span>, <span class="ident">Vec</span><span class="op"><</span><span class="ident">Node</span><span class="op">></span>, <span class="ident">ScreenDims</span>)<span class="op">></span>, <span class="ident">horiz</span>: <span class="ident">HorizontalAlignment</span>, <span class="ident">vert</span>: <span class="ident">VerticalAlignment</span>, <span class="ident">dims</span>: <span class="ident">Dims</span>, <span class="ident">scrollable_x</span>: <span class="ident">bool</span>, <span class="ident">scrollable_y</span>: <span class="ident">bool</span>, <span class="ident">contents_dims</span>: <span class="ident">ScreenDims</span>, <span class="ident">container_dims</span>: <span class="ident">ScreenDims</span>, <span class="ident">clip_rect</span>: <span class="prelude-ty">Option</span><span class="op"><</span><span class="ident">ScreenRectangle</span><span class="op">></span>, } <span class="kw">impl</span> <span class="ident">Panel</span> { <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">new_builder</span>(<span class="ident">top_level</span>: <span class="ident">Widget</span>) <span class="op">-</span><span class="op">></span> <span class="ident">PanelBuilder</span> { <span class="ident">PanelBuilder</span> { <span class="ident">top_level</span>, <span class="ident">horiz</span>: <span class="ident">HorizontalAlignment</span>::<span class="ident">Center</span>, <span class="ident">vert</span>: <span class="ident">VerticalAlignment</span>::<span class="ident">Center</span>, <span class="ident">dims</span>: <span class="ident">Dims</span>::<span class="ident">MaxPercent</span>(<span class="ident">Percent</span>::<span class="ident">int</span>(<span class="number">100</span>), <span class="ident">Percent</span>::<span class="ident">int</span>(<span class="number">100</span>)), } } <span class="doccomment">/// Returns an empty panel. `event` and `draw` will have no effect.</span> <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">empty</span>(<span class="ident">ctx</span>: <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>) <span class="op">-</span><span class="op">></span> <span class="ident">Panel</span> { <span class="ident">Panel</span>::<span class="ident">new_builder</span>(<span class="ident">Widget</span>::<span class="ident">col</span>(<span class="macro">vec</span><span class="macro">!</span>[])).<span class="ident">build_custom</span>(<span class="ident">ctx</span>) } <span class="kw">fn</span> <span class="ident">update_container_dims_for_canvas_dims</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">canvas_dims</span>: <span class="ident">ScreenDims</span>) { <span class="kw">let</span> <span class="ident">new_container_dims</span> <span class="op">=</span> <span class="kw">match</span> <span class="self">self</span>.<span class="ident">dims</span> { <span class="ident">Dims</span>::<span class="ident">MaxPercent</span>(<span class="ident">w</span>, <span class="ident">h</span>) <span class="op">=</span><span class="op">></span> <span class="ident">ScreenDims</span>::<span class="ident">new</span>( <span class="self">self</span>.<span class="ident">contents_dims</span>.<span class="ident">width</span>.<span class="ident">min</span>(<span class="ident">w</span>.<span class="ident">inner</span>() <span class="op">*</span> <span class="ident">canvas_dims</span>.<span class="ident">width</span>), <span class="self">self</span>.<span class="ident">contents_dims</span> .<span class="ident">height</span> .<span class="ident">min</span>(<span class="ident">h</span>.<span class="ident">inner</span>() <span class="op">*</span> <span class="ident">canvas_dims</span>.<span class="ident">height</span>), ), <span class="ident">Dims</span>::<span class="ident">ExactPercent</span>(<span class="ident">w</span>, <span class="ident">h</span>) <span class="op">=</span><span class="op">></span> { <span class="ident">ScreenDims</span>::<span class="ident">new</span>(<span class="ident">w</span> <span class="op">*</span> <span class="ident">canvas_dims</span>.<span class="ident">width</span>, <span class="ident">h</span> <span class="op">*</span> <span class="ident">canvas_dims</span>.<span class="ident">height</span>) } <span class="ident">Dims</span>::<span class="ident">ExactSize</span>(<span class="ident">dims</span>) <span class="op">=</span><span class="op">></span> <span class="ident">dims</span>, <span class="ident">Dims</span>::<span class="ident">ExactHeight</span>(<span class="ident">h</span>) <span class="op">=</span><span class="op">></span> { <span class="ident">ScreenDims</span>::<span class="ident">new</span>(<span class="self">self</span>.<span class="ident">contents_dims</span>.<span class="ident">width</span>.<span class="ident">min</span>(<span class="ident">canvas_dims</span>.<span class="ident">width</span>), <span class="ident">h</span>) } }; <span class="self">self</span>.<span class="ident">container_dims</span> <span class="op">=</span> <span class="ident">new_container_dims</span>; } <span class="kw">fn</span> <span class="ident">recompute_scrollbar_layout</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="ident">EventCtx</span>) { <span class="kw">let</span> <span class="ident">old_scrollable_x</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">scrollable_x</span>; <span class="kw">let</span> <span class="ident">old_scrollable_y</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">scrollable_y</span>; <span class="kw">let</span> <span class="ident">old_scroll_offset</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">scroll_offset</span>(); <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">was_dragging_x</span> <span class="op">=</span> <span class="bool-val">false</span>; <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">was_dragging_y</span> <span class="op">=</span> <span class="bool-val">false</span>; <span class="self">self</span>.<span class="ident">scrollable_x</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">contents_dims</span>.<span class="ident">width</span> <span class="op">></span> <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">width</span>; <span class="self">self</span>.<span class="ident">scrollable_y</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">contents_dims</span>.<span class="ident">height</span> <span class="op">></span> <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">height</span>; <span class="comment">// Unwrap the main widget from any scrollable containers if necessary.</span> <span class="kw">if</span> <span class="ident">old_scrollable_y</span> { <span class="kw">let</span> <span class="ident">container</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">widget</span>.<span class="ident">downcast_mut</span>::<span class="op"><</span><span class="ident">Container</span><span class="op">></span>().<span class="ident">unwrap</span>(); <span class="ident">was_dragging_y</span> <span class="op">=</span> <span class="ident">container</span>.<span class="ident">members</span>[<span class="number">1</span>] .<span class="ident">widget</span> .<span class="ident">downcast_ref</span>::<span class="op"><</span><span class="ident">Slider</span><span class="op">></span>() .<span class="ident">unwrap</span>() .<span class="ident">dragging</span>; <span class="self">self</span>.<span class="ident">top_level</span> <span class="op">=</span> <span class="ident">container</span>.<span class="ident">members</span>.<span class="ident">remove</span>(<span class="number">0</span>); } <span class="kw">if</span> <span class="ident">old_scrollable_x</span> { <span class="kw">let</span> <span class="ident">container</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">widget</span>.<span class="ident">downcast_mut</span>::<span class="op"><</span><span class="ident">Container</span><span class="op">></span>().<span class="ident">unwrap</span>(); <span class="ident">was_dragging_x</span> <span class="op">=</span> <span class="ident">container</span>.<span class="ident">members</span>[<span class="number">1</span>] .<span class="ident">widget</span> .<span class="ident">downcast_ref</span>::<span class="op"><</span><span class="ident">Slider</span><span class="op">></span>() .<span class="ident">unwrap</span>() .<span class="ident">dragging</span>; <span class="self">self</span>.<span class="ident">top_level</span> <span class="op">=</span> <span class="ident">container</span>.<span class="ident">members</span>.<span class="ident">remove</span>(<span class="number">0</span>); } <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">container_dims</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">container_dims</span>; <span class="comment">// TODO Handle making room for a horizontal scrollbar on the bottom. The equivalent change</span> <span class="comment">// to container_dims.height doesn't work as expected.</span> <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_y</span> { <span class="ident">container_dims</span>.<span class="ident">width</span> <span class="op">+</span><span class="op">=</span> <span class="ident">slider</span>::<span class="ident">SCROLLBAR_BG_WIDTH</span>; } <span class="kw">let</span> <span class="ident">top_left</span> <span class="op">=</span> <span class="ident">ctx</span> .<span class="ident">canvas</span> .<span class="ident">align_window</span>(<span class="ident">container_dims</span>, <span class="self">self</span>.<span class="ident">horiz</span>, <span class="self">self</span>.<span class="ident">vert</span>); <span class="comment">// Wrap the main widget in scrollable containers if necessary.</span> <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_x</span> { <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">slider</span> <span class="op">=</span> <span class="ident">Slider</span>::<span class="ident">horizontal</span>( <span class="ident">ctx</span>, <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">width</span>, <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">width</span> <span class="op">*</span> (<span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">width</span> <span class="op">/</span> <span class="self">self</span>.<span class="ident">contents_dims</span>.<span class="ident">width</span>), <span class="number">0.0</span>, ) .<span class="ident">named</span>(<span class="string">"horiz scrollbar"</span>) .<span class="ident">abs</span>(<span class="ident">top_left</span>.<span class="ident">x</span>, <span class="ident">top_left</span>.<span class="ident">y</span> <span class="op">+</span> <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">height</span>); <span class="comment">// We constantly destroy and recreate the scrollbar slider while dragging it. Preserve</span> <span class="comment">// the dragging property, so we can keep dragging it.</span> <span class="kw">if</span> <span class="ident">was_dragging_x</span> { <span class="ident">slider</span>.<span class="ident">widget</span>.<span class="ident">downcast_mut</span>::<span class="op"><</span><span class="ident">Slider</span><span class="op">></span>().<span class="ident">unwrap</span>().<span class="ident">dragging</span> <span class="op">=</span> <span class="bool-val">true</span>; } <span class="kw">let</span> <span class="ident">old_top_level</span> <span class="op">=</span> <span class="ident">std</span>::<span class="ident">mem</span>::<span class="ident">replace</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>.<span class="ident">top_level</span>, <span class="ident">Widget</span>::<span class="ident">nothing</span>()); <span class="self">self</span>.<span class="ident">top_level</span> <span class="op">=</span> <span class="ident">Widget</span>::<span class="ident">custom_col</span>(<span class="macro">vec</span><span class="macro">!</span>[<span class="ident">old_top_level</span>, <span class="ident">slider</span>]); } <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_y</span> { <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">slider</span> <span class="op">=</span> <span class="ident">Slider</span>::<span class="ident">vertical</span>( <span class="ident">ctx</span>, <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">height</span>, <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">height</span> <span class="op">*</span> (<span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">height</span> <span class="op">/</span> <span class="self">self</span>.<span class="ident">contents_dims</span>.<span class="ident">height</span>), <span class="number">0.0</span>, ) .<span class="ident">named</span>(<span class="string">"vert scrollbar"</span>) .<span class="ident">abs</span>(<span class="ident">top_left</span>.<span class="ident">x</span> <span class="op">+</span> <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">width</span>, <span class="ident">top_left</span>.<span class="ident">y</span>); <span class="kw">if</span> <span class="ident">was_dragging_y</span> { <span class="ident">slider</span>.<span class="ident">widget</span>.<span class="ident">downcast_mut</span>::<span class="op"><</span><span class="ident">Slider</span><span class="op">></span>().<span class="ident">unwrap</span>().<span class="ident">dragging</span> <span class="op">=</span> <span class="bool-val">true</span>; } <span class="kw">let</span> <span class="ident">old_top_level</span> <span class="op">=</span> <span class="ident">std</span>::<span class="ident">mem</span>::<span class="ident">replace</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>.<span class="ident">top_level</span>, <span class="ident">Widget</span>::<span class="ident">nothing</span>()); <span class="self">self</span>.<span class="ident">top_level</span> <span class="op">=</span> <span class="ident">Widget</span>::<span class="ident">custom_row</span>(<span class="macro">vec</span><span class="macro">!</span>[<span class="ident">old_top_level</span>, <span class="ident">slider</span>]); } <span class="self">self</span>.<span class="ident">update_scroll_sliders</span>(<span class="ident">ctx</span>, <span class="ident">old_scroll_offset</span>); <span class="self">self</span>.<span class="ident">clip_rect</span> <span class="op">=</span> <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_x</span> <span class="op">|</span><span class="op">|</span> <span class="self">self</span>.<span class="ident">scrollable_y</span> { <span class="prelude-val">Some</span>(<span class="ident">ScreenRectangle</span>::<span class="ident">top_left</span>(<span class="ident">top_left</span>, <span class="self">self</span>.<span class="ident">container_dims</span>)) } <span class="kw">else</span> { <span class="prelude-val">None</span> }; } <span class="comment">// TODO: this method potentially gets called multiple times in a render pass as an</span> <span class="comment">// optimization, we could replace all the current call sites with a "dirty" flag, e.g.</span> <span class="comment">// `set_needs_layout()` and then call `layout_if_needed()` once at the last possible moment</span> <span class="kw">fn</span> <span class="ident">recompute_layout</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="ident">EventCtx</span>, <span class="ident">recompute_bg</span>: <span class="ident">bool</span>) { <span class="self">self</span>.<span class="ident">invalidate_flexbox</span>(); <span class="self">self</span>.<span class="ident">recompute_layout_if_needed</span>(<span class="ident">ctx</span>, <span class="ident">recompute_bg</span>) } <span class="kw">fn</span> <span class="ident">invalidate_flexbox</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>) { <span class="macro">debug</span><span class="macro">!</span>(<span class="string">"invalidating flexbox"</span>); <span class="self">self</span>.<span class="ident">cached_flexbox</span> <span class="op">=</span> <span class="prelude-val">None</span>; } <span class="kw">fn</span> <span class="ident">compute_flexbox</span>(<span class="kw-2">&</span><span class="self">self</span>) <span class="op">-</span><span class="op">></span> (<span class="ident">Stretch</span>, <span class="ident">Vec</span><span class="op"><</span><span class="ident">Node</span><span class="op">></span>, <span class="ident">ScreenDims</span>) { <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">stretch</span> <span class="op">=</span> <span class="ident">Stretch</span>::<span class="ident">new</span>(); <span class="kw">let</span> <span class="ident">root</span> <span class="op">=</span> <span class="ident">stretch</span> .<span class="ident">new_node</span>( <span class="ident">Style</span> { ..<span class="ident">Default</span>::<span class="ident">default</span>() }, <span class="ident">Vec</span>::<span class="ident">new</span>(), ) .<span class="ident">unwrap</span>(); <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">nodes</span> <span class="op">=</span> <span class="macro">vec</span><span class="macro">!</span>[]; <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">get_flexbox</span>(<span class="ident">root</span>, <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">stretch</span>, <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">nodes</span>); <span class="ident">nodes</span>.<span class="ident">reverse</span>(); <span class="comment">// TODO Express more simply. Constraining this seems useless.</span> <span class="kw">let</span> <span class="ident">container_size</span> <span class="op">=</span> <span class="ident">Size</span> { <span class="ident">width</span>: <span class="ident">Number</span>::<span class="ident">Undefined</span>, <span class="ident">height</span>: <span class="ident">Number</span>::<span class="ident">Undefined</span>, }; <span class="ident">stretch</span>.<span class="ident">compute_layout</span>(<span class="ident">root</span>, <span class="ident">container_size</span>).<span class="ident">unwrap</span>(); <span class="comment">// TODO I'm so confused why these 2 are acting differently. :(</span> <span class="kw">let</span> <span class="ident">effective_dims</span> <span class="op">=</span> <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_x</span> <span class="op">|</span><span class="op">|</span> <span class="self">self</span>.<span class="ident">scrollable_y</span> { <span class="self">self</span>.<span class="ident">container_dims</span> } <span class="kw">else</span> { <span class="kw">let</span> <span class="ident">result</span> <span class="op">=</span> <span class="ident">stretch</span>.<span class="ident">layout</span>(<span class="ident">root</span>).<span class="ident">unwrap</span>(); <span class="ident">ScreenDims</span>::<span class="ident">new</span>(<span class="ident">result</span>.<span class="ident">size</span>.<span class="ident">width</span>.<span class="ident">into</span>(), <span class="ident">result</span>.<span class="ident">size</span>.<span class="ident">height</span>.<span class="ident">into</span>()) }; (<span class="ident">stretch</span>, <span class="ident">nodes</span>, <span class="ident">effective_dims</span>) } <span class="kw">fn</span> <span class="ident">recompute_layout_if_needed</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="ident">EventCtx</span>, <span class="ident">recompute_bg</span>: <span class="ident">bool</span>) { <span class="self">self</span>.<span class="ident">recompute_scrollbar_layout</span>(<span class="ident">ctx</span>); <span class="kw">let</span> (<span class="ident">stretch</span>, <span class="ident">nodes</span>, <span class="ident">effective_dims</span>) <span class="op">=</span> <span class="self">self</span> .<span class="ident">cached_flexbox</span> .<span class="ident">take</span>() .<span class="ident">unwrap_or_else</span>(<span class="op">|</span><span class="op">|</span> <span class="self">self</span>.<span class="ident">compute_flexbox</span>()); { <span class="kw">let</span> <span class="ident">top_left</span> <span class="op">=</span> <span class="ident">ctx</span> .<span class="ident">canvas</span> .<span class="ident">align_window</span>(<span class="ident">effective_dims</span>, <span class="self">self</span>.<span class="ident">horiz</span>, <span class="self">self</span>.<span class="ident">vert</span>); <span class="kw">let</span> <span class="ident">offset</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">scroll_offset</span>(); <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">nodes</span> <span class="op">=</span> <span class="ident">nodes</span>.<span class="ident">clone</span>(); <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">apply_flexbox</span>( <span class="kw-2">&</span><span class="ident">stretch</span>, <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">nodes</span>, <span class="ident">top_left</span>.<span class="ident">x</span>, <span class="ident">top_left</span>.<span class="ident">y</span>, <span class="ident">offset</span>, <span class="ident">ctx</span>, <span class="ident">recompute_bg</span>, <span class="bool-val">false</span>, ); <span class="macro">assert</span><span class="macro">!</span>(<span class="ident">nodes</span>.<span class="ident">is_empty</span>()); } <span class="self">self</span>.<span class="ident">cached_flexbox</span> <span class="op">=</span> <span class="prelude-val">Some</span>((<span class="ident">stretch</span>, <span class="ident">nodes</span>, <span class="ident">effective_dims</span>)); } <span class="kw">fn</span> <span class="ident">scroll_offset</span>(<span class="kw-2">&</span><span class="self">self</span>) <span class="op">-</span><span class="op">></span> (<span class="ident">f64</span>, <span class="ident">f64</span>) { <span class="kw">let</span> <span class="ident">x</span> <span class="op">=</span> <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_x</span> { <span class="self">self</span>.<span class="ident">slider</span>(<span class="string">"horiz scrollbar"</span>).<span class="ident">get_percent</span>() <span class="op">*</span> (<span class="self">self</span>.<span class="ident">contents_dims</span>.<span class="ident">width</span> <span class="op">-</span> <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">width</span>).<span class="ident">max</span>(<span class="number">0.0</span>) } <span class="kw">else</span> { <span class="number">0.0</span> }; <span class="kw">let</span> <span class="ident">y</span> <span class="op">=</span> <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_y</span> { <span class="self">self</span>.<span class="ident">slider</span>(<span class="string">"vert scrollbar"</span>).<span class="ident">get_percent</span>() <span class="op">*</span> (<span class="self">self</span>.<span class="ident">contents_dims</span>.<span class="ident">height</span> <span class="op">-</span> <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">height</span>).<span class="ident">max</span>(<span class="number">0.0</span>) } <span class="kw">else</span> { <span class="number">0.0</span> }; (<span class="ident">x</span>, <span class="ident">y</span>) } <span class="kw">fn</span> <span class="ident">update_scroll_sliders</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="ident">EventCtx</span>, <span class="ident">offset</span>: (<span class="ident">f64</span>, <span class="ident">f64</span>)) <span class="op">-</span><span class="op">></span> <span class="ident">bool</span> { <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">changed</span> <span class="op">=</span> <span class="bool-val">false</span>; <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_x</span> { <span class="ident">changed</span> <span class="op">=</span> <span class="bool-val">true</span>; <span class="kw">let</span> <span class="ident">max</span> <span class="op">=</span> (<span class="self">self</span>.<span class="ident">contents_dims</span>.<span class="ident">width</span> <span class="op">-</span> <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">width</span>).<span class="ident">max</span>(<span class="number">0.0</span>); <span class="kw">if</span> <span class="ident">max</span> <span class="op">=</span><span class="op">=</span> <span class="number">0.0</span> { <span class="self">self</span>.<span class="ident">slider_mut</span>(<span class="string">"horiz scrollbar"</span>).<span class="ident">set_percent</span>(<span class="ident">ctx</span>, <span class="number">0.0</span>); } <span class="kw">else</span> { <span class="self">self</span>.<span class="ident">slider_mut</span>(<span class="string">"horiz scrollbar"</span>) .<span class="ident">set_percent</span>(<span class="ident">ctx</span>, <span class="ident">offset</span>.<span class="number">0</span>.<span class="ident">clamp</span>(<span class="number">0.0</span>, <span class="ident">max</span>) <span class="op">/</span> <span class="ident">max</span>); } } <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_y</span> { <span class="ident">changed</span> <span class="op">=</span> <span class="bool-val">true</span>; <span class="kw">let</span> <span class="ident">max</span> <span class="op">=</span> (<span class="self">self</span>.<span class="ident">contents_dims</span>.<span class="ident">height</span> <span class="op">-</span> <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">height</span>).<span class="ident">max</span>(<span class="number">0.0</span>); <span class="kw">if</span> <span class="ident">max</span> <span class="op">=</span><span class="op">=</span> <span class="number">0.0</span> { <span class="self">self</span>.<span class="ident">slider_mut</span>(<span class="string">"vert scrollbar"</span>).<span class="ident">set_percent</span>(<span class="ident">ctx</span>, <span class="number">0.0</span>); } <span class="kw">else</span> { <span class="self">self</span>.<span class="ident">slider_mut</span>(<span class="string">"vert scrollbar"</span>) .<span class="ident">set_percent</span>(<span class="ident">ctx</span>, <span class="ident">offset</span>.<span class="number">1</span>.<span class="ident">clamp</span>(<span class="number">0.0</span>, <span class="ident">max</span>) <span class="op">/</span> <span class="ident">max</span>); } } <span class="ident">changed</span> } <span class="kw">fn</span> <span class="ident">set_scroll_offset</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="ident">EventCtx</span>, <span class="ident">offset</span>: (<span class="ident">f64</span>, <span class="ident">f64</span>)) { <span class="kw">if</span> <span class="self">self</span>.<span class="ident">update_scroll_sliders</span>(<span class="ident">ctx</span>, <span class="ident">offset</span>) { <span class="self">self</span>.<span class="ident">recompute_layout_if_needed</span>(<span class="ident">ctx</span>, <span class="bool-val">false</span>); } } <span class="kw">pub</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="op">-</span><span class="op">></span> <span class="ident">Outcome</span> { <span class="kw">if</span> (<span class="self">self</span>.<span class="ident">scrollable_x</span> <span class="op">|</span><span class="op">|</span> <span class="self">self</span>.<span class="ident">scrollable_y</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="ident">map</span>(<span class="op">|</span><span class="ident">pt</span><span class="op">|</span> <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">rect</span>.<span class="ident">contains</span>(<span class="ident">pt</span>)) .<span class="ident">unwrap_or</span>(<span class="bool-val">false</span>) { <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>((<span class="ident">dx</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">let</span> <span class="ident">x_offset</span> <span class="op">=</span> <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_x</span> { <span class="self">self</span>.<span class="ident">scroll_offset</span>().<span class="number">0</span> <span class="op">+</span> <span class="ident">dx</span> <span class="op">*</span> (<span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">settings</span>.<span class="ident">gui_scroll_speed</span> <span class="kw">as</span> <span class="ident">f64</span>) } <span class="kw">else</span> { <span class="number">0.0</span> }; <span class="kw">let</span> <span class="ident">y_offset</span> <span class="op">=</span> <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_y</span> { <span class="self">self</span>.<span class="ident">scroll_offset</span>().<span class="number">1</span> <span class="op">-</span> <span class="ident">dy</span> <span class="op">*</span> (<span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">settings</span>.<span class="ident">gui_scroll_speed</span> <span class="kw">as</span> <span class="ident">f64</span>) } <span class="kw">else</span> { <span class="number">0.0</span> }; <span class="self">self</span>.<span class="ident">set_scroll_offset</span>(<span class="ident">ctx</span>, (<span class="ident">x_offset</span>, <span class="ident">y_offset</span>)); } } <span class="kw">if</span> <span class="ident">ctx</span>.<span class="ident">input</span>.<span class="ident">is_window_resized</span>() { <span class="self">self</span>.<span class="ident">update_container_dims_for_canvas_dims</span>(<span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">get_window_dims</span>()); <span class="self">self</span>.<span class="ident">recompute_layout</span>(<span class="ident">ctx</span>, <span class="bool-val">false</span>); } <span class="kw">let</span> <span class="ident">before</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">scroll_offset</span>(); <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">output</span> <span class="op">=</span> <span class="ident">WidgetOutput</span>::<span class="ident">new</span>(); <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">widget</span>.<span class="ident">event</span>(<span class="ident">ctx</span>, <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">output</span>); <span class="kw">if</span> <span class="ident">output</span>.<span class="ident">redo_layout</span> { <span class="self">self</span>.<span class="ident">recompute_layout</span>(<span class="ident">ctx</span>, <span class="bool-val">true</span>); } <span class="kw">else</span> <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scroll_offset</span>() <span class="op">!</span><span class="op">=</span> <span class="ident">before</span> { <span class="self">self</span>.<span class="ident">recompute_layout_if_needed</span>(<span class="ident">ctx</span>, <span class="bool-val">true</span>); } <span class="ident">output</span>.<span class="ident">outcome</span> } <span class="kw">pub</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="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="kw-2">ref</span> <span class="ident">rect</span>) <span class="op">=</span> <span class="self">self</span>.<span class="ident">clip_rect</span> { <span class="ident">g</span>.<span class="ident">enable_clipping</span>(<span class="ident">rect</span>.<span class="ident">clone</span>()); <span class="ident">g</span>.<span class="ident">canvas</span>.<span class="ident">mark_covered_area</span>(<span class="ident">rect</span>.<span class="ident">clone</span>()); } <span class="kw">else</span> { <span class="ident">g</span>.<span class="ident">canvas</span>.<span class="ident">mark_covered_area</span>(<span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">rect</span>.<span class="ident">clone</span>()); } <span class="comment">// Debugging</span> <span class="kw">if</span> <span class="bool-val">false</span> { <span class="ident">g</span>.<span class="ident">fork_screenspace</span>(); <span class="ident">g</span>.<span class="ident">draw_polygon</span>(<span class="ident">Color</span>::<span class="ident">RED</span>.<span class="ident">alpha</span>(<span class="number">0.5</span>), <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">rect</span>.<span class="ident">to_polygon</span>()); <span class="kw">let</span> <span class="ident">top_left</span> <span class="op">=</span> <span class="ident">g</span> .<span class="ident">canvas</span> .<span class="ident">align_window</span>(<span class="self">self</span>.<span class="ident">container_dims</span>, <span class="self">self</span>.<span class="ident">horiz</span>, <span class="self">self</span>.<span class="ident">vert</span>); <span class="ident">g</span>.<span class="ident">draw_polygon</span>( <span class="ident">Color</span>::<span class="ident">BLUE</span>.<span class="ident">alpha</span>(<span class="number">0.5</span>), <span class="ident">Polygon</span>::<span class="ident">rectangle</span>(<span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">width</span>, <span class="self">self</span>.<span class="ident">container_dims</span>.<span class="ident">height</span>) .<span class="ident">translate</span>(<span class="ident">top_left</span>.<span class="ident">x</span>, <span class="ident">top_left</span>.<span class="ident">y</span>), ); <span class="ident">g</span>.<span class="ident">unfork</span>(); } <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">draw</span>(<span class="ident">g</span>); <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_x</span> <span class="op">|</span><span class="op">|</span> <span class="self">self</span>.<span class="ident">scrollable_y</span> { <span class="ident">g</span>.<span class="ident">disable_clipping</span>(); <span class="comment">// Draw the scrollbars after clipping is disabled, because they actually live just</span> <span class="comment">// outside the rectangle.</span> <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_x</span> { <span class="self">self</span>.<span class="ident">slider</span>(<span class="string">"horiz scrollbar"</span>).<span class="ident">draw</span>(<span class="ident">g</span>); } <span class="kw">if</span> <span class="self">self</span>.<span class="ident">scrollable_y</span> { <span class="self">self</span>.<span class="ident">slider</span>(<span class="string">"vert scrollbar"</span>).<span class="ident">draw</span>(<span class="ident">g</span>); } } } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">get_all_click_actions</span>(<span class="kw-2">&</span><span class="self">self</span>) <span class="op">-</span><span class="op">></span> <span class="ident">HashSet</span><span class="op"><</span><span class="ident">String</span><span class="op">></span> { <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">actions</span> <span class="op">=</span> <span class="ident">HashSet</span>::<span class="ident">new</span>(); <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">get_all_click_actions</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">actions</span>); <span class="ident">actions</span> } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">restore</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">prev</span>: <span class="kw-2">&</span><span class="ident">Panel</span>) { <span class="self">self</span>.<span class="ident">set_scroll_offset</span>(<span class="ident">ctx</span>, <span class="ident">prev</span>.<span class="ident">scroll_offset</span>()); <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">restore</span>(<span class="ident">ctx</span>, <span class="kw-2">&</span><span class="ident">prev</span>); <span class="comment">// Since we just moved things around, let all widgets respond to the mouse being somewhere</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="macro">assert_eq</span><span class="macro">!</span>(<span class="self">self</span>.<span class="ident">event</span>(<span class="ident">ctx</span>), <span class="ident">Outcome</span>::<span class="ident">Nothing</span>)); } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">scroll_to_member</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="ident">EventCtx</span>, <span class="ident">name</span>: <span class="ident">String</span>) { <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="ident">w</span>) <span class="op">=</span> <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">find</span>(<span class="kw-2">&</span><span class="ident">name</span>) { <span class="kw">let</span> <span class="ident">y1</span> <span class="op">=</span> <span class="ident">w</span>.<span class="ident">rect</span>.<span class="ident">y1</span>; <span class="self">self</span>.<span class="ident">set_scroll_offset</span>(<span class="ident">ctx</span>, (<span class="number">0.0</span>, <span class="ident">y1</span>)); } <span class="kw">else</span> { <span class="macro">panic</span><span class="macro">!</span>(<span class="string">"Can't scroll_to_member of unknown {}"</span>, <span class="ident">name</span>); } } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">has_widget</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">bool</span> { <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">find</span>(<span class="ident">name</span>).<span class="ident">is_some</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">slider</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="kw-2">&</span><span class="ident">Slider</span> { <span class="self">self</span>.<span class="ident">find</span>(<span class="ident">name</span>) } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">slider_mut</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">Slider</span> { <span class="self">self</span>.<span class="ident">find_mut</span>(<span class="ident">name</span>) } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">take_menu_choice</span><span class="op"><</span><span class="ident">T</span>: <span class="lifetime">'static</span><span class="op">></span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">T</span> { <span class="self">self</span>.<span class="ident">find_mut</span>::<span class="op"><</span><span class="ident">Menu</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">take_current_choice</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">is_checked</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">bool</span> { <span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">Toggle</span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">enabled</span> } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">maybe_is_checked</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="prelude-ty">Option</span><span class="op"><</span><span class="ident">bool</span><span class="op">></span> { <span class="kw">if</span> <span class="self">self</span>.<span class="ident">has_widget</span>(<span class="ident">name</span>) { <span class="prelude-val">Some</span>(<span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">Toggle</span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">enabled</span>) } <span class="kw">else</span> { <span class="prelude-val">None</span> } } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">text_box</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">String</span> { <span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">TextBox</span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">get_line</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">spinner</span><span class="op"><</span><span class="ident">T</span>: <span class="lifetime">'static</span> <span class="op">+</span> <span class="ident">SpinnerValue</span><span class="op">></span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">T</span> { <span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">Spinner</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">current</span> } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">modify_spinner</span><span class="op"><</span><span class="ident">T</span>: <span class="lifetime">'static</span> <span class="op">+</span> <span class="ident">SpinnerValue</span><span class="op">></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="ident">EventCtx</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>, <span class="ident">delta</span>: <span class="ident">T</span>, ) { <span class="self">self</span>.<span class="ident">find_mut</span>::<span class="op"><</span><span class="ident">Spinner</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">modify</span>(<span class="ident">ctx</span>, <span class="ident">delta</span>) } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">dropdown_value</span><span class="op"><</span><span class="ident">T</span>: <span class="lifetime">'static</span> <span class="op">+</span> <span class="ident">PartialEq</span> <span class="op">+</span> <span class="ident">Clone</span>, <span class="ident">I</span>: <span class="ident">AsRef</span><span class="op"><</span><span class="ident">str</span><span class="op">></span><span class="op">></span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="ident">I</span>) <span class="op">-</span><span class="op">></span> <span class="ident">T</span> { <span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">Dropdown</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span>(<span class="ident">name</span>.<span class="ident">as_ref</span>()).<span class="ident">current_value</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">maybe_dropdown_value</span><span class="op"><</span><span class="ident">T</span>: <span class="lifetime">'static</span> <span class="op">+</span> <span class="ident">PartialEq</span> <span class="op">+</span> <span class="ident">Clone</span>, <span class="ident">I</span>: <span class="ident">AsRef</span><span class="op"><</span><span class="ident">str</span><span class="op">></span><span class="op">></span>( <span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="ident">I</span>, ) <span class="op">-</span><span class="op">></span> <span class="prelude-ty">Option</span><span class="op"><</span><span class="ident">T</span><span class="op">></span> { <span class="kw">let</span> <span class="ident">name</span> <span class="op">=</span> <span class="ident">name</span>.<span class="ident">as_ref</span>(); <span class="kw">if</span> <span class="self">self</span>.<span class="ident">has_widget</span>(<span class="ident">name</span>) { <span class="prelude-val">Some</span>(<span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">Dropdown</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">current_value</span>()) } <span class="kw">else</span> { <span class="prelude-val">None</span> } } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">persistent_split_value</span><span class="op"><</span><span class="ident">T</span>: <span class="lifetime">'static</span> <span class="op">+</span> <span class="ident">PartialEq</span> <span class="op">+</span> <span class="ident">Clone</span><span class="op">></span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">T</span> { <span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">PersistentSplit</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">current_value</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">autocomplete_done</span><span class="op"><</span><span class="ident">T</span>: <span class="lifetime">'static</span> <span class="op">+</span> <span class="ident">Clone</span><span class="op">></span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="prelude-ty">Option</span><span class="op"><</span><span class="ident">Vec</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span> { <span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">Autocomplete</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">final_value</span>() } <span class="doccomment">/// Grab a stashed value, with the ability to pass it around and modify it.</span> <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">stash</span><span class="op"><</span><span class="ident">T</span>: <span class="lifetime">'static</span><span class="op">></span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">Rc</span><span class="op"><</span><span class="ident">RefCell</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span> { <span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">Stash</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">get_value</span>() } <span class="doccomment">/// Grab a stashed value and clone it.</span> <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">clone_stashed</span><span class="op"><</span><span class="ident">T</span>: <span class="lifetime">'static</span> <span class="op">+</span> <span class="ident">Clone</span><span class="op">></span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">T</span> { <span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">Stash</span><span class="op"><</span><span class="ident">T</span><span class="op">></span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">get_value</span>().<span class="ident">borrow</span>().<span class="ident">clone</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">is_button_enabled</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">bool</span> { <span class="self">self</span>.<span class="ident">find</span>::<span class="op"><</span><span class="ident">Button</span><span class="op">></span>(<span class="ident">name</span>).<span class="ident">is_enabled</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">maybe_find</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="prelude-ty">Option</span><span class="op"><</span><span class="kw-2">&</span><span class="ident">Widget</span><span class="op">></span> { <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">find</span>(<span class="ident">name</span>) } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">find</span><span class="op"><</span><span class="ident">T</span>: <span class="ident">WidgetImpl</span><span class="op">></span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="kw-2">&</span><span class="ident">T</span> { <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="ident">w</span>) <span class="op">=</span> <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">find</span>(<span class="ident">name</span>) { <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="ident">x</span>) <span class="op">=</span> <span class="ident">w</span>.<span class="ident">widget</span>.<span class="ident">downcast_ref</span>::<span class="op"><</span><span class="ident">T</span><span class="op">></span>() { <span class="ident">x</span> } <span class="kw">else</span> { <span class="macro">panic</span><span class="macro">!</span>(<span class="string">"Found widget {}, but wrong type"</span>, <span class="ident">name</span>); } } <span class="kw">else</span> { <span class="macro">panic</span><span class="macro">!</span>(<span class="string">"Can't find widget {}"</span>, <span class="ident">name</span>); } } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">find_mut</span><span class="op"><</span><span class="ident">T</span>: <span class="ident">WidgetImpl</span><span class="op">></span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">T</span> { <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="ident">w</span>) <span class="op">=</span> <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">find_mut</span>(<span class="ident">name</span>) { <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="ident">x</span>) <span class="op">=</span> <span class="ident">w</span>.<span class="ident">widget</span>.<span class="ident">downcast_mut</span>::<span class="op"><</span><span class="ident">T</span><span class="op">></span>() { <span class="ident">x</span> } <span class="kw">else</span> { <span class="macro">panic</span><span class="macro">!</span>(<span class="string">"Found widget {}, but wrong type"</span>, <span class="ident">name</span>); } } <span class="kw">else</span> { <span class="macro">panic</span><span class="macro">!</span>(<span class="string">"Can't find widget {}"</span>, <span class="ident">name</span>); } } <span class="doccomment">/// Swap the inner content of a `container` widget with `new_inner_content`.</span> <span class="kw">pub</span>(<span class="kw">crate</span>) <span class="kw">fn</span> <span class="ident">swap_inner_content</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="ident">EventCtx</span>, <span class="ident">container_name</span>: <span class="kw-2">&</span><span class="ident">str</span>, <span class="ident">new_inner_content</span>: <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">Widget</span>, ) { <span class="kw">let</span> <span class="ident">old_container</span>: <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">Container</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">find_mut</span>(<span class="ident">container_name</span>); <span class="macro">assert_eq</span><span class="macro">!</span>( <span class="ident">old_container</span>.<span class="ident">members</span>.<span class="ident">len</span>(), <span class="number">1</span>, <span class="string">"method only intended to be used for containers created with `Widget::container`"</span> ); <span class="ident">std</span>::<span class="ident">mem</span>::<span class="ident">swap</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">old_container</span>.<span class="ident">members</span>[<span class="number">0</span>], <span class="ident">new_inner_content</span>); <span class="self">self</span>.<span class="ident">recompute_layout</span>(<span class="ident">ctx</span>, <span class="bool-val">true</span>); } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">rect_of</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="kw-2">&</span><span class="ident">ScreenRectangle</span> { <span class="kw-2">&</span><span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">find</span>(<span class="ident">name</span>).<span class="ident">unwrap</span>().<span class="ident">rect</span> } <span class="comment">// TODO Deprecate</span> <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">center_of</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">name</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">ScreenPt</span> { <span class="self">self</span>.<span class="ident">rect_of</span>(<span class="ident">name</span>).<span class="ident">center</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">center_of_panel</span>(<span class="kw-2">&</span><span class="self">self</span>) <span class="op">-</span><span class="op">></span> <span class="ident">ScreenPt</span> { <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">rect</span>.<span class="ident">center</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">panel_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">top_level</span>.<span class="ident">rect</span>.<span class="ident">dims</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">align</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">horiz</span>: <span class="ident">HorizontalAlignment</span>, <span class="ident">vert</span>: <span class="ident">VerticalAlignment</span>) { <span class="self">self</span>.<span class="ident">horiz</span> <span class="op">=</span> <span class="ident">horiz</span>; <span class="self">self</span>.<span class="ident">vert</span> <span class="op">=</span> <span class="ident">vert</span>; <span class="comment">// TODO Recompute layout and fire no_op_event?</span> } <span class="doccomment">/// All margins/padding/etc from the previous widget are retained. The ID is set on the new</span> <span class="doccomment">/// widget; no need to do that yourself.</span> <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">replace</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">id</span>: <span class="kw-2">&</span><span class="ident">str</span>, <span class="kw-2">mut</span> <span class="ident">new</span>: <span class="ident">Widget</span>) { <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="kw-2">ref</span> <span class="ident">new_id</span>) <span class="op">=</span> <span class="ident">new</span>.<span class="ident">id</span> { <span class="macro">assert_eq</span><span class="macro">!</span>(<span class="ident">id</span>, <span class="ident">new_id</span>); } <span class="ident">new</span> <span class="op">=</span> <span class="ident">new</span>.<span class="ident">named</span>(<span class="ident">id</span>); <span class="kw">let</span> <span class="ident">old</span> <span class="op">=</span> <span class="self">self</span> .<span class="ident">top_level</span> .<span class="ident">find_mut</span>(<span class="ident">id</span>) .<span class="ident">unwrap_or_else</span>(<span class="op">|</span><span class="op">|</span> <span class="macro">panic</span><span class="macro">!</span>(<span class="string">"Panel doesn't have {}"</span>, <span class="ident">id</span>)); <span class="ident">new</span>.<span class="ident">layout</span>.<span class="ident">style</span> <span class="op">=</span> <span class="ident">old</span>.<span class="ident">layout</span>.<span class="ident">style</span>; <span class="kw-2">*</span><span class="ident">old</span> <span class="op">=</span> <span class="ident">new</span>; <span class="self">self</span>.<span class="ident">recompute_layout</span>(<span class="ident">ctx</span>, <span class="bool-val">true</span>); <span class="comment">// TODO Since we just moved things around, let all widgets respond to the mouse being</span> <span class="comment">// somewhere? Maybe always do this in recompute_layout?</span> <span class="comment">//ctx.no_op_event(true, |ctx| assert_eq!(self.event(ctx), Outcome::Nothing));</span> } <span class="doccomment">/// Removes a widget from the panel. Does not recalculate layout!</span> <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">take</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">id</span>: <span class="kw-2">&</span><span class="ident">str</span>) <span class="op">-</span><span class="op">></span> <span class="ident">Widget</span> { <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">take</span>(<span class="ident">id</span>).<span class="ident">unwrap</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">clicked_outside</span>(<span class="kw-2">&</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="op">-</span><span class="op">></span> <span class="ident">bool</span> { <span class="comment">// TODO No great way to populate OSD from here with "click to cancel"</span> <span class="op">!</span><span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">rect</span>.<span class="ident">contains</span>(<span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">get_cursor</span>()) <span class="op">&&</span> <span class="ident">ctx</span>.<span class="ident">normal_left_click</span>() } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">currently_hovering</span>(<span class="kw-2">&</span><span class="self">self</span>) <span class="op">-</span><span class="op">></span> <span class="prelude-ty">Option</span><span class="op"><</span><span class="kw-2">&</span><span class="ident">String</span><span class="op">></span> { <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">currently_hovering</span>() } } <span class="kw">pub</span> <span class="kw">struct</span> <span class="ident">PanelBuilder</span> { <span class="ident">top_level</span>: <span class="ident">Widget</span>, <span class="ident">horiz</span>: <span class="ident">HorizontalAlignment</span>, <span class="ident">vert</span>: <span class="ident">VerticalAlignment</span>, <span class="ident">dims</span>: <span class="ident">Dims</span>, } <span class="kw">enum</span> <span class="ident">Dims</span> { <span class="ident">MaxPercent</span>(<span class="ident">Percent</span>, <span class="ident">Percent</span>), <span class="ident">ExactPercent</span>(<span class="ident">f64</span>, <span class="ident">f64</span>), <span class="ident">ExactHeight</span>(<span class="ident">f64</span>), <span class="ident">ExactSize</span>(<span class="ident">ScreenDims</span>), } <span class="kw">impl</span> <span class="ident">PanelBuilder</span> { <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">build</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="op">-</span><span class="op">></span> <span class="ident">Panel</span> { <span class="self">self</span>.<span class="ident">top_level</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">top_level</span>.<span class="ident">padding</span>(<span class="number">16</span>).<span class="ident">bg</span>(<span class="ident">ctx</span>.<span class="ident">style</span>.<span class="ident">panel_bg</span>); <span class="self">self</span>.<span class="ident">build_custom</span>(<span class="ident">ctx</span>) } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">build_custom</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="op">-</span><span class="op">></span> <span class="ident">Panel</span> { <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">panel</span> <span class="op">=</span> <span class="ident">Panel</span> { <span class="ident">top_level</span>: <span class="self">self</span>.<span class="ident">top_level</span>, <span class="ident">horiz</span>: <span class="self">self</span>.<span class="ident">horiz</span>, <span class="ident">vert</span>: <span class="self">self</span>.<span class="ident">vert</span>, <span class="ident">dims</span>: <span class="self">self</span>.<span class="ident">dims</span>, <span class="ident">scrollable_x</span>: <span class="bool-val">false</span>, <span class="ident">scrollable_y</span>: <span class="bool-val">false</span>, <span class="ident">contents_dims</span>: <span class="ident">ScreenDims</span>::<span class="ident">new</span>(<span class="number">0.0</span>, <span class="number">0.0</span>), <span class="ident">container_dims</span>: <span class="ident">ScreenDims</span>::<span class="ident">new</span>(<span class="number">0.0</span>, <span class="number">0.0</span>), <span class="ident">clip_rect</span>: <span class="prelude-val">None</span>, <span class="ident">cached_flexbox</span>: <span class="prelude-val">None</span>, }; <span class="kw">match</span> <span class="ident">panel</span>.<span class="ident">dims</span> { <span class="ident">Dims</span>::<span class="ident">ExactPercent</span>(<span class="ident">w</span>, <span class="ident">h</span>) <span class="op">=</span><span class="op">></span> { <span class="comment">// Don't set size, because then scrolling breaks -- the actual size has to be based</span> <span class="comment">// on the contents.</span> <span class="ident">panel</span>.<span class="ident">top_level</span>.<span class="ident">layout</span>.<span class="ident">style</span>.<span class="ident">min_size</span> <span class="op">=</span> <span class="ident">Size</span> { <span class="ident">width</span>: <span class="ident">Dimension</span>::<span class="ident">Points</span>((<span class="ident">w</span> <span class="op">*</span> <span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">window_width</span>) <span class="kw">as</span> <span class="ident">f32</span>), <span class="ident">height</span>: <span class="ident">Dimension</span>::<span class="ident">Points</span>((<span class="ident">h</span> <span class="op">*</span> <span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">window_height</span>) <span class="kw">as</span> <span class="ident">f32</span>), }; } <span class="ident">Dims</span>::<span class="ident">ExactHeight</span>(<span class="ident">h</span>) <span class="op">=</span><span class="op">></span> { <span class="ident">panel</span>.<span class="ident">top_level</span>.<span class="ident">layout</span>.<span class="ident">style</span>.<span class="ident">min_size</span>.<span class="ident">height</span> <span class="op">=</span> <span class="ident">Dimension</span>::<span class="ident">Points</span>(<span class="ident">h</span> <span class="kw">as</span> <span class="ident">f32</span>); } <span class="ident">Dims</span>::<span class="ident">ExactSize</span>(<span class="ident">dims</span>) <span class="op">=</span><span class="op">></span> { <span class="ident">panel</span>.<span class="ident">top_level</span>.<span class="ident">layout</span>.<span class="ident">style</span>.<span class="ident">min_size</span> <span class="op">=</span> <span class="ident">dims</span>.<span class="ident">into</span>(); } <span class="ident">Dims</span>::<span class="ident">MaxPercent</span>(<span class="kw">_</span>, <span class="kw">_</span>) <span class="op">=</span><span class="op">></span> {} } <span class="comment">// There is a dependency cycle in our layout logic. As a consequence:</span> <span class="comment">// 1. we have to call `recompute_layout` twice here</span> <span class="comment">// 2. panels don't responsively change `contents_dims`</span> <span class="comment">//</span> <span class="comment">// - `panel.top_level.rect`, used here to set content_dims, is set by `recompute_layout`.</span> <span class="comment">// - the output of `recompute_layout` depends on `container_dims`</span> <span class="comment">// - `container_dims`, in the case of `MaxPercent`, depend on `content_dims`</span> <span class="comment">//</span> <span class="comment">// TODO: to support Panel's that can resize their `contents_dims`, we'll need to detangle</span> <span class="comment">// this dependency. This might entail decomposing the flexbox calculation to layout first</span> <span class="comment">// the inner content, and then potentially a second pass to layout any x/y scrollbars.</span> <span class="ident">panel</span>.<span class="ident">recompute_layout</span>(<span class="ident">ctx</span>, <span class="bool-val">false</span>); <span class="ident">panel</span>.<span class="ident">contents_dims</span> <span class="op">=</span> <span class="ident">ScreenDims</span>::<span class="ident">new</span>(<span class="ident">panel</span>.<span class="ident">top_level</span>.<span class="ident">rect</span>.<span class="ident">width</span>(), <span class="ident">panel</span>.<span class="ident">top_level</span>.<span class="ident">rect</span>.<span class="ident">height</span>()); <span class="ident">panel</span>.<span class="ident">update_container_dims_for_canvas_dims</span>(<span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">get_window_dims</span>()); <span class="ident">panel</span>.<span class="ident">recompute_layout</span>(<span class="ident">ctx</span>, <span class="bool-val">false</span>); <span class="comment">// Just trigger error if a button is double-defined</span> <span class="ident">panel</span>.<span class="ident">get_all_click_actions</span>(); <span class="comment">// Let all widgets initially respond to the mouse being somewhere</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="macro">assert_eq</span><span class="macro">!</span>(<span class="ident">panel</span>.<span class="ident">event</span>(<span class="ident">ctx</span>), <span class="ident">Outcome</span>::<span class="ident">Nothing</span>)); <span class="ident">panel</span> } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">aligned</span>(<span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">horiz</span>: <span class="ident">HorizontalAlignment</span>, <span class="ident">vert</span>: <span class="ident">VerticalAlignment</span>) <span class="op">-</span><span class="op">></span> <span class="ident">PanelBuilder</span> { <span class="self">self</span>.<span class="ident">horiz</span> <span class="op">=</span> <span class="ident">horiz</span>; <span class="self">self</span>.<span class="ident">vert</span> <span class="op">=</span> <span class="ident">vert</span>; <span class="self">self</span> } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">aligned_pair</span>(<span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">pair</span>: (<span class="ident">HorizontalAlignment</span>, <span class="ident">VerticalAlignment</span>)) <span class="op">-</span><span class="op">></span> <span class="ident">PanelBuilder</span> { <span class="self">self</span>.<span class="ident">horiz</span> <span class="op">=</span> <span class="ident">pair</span>.<span class="number">0</span>; <span class="self">self</span>.<span class="ident">vert</span> <span class="op">=</span> <span class="ident">pair</span>.<span class="number">1</span>; <span class="self">self</span> } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">max_size</span>(<span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">width</span>: <span class="ident">Percent</span>, <span class="ident">height</span>: <span class="ident">Percent</span>) <span class="op">-</span><span class="op">></span> <span class="ident">PanelBuilder</span> { <span class="kw">if</span> <span class="ident">width</span> <span class="op">=</span><span class="op">=</span> <span class="ident">Percent</span>::<span class="ident">int</span>(<span class="number">100</span>) <span class="op">&&</span> <span class="ident">height</span> <span class="op">=</span><span class="op">=</span> <span class="ident">Percent</span>::<span class="ident">int</span>(<span class="number">100</span>) { <span class="macro">panic</span><span class="macro">!</span>(<span class="string">"By default, Panels are capped at 100% of the screen. This is redundant."</span>); } <span class="self">self</span>.<span class="ident">dims</span> <span class="op">=</span> <span class="ident">Dims</span>::<span class="ident">MaxPercent</span>(<span class="ident">width</span>, <span class="ident">height</span>); <span class="self">self</span> } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">exact_size_percent</span>(<span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">pct_width</span>: <span class="ident">usize</span>, <span class="ident">pct_height</span>: <span class="ident">usize</span>) <span class="op">-</span><span class="op">></span> <span class="ident">PanelBuilder</span> { <span class="self">self</span>.<span class="ident">dims</span> <span class="op">=</span> <span class="ident">Dims</span>::<span class="ident">ExactPercent</span>((<span class="ident">pct_width</span> <span class="kw">as</span> <span class="ident">f64</span>) <span class="op">/</span> <span class="number">100.0</span>, (<span class="ident">pct_height</span> <span class="kw">as</span> <span class="ident">f64</span>) <span class="op">/</span> <span class="number">100.0</span>); <span class="self">self</span> } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">exact_height</span>(<span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">height</span>: <span class="ident">f64</span>) <span class="op">-</span><span class="op">></span> <span class="ident">PanelBuilder</span> { <span class="self">self</span>.<span class="ident">dims</span> <span class="op">=</span> <span class="ident">Dims</span>::<span class="ident">ExactHeight</span>(<span class="ident">height</span>); <span class="self">self</span> } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">exact_size</span>(<span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">size</span>: <span class="ident">ScreenDims</span>) <span class="op">-</span><span class="op">></span> <span class="ident">PanelBuilder</span> { <span class="self">self</span>.<span class="ident">dims</span> <span class="op">=</span> <span class="ident">Dims</span>::<span class="ident">ExactSize</span>(<span class="ident">size</span>); <span class="self">self</span> } } </pre></div> </section><section id="search" class="content hidden"></section><section class="footer"></section><div id="rustdoc-vars" data-root-path="../../../" data-current-crate="widgetry" data-search-js="../../../search-index.js"></div> <script src="../../../main.js"></script><script src="../../../source-script.js"></script><script src="../../../source-files.js"></script></body></html>