<!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/tabs.rs`."><meta name="keywords" content="rust, rustlang, rust-lang"><title>tabs.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="alternate icon" type="image/png" href="../../../favicon-16x16.png"><link rel="alternate icon" type="image/png" href="../../../favicon-32x32.png"><link rel="icon" type="image/svg+xml" href="../../../favicon.svg"><style type="text/css">#crate-search{background-image:url("../../../down-arrow.svg");}</style></head><body class="rustdoc source"><!--[if lte IE 11]><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" title="themes"><img width="18" height="18" alt="Pick another theme!" src="../../../brush.svg"></button><div id="theme-choices" role="menu"></div></div><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" id="help-button" title="help">?</button><a id="settings-menu" href="../../../settings.html" title="settings"><img width="18" height="18" alt="Change settings" src="../../../wheel.svg"></a></div></form></nav><section id="main" class="content"><div class="example-wrap"><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> </pre><pre class="rust"><code><span class="kw">use</span> <span class="ident"><span class="kw">crate</span>::widgets::DEFAULT_CORNER_RADIUS</span>; <span class="kw">use</span> <span class="kw">crate</span>::{<span class="ident">ButtonBuilder</span>, <span class="ident">EventCtx</span>, <span class="ident">Panel</span>, <span class="ident">Widget</span>}; <span class="kw">use</span> <span class="ident">geom::CornerRadii</span>; <span class="kw">struct</span> <span class="ident">Tab</span> { <span class="ident">tab_id</span>: <span class="ident">String</span>, <span class="ident">bar_item</span>: <span class="ident">ButtonBuilder</span><span class="op"><</span><span class="lifetime">'static</span>, <span class="lifetime">'static</span><span class="op">></span>, <span class="ident">content</span>: <span class="ident">Widget</span>, } <span class="kw">impl</span> <span class="ident">Tab</span> { <span class="kw">fn</span> <span class="ident">new</span>(<span class="ident">tab_id</span>: <span class="ident">String</span>, <span class="ident">bar_item</span>: <span class="ident">ButtonBuilder</span><span class="op"><</span><span class="lifetime">'static</span>, <span class="lifetime">'static</span><span class="op">></span>, <span class="ident">content</span>: <span class="ident">Widget</span>) -> <span class="self">Self</span> { <span class="self">Self</span> { <span class="ident">tab_id</span>, <span class="ident">bar_item</span>, <span class="ident">content</span>, } } <span class="kw">fn</span> <span class="ident">build_bar_item_widget</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&</span><span class="ident">EventCtx</span>, <span class="ident">active</span>: <span class="ident">bool</span>) -> <span class="ident">Widget</span> { <span class="self">self</span>.<span class="ident">bar_item</span> .<span class="ident">clone</span>() .<span class="ident">corner_rounding</span>(<span class="ident">CornerRadii</span> { <span class="ident">top_left</span>: <span class="ident">DEFAULT_CORNER_RADIUS</span>, <span class="ident">top_right</span>: <span class="ident">DEFAULT_CORNER_RADIUS</span>, <span class="ident">bottom_left</span>: <span class="number">0.0</span>, <span class="ident">bottom_right</span>: <span class="number">0.0</span>, }) .<span class="ident">disabled</span>(<span class="ident">active</span>) .<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="kw-2">&</span><span class="self">self</span>.<span class="ident">tab_id</span>) } } <span class="kw">pub</span> <span class="kw">struct</span> <span class="ident">TabController</span> { <span class="ident">id</span>: <span class="ident">String</span>, <span class="ident">tabs</span>: <span class="ident">Vec</span><span class="op"><</span><span class="ident">Tab</span><span class="op">></span>, <span class="ident">active_tab_idx</span>: <span class="ident">usize</span>, } <span class="kw">impl</span> <span class="ident">TabController</span> { <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">new</span>(<span class="ident">id</span>: <span class="kw">impl</span> <span class="ident">Into</span><span class="op"><</span><span class="ident">String</span><span class="op">></span>) -> <span class="self">Self</span> { <span class="self">Self</span> { <span class="ident">id</span>: <span class="ident">id</span>.<span class="ident">into</span>(), <span class="ident">tabs</span>: <span class="macro">vec!</span>[], <span class="ident">active_tab_idx</span>: <span class="number">0</span>, } } <span class="doccomment">/// Add a new tab.</span> <span class="doccomment">///</span> <span class="doccomment">/// `bar_item`: The button shown in the tab bar</span> <span class="doccomment">/// `content`: The content shown when this tab's `bar_item` is clicked</span> <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">push_tab</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">bar_item</span>: <span class="ident">ButtonBuilder</span><span class="op"><</span><span class="lifetime">'static</span>, <span class="lifetime">'static</span><span class="op">></span>, <span class="ident">content</span>: <span class="ident">Widget</span>) { <span class="kw">let</span> <span class="ident">tab_id</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">tab_id</span>(<span class="self">self</span>.<span class="ident">tabs</span>.<span class="ident">len</span>() <span class="op">+</span> <span class="number">1</span>); <span class="kw">let</span> <span class="ident">tab</span> <span class="op">=</span> <span class="ident">Tab::new</span>(<span class="ident">tab_id</span>, <span class="ident">bar_item</span>, <span class="ident">content</span>); <span class="self">self</span>.<span class="ident">tabs</span>.<span class="ident">push</span>(<span class="ident">tab</span>); } <span class="doccomment">/// A widget containing the tab bar and a content pane with the currently active tab.</span> <span class="comment">// TODO: Clarify that this can only be called once - maybe `TabBuilder.into_tab_controller()`</span> <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">build_widget</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">Widget</span> { <span class="ident">Widget::custom_col</span>(<span class="macro">vec!</span>[ <span class="self">self</span>.<span class="ident">build_bar_items</span>(<span class="ident">ctx</span>), <span class="self">self</span>.<span class="ident">pop_active_content</span>() .<span class="ident">container</span>() .<span class="ident">tab_body</span>(<span class="ident">ctx</span>) .<span class="ident">named</span>(<span class="self">self</span>.<span class="ident">active_content_id</span>()), ]) } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">handle_action</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">action</span>: <span class="kw-2">&</span><span class="ident">str</span>, <span class="ident">panel</span>: <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">Panel</span>) -> <span class="ident">bool</span> { <span class="kw">if</span> <span class="op">!</span><span class="ident">action</span>.<span class="ident">starts_with</span>(<span class="kw-2">&</span><span class="self">self</span>.<span class="ident">id</span>) { <span class="kw">return</span> <span class="bool-val">false</span>; } <span class="kw">let</span> <span class="ident">tab_idx</span> <span class="op">=</span> <span class="self">self</span> .<span class="ident">tabs</span> .<span class="ident">iter</span>() .<span class="ident">enumerate</span>() .<span class="ident">find</span>(<span class="op">|</span>(<span class="ident">_idx</span>, <span class="ident">tab</span>)<span class="op">|</span> <span class="ident">tab</span>.<span class="ident">tab_id</span> <span class="op">==</span> <span class="ident">action</span>) .<span class="ident">unwrap_or_else</span>(<span class="op">|</span><span class="op">|</span> <span class="macro">panic!</span>(<span class="string">"invalid tab id: {}"</span>, <span class="ident">action</span>)) .<span class="number">0</span>; <span class="self">self</span>.<span class="ident">activate_tab</span>(<span class="ident">ctx</span>, <span class="ident">tab_idx</span>, <span class="ident">panel</span>); <span class="bool-val">true</span> } <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">active_tab_idx</span>(<span class="kw-2">&</span><span class="self">self</span>) -> <span class="ident">usize</span> { <span class="self">self</span>.<span class="ident">active_tab_idx</span> } <span class="kw">fn</span> <span class="ident">active_content_id</span>(<span class="kw-2">&</span><span class="self">self</span>) -> <span class="ident">String</span> { <span class="macro">format!</span>(<span class="string">"{}_active_content"</span>, <span class="self">self</span>.<span class="ident">id</span>) } <span class="kw">fn</span> <span class="ident">bar_items_id</span>(<span class="kw-2">&</span><span class="self">self</span>) -> <span class="ident">String</span> { <span class="macro">format!</span>(<span class="string">"{}_bar_items"</span>, <span class="self">self</span>.<span class="ident">id</span>) } <span class="kw">fn</span> <span class="ident">tab_id</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">tab_index</span>: <span class="ident">usize</span>) -> <span class="ident">String</span> { <span class="macro">format!</span>(<span class="string">"{}_tab_{}"</span>, <span class="self">self</span>.<span class="ident">id</span>, <span class="ident">tab_index</span>) } <span class="kw">fn</span> <span class="ident">pop_active_content</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>) -> <span class="ident">Widget</span> { <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">tmp</span> <span class="op">=</span> <span class="ident">Widget::nothing</span>(); <span class="macro">assert!</span>( <span class="self">self</span>.<span class="ident">tabs</span>.<span class="ident">get</span>(<span class="self">self</span>.<span class="ident">active_tab_idx</span>).<span class="ident">is_some</span>(), <span class="string">"must add at least one tab before rendering"</span> ); <span class="ident">std::mem::swap</span>(<span class="kw-2">&</span><span class="kw-2">mut</span> <span class="self">self</span>.<span class="ident">tabs</span>[<span class="self">self</span>.<span class="ident">active_tab_idx</span>].<span class="ident">content</span>, <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">tmp</span>); <span class="ident">tmp</span> } <span class="kw">fn</span> <span class="ident">build_bar_items</span>(<span class="kw-2">&</span><span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&</span><span class="ident">EventCtx</span>) -> <span class="ident">Widget</span> { <span class="kw">let</span> <span class="ident">bar_items</span> <span class="op">=</span> <span class="self">self</span> .<span class="ident">tabs</span> .<span class="ident">iter</span>() .<span class="ident">enumerate</span>() .<span class="ident">map</span>(<span class="op">|</span>(<span class="ident">idx</span>, <span class="ident">tab</span>)<span class="op">|</span> <span class="ident">tab</span>.<span class="ident">build_bar_item_widget</span>(<span class="ident">ctx</span>, <span class="ident">idx</span> <span class="op">==</span> <span class="self">self</span>.<span class="ident">active_tab_idx</span>)) .<span class="ident">collect</span>(); <span class="ident">Widget::row</span>(<span class="ident">bar_items</span>) .<span class="ident">container</span>() .<span class="ident">named</span>(<span class="self">self</span>.<span class="ident">bar_items_id</span>()) } <span class="kw">fn</span> <span class="ident">activate_tab</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">tab_idx</span>: <span class="ident">usize</span>, <span class="ident">panel</span>: <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">Panel</span>) { <span class="kw">let</span> <span class="ident">old_idx</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">active_tab_idx</span>; <span class="self">self</span>.<span class="ident">active_tab_idx</span> <span class="op">=</span> <span class="ident">tab_idx</span>; <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">bar_items</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">build_bar_items</span>(<span class="ident">ctx</span>); <span class="ident">panel</span>.<span class="ident">swap_inner_content</span>(<span class="ident">ctx</span>, <span class="kw-2">&</span><span class="self">self</span>.<span class="ident">bar_items_id</span>(), <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">bar_items</span>); <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">content</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">pop_active_content</span>(); <span class="ident">panel</span>.<span class="ident">swap_inner_content</span>(<span class="ident">ctx</span>, <span class="kw-2">&</span><span class="self">self</span>.<span class="ident">active_content_id</span>(), <span class="kw-2">&</span><span class="kw-2">mut</span> <span class="ident">content</span>); <span class="self">self</span>.<span class="ident">tabs</span>[<span class="ident">old_idx</span>].<span class="ident">content</span> <span class="op">=</span> <span class="ident">content</span>; } } </code></pre></div> </section><section id="search" class="content hidden"></section><div id="rustdoc-vars" data-root-path="../../../" data-current-crate="widgetry" data-search-index-js="../../../search-index.js" data-search-js="../../../search.js"></div> <script src="../../../main.js"></script><script src="../../../source-script.js"></script><script src="../../../source-files.js"></script> </body></html>