zhangyiss/FTXUI
1
0
Fork 0
mirror of https://github.com/ArthurSonzogni/FTXUI.git synced 2025-12-16 01:48:56 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
Files
02764cd443be15005858fb10df020f4f1f770d66
FTXUI/zh-CH/component__options_8cpp_source.html
ArthurSonzogni 02764cd443 deploy: 9f4b2bcf96
2025-12-13 19:38:34 +00:00

759 lines
103 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!-- HTML header for doxygen 1.9.8-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=11"/>
<meta name="generator" content="Doxygen 1.12.0"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>FTXUI: component_options.cpp 源文件</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="dynsections.js"></script>
<script type="text/javascript" src="doxygen-awesome-fragment-copy-button.js"></script>
<script type="text/javascript" src="doxygen-awesome-paragraph-link.js"></script>
<script type="text/javascript" src="doxygen-awesome-interactive-toc.js"></script>
<script type="text/javascript" src="doxygen-awesome-tabs.js"></script>
<script type="module">
DoxygenAwesomeFragmentCopyButton.init()
DoxygenAwesomeParagraphLink.init()
DoxygenAwesomeInteractiveToc.init()
DoxygenAwesomeTabs.init()
await new Promise(r => window.addEventListener('DOMContentLoaded', r));
// Remove title when a img[alt='title-img'] is present.
// Find an image with the alt "img-title".
const img = document.querySelector("img[alt='title-img']");
const header = document.querySelector(".headertitle");
if (img && header) {
// Hide the header title progressively.
header.style.display = "none";
// Show progressively the image.
img.style.maxHeight = "40vh";
img.style.maxWidth = "100%";
img.style.objectFit = "contain";
}
// In the "examples.html" page. Turn every link with text
// "examples/<...>
//
// Add a "demo" link toward.
// https://arthursonzogni.github.io/FTXUI/examples/?file=<...>
const examples = document.querySelectorAll("a")
examples.forEach((example) => {
if (!example.textContent.startsWith("examples/")) {
return;
}
// Remove the ".cpp" extension from the example name.
const exampleName = example.textContent.replace("examples/", "").replace(".cpp", "");
const a = document.createElement("a");
a.textContent = "[demo]";
a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + exampleName;
a.style.marginRight= "1em";
a.style.fontWeight = "bold";
example.parentElement.insertBefore(a, example)
});
// If the current URL ends with -example.html, we can add a link to the demo
// as well using the div.title textContent.
const url = new URL(window.location.href);
if (url.pathname.endsWith("-example.html")) {
// Get the title text.
const title = document.querySelector("div.title").textContent;
const example = title.replace("examples/", "").replace(".cpp", "");
// Create a link to the demo.
const a = document.createElement("a");
a.textContent = "[demo]";
a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + example;
a.style.marginLeft = "1em";
a.style.fontWeight = "bold";
a.style.display = "inline-block";
// Insert the link after the title.
const titleDiv = document.querySelector("div.title");
if (titleDiv) {
titleDiv.insertBefore(a, titleDiv.nextSibling);
}
}
</script>
<script type="module">
// Click on the navtree, except for the main page where this is already done
// automatically.
let delay = 0;
while(true) {
const navtree = document.querySelector("div.item.selected");
if (!navtree) {
delay *= 2;
delay += 1;
await new Promise(resolve => setTimeout(resolve, delay));
continue;
}
// Include only selected navtree items.
console.log("navtree.textContent", navtree.textContent);
if (!navtree.textContent.includes("Getting Started") &&
!navtree.textContent.includes("Installation") &&
!navtree.textContent.includes("ftxui / screen") &&
!navtree.textContent.includes("ftxui / dom") &&
!navtree.textContent.includes("ftxui / component") &&
!navtree.textContent.includes("Reference")) {
break;
}
// Find the first link inside the navtree.
const link = navtree.querySelector("a");
if (link) {
// Simulate a click on the link.
link.click();
break;
}
}
</script>
<link href="navtree.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="navtreedata.js"></script>
<script type="text/javascript" src="navtree.js"></script>
<script type="text/javascript" src="resize.js"></script>
<script type="text/javascript" src="cookie.js"></script>
<link href="search/search.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="search/searchdata.js"></script>
<script type="text/javascript" src="search/search.js"></script>
<link href="doxygen.css" rel="stylesheet" type="text/css" />
<link href="doxygen-awesome.css" rel="stylesheet" type="text/css"/>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr id="projectrow">
<td id="projectalign">
<div id="projectname">FTXUI<span id="projectnumber">&#160;6.1.9</span>
</div>
<div id="projectbrief">C++ functional terminal UI.</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- end header part -->
<!-- 制作者 Doxygen 1.12.0 -->
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
var searchBox = new SearchBox("searchBox", "search/",'.html');
/* @license-end */
</script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function() { codefold.init(0); });
/* @license-end */
</script>
<script type="text/javascript" src="menudata.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function() {
initMenu('',true,false,'search.php','搜索',true);
$(function() { init_search(); });
});
/* @license-end */
</script>
<div id="main-nav"></div>
</div><!-- top -->
<div id="side-nav" class="ui-resizable side-nav-resizable">
<div id="nav-tree">
<div id="nav-tree-contents">
<div id="nav-sync" class="sync"></div>
</div>
</div>
<div id="splitbar" style="-moz-user-select:none;"
class="ui-resizable-handle">
</div>
</div>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function(){initNavTree('component__options_8cpp_source.html',''); initResizable(true); });
/* @license-end */
</script>
<div id="doc-content">
<!-- window showing the filter options -->
<div id="MSearchSelectWindow"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
onkeydown="return searchBox.OnSearchSelectKey(event)">
</div>
<!-- iframe showing the search results (closed by default) -->
<div id="MSearchResultsWindow">
<div id="MSearchResults">
<div class="SRPage">
<div id="SRIndex">
<div id="SRResults"></div>
<div class="SRStatus" id="Loading">载入中...</div>
<div class="SRStatus" id="Searching">搜索中...</div>
<div class="SRStatus" id="NoMatches">未找到</div>
</div>
</div>
</div>
</div>
<div class="header">
<div class="headertitle"><div class="title">component_options.cpp</div></div>
</div><!--header-->
<div class="contents">
<a href="component__options_8cpp.html">浏览该文件的文档.</a><div class="fragment"><div class="line"><a id="l00001" name="l00001"></a><span class="lineno"> 1</span><span class="comment">// Copyright 2022 Arthur Sonzogni. All rights reserved.</span></div>
<div class="line"><a id="l00002" name="l00002"></a><span class="lineno"> 2</span><span class="comment">// 本源代码受MIT许可证的约束，该许可证可在LICENSE文件中找到。</span></div>
<div class="line"><a id="l00003" name="l00003"></a><span class="lineno"> 3</span><span class="preprocessor">#include &quot;<a class="code" href="component__options_8hpp.html">ftxui/component/component_options.hpp</a>&quot;</span></div>
<div class="line"><a id="l00004" name="l00004"></a><span class="lineno"> 4</span> </div>
<div class="line"><a id="l00005" name="l00005"></a><span class="lineno"> 5</span><span class="preprocessor">#include &lt;<a class="code" href="color_8hpp.html">ftxui/screen/color.hpp</a>&gt;</span> <span class="comment">// for Color, Color::White, Color::Black, Color::GrayDark, Color::Blue, Color::GrayLight, Color::Red</span></div>
<div class="line"><a id="l00006" name="l00006"></a><span class="lineno"> 6</span><span class="preprocessor">#include &lt;memory&gt;</span> <span class="comment">// for shared_ptr</span></div>
<div class="line"><a id="l00007" name="l00007"></a><span class="lineno"> 7</span><span class="preprocessor">#include &lt;utility&gt;</span> <span class="comment">// for move</span></div>
<div class="line"><a id="l00008" name="l00008"></a><span class="lineno"> 8</span><span class="preprocessor">#include &quot;<a class="code" href="animation_8hpp.html">ftxui/component/animation.hpp</a>&quot;</span> <span class="comment">// for Function, Duration</span></div>
<div class="line"><a id="l00009" name="l00009"></a><span class="lineno"> 9</span><span class="preprocessor">#include &quot;<a class="code" href="direction_8hpp.html">ftxui/dom/direction.hpp</a>&quot;</span></div>
<div class="line"><a id="l00010" name="l00010"></a><span class="lineno"> 10</span><span class="preprocessor">#include &quot;<a class="code" href="elements_8hpp.html">ftxui/dom/elements.hpp</a>&quot;</span> <span class="comment">// for operator|=, Element, text, bgcolor, inverted, bold, dim, operator|, color, borderEmpty, hbox, automerge, border, borderLight</span></div>
<div class="line"><a id="l00011" name="l00011"></a><span class="lineno"> 11</span> </div>
<div class="line"><a id="l00012" name="l00012"></a><span class="lineno"> 12</span><span class="keyword">namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a> {</div>
<div class="line"><a id="l00013" name="l00013"></a><span class="lineno"> 13</span><span class="comment"></span> </div>
<div class="line"><a id="l00014" name="l00014"></a><span class="lineno"> 14</span><span class="comment">/// @brief 一个可动画的颜色选项。</span></div>
<div class="line"><a id="l00015" name="l00015"></a><span class="lineno"> 15</span><span class="comment">/// @params _inactive 当组件不活动时的颜色。</span></div>
<div class="line"><a id="l00016" name="l00016"></a><span class="lineno"> 16</span><span class="comment">/// @params _active 当组件活动时的颜色。</span></div>
<div class="line"><a id="l00017" name="l00017"></a><span class="lineno"> 17</span><span class="comment">/// @params _duration 动画的持续时间。</span></div>
<div class="line"><a id="l00018" name="l00018"></a><span class="lineno"> 18</span><span class="comment">/// @params _function 动画的缓动函数。</span></div>
<div class="foldopen" id="foldopen00019" data-start="{" data-end="}">
<div class="line"><a id="l00019" name="l00019"></a><span class="lineno"><a class="line" href="group__component.html#ad186d5a36e45174bbc7c50df85c2e91e"> 19</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#ad186d5a36e45174bbc7c50df85c2e91e">AnimatedColorOption::Set</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Color">Color</a> _inactive,</div>
<div class="line"><a id="l00020" name="l00020"></a><span class="lineno"> 20</span> <a class="code hl_class" href="group__screen.html#classftxui_1_1Color">Color</a> _active,</div>
<div class="line"><a id="l00021" name="l00021"></a><span class="lineno"> 21</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">animation::Duration</a> _duration,</div>
<div class="line"><a id="l00022" name="l00022"></a><span class="lineno"> 22</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a">animation::easing::Function</a> _function) {</div>
<div class="line"><a id="l00023" name="l00023"></a><span class="lineno"> 23</span> <a class="code hl_variable" href="group__component.html#a8740ba80e30dd75e71d09fa1dcf04f3d">enabled</a> = <span class="keyword">true</span>;</div>
<div class="line"><a id="l00024" name="l00024"></a><span class="lineno"> 24</span> <a class="code hl_variable" href="group__component.html#a898e4eb6c2a93ea3b71fc373f39854eb">inactive</a> = _inactive;</div>
<div class="line"><a id="l00025" name="l00025"></a><span class="lineno"> 25</span> <a class="code hl_variable" href="group__component.html#a5c04e41d802330270ae14a9861c1e2df">active</a> = _active;</div>
<div class="line"><a id="l00026" name="l00026"></a><span class="lineno"> 26</span> <a class="code hl_variable" href="group__component.html#a7449575119a6168a323351fb04a7eb64">duration</a> = _duration;</div>
<div class="line"><a id="l00027" name="l00027"></a><span class="lineno"> 27</span> <a class="code hl_variable" href="group__component.html#a23a21de13ab9c6644225966245df3fe3">function</a> = std::move(_function);</div>
<div class="line"><a id="l00028" name="l00028"></a><span class="lineno"> 28</span>}</div>
</div>
<div class="line"><a id="l00029" name="l00029"></a><span class="lineno"> 29</span><span class="comment"></span> </div>
<div class="line"><a id="l00030" name="l00030"></a><span class="lineno"> 30</span><span class="comment">/// @brief 设置下划线应如何动画。</span></div>
<div class="line"><a id="l00031" name="l00031"></a><span class="lineno"> 31</span><span class="comment">/// @param d 动画的持续时间。</span></div>
<div class="line"><a id="l00032" name="l00032"></a><span class="lineno"> 32</span><span class="comment">/// @param f 动画的缓动函数。</span></div>
<div class="foldopen" id="foldopen00033" data-start="{" data-end="}">
<div class="line"><a id="l00033" name="l00033"></a><span class="lineno"><a class="line" href="group__component.html#a754d89398aac6051ced26fd452c62589"> 33</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#a754d89398aac6051ced26fd452c62589">UnderlineOption::SetAnimation</a>(<a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">animation::Duration</a> d,</div>
<div class="line"><a id="l00034" name="l00034"></a><span class="lineno"> 34</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a">animation::easing::Function</a> f) {</div>
<div class="line"><a id="l00035" name="l00035"></a><span class="lineno"> 35</span> <a class="code hl_function" href="group__component.html#a798360474be7511364b8171f0c62f6d5">SetAnimationDuration</a>(d);</div>
<div class="line"><a id="l00036" name="l00036"></a><span class="lineno"> 36</span> <a class="code hl_function" href="group__component.html#a34e6222dbf10e899074054160870816c">SetAnimationFunction</a>(std::move(f));</div>
<div class="line"><a id="l00037" name="l00037"></a><span class="lineno"> 37</span>}</div>
</div>
<div class="line"><a id="l00038" name="l00038"></a><span class="lineno"> 38</span><span class="comment"></span> </div>
<div class="line"><a id="l00039" name="l00039"></a><span class="lineno"> 39</span><span class="comment">/// @brief 设置下划线应如何动画。</span></div>
<div class="line"><a id="l00040" name="l00040"></a><span class="lineno"> 40</span><span class="comment">/// @param d 动画的持续时间。</span></div>
<div class="foldopen" id="foldopen00041" data-start="{" data-end="}">
<div class="line"><a id="l00041" name="l00041"></a><span class="lineno"><a class="line" href="group__component.html#a798360474be7511364b8171f0c62f6d5"> 41</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#a798360474be7511364b8171f0c62f6d5">UnderlineOption::SetAnimationDuration</a>(<a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">animation::Duration</a> d) {</div>
<div class="line"><a id="l00042" name="l00042"></a><span class="lineno"> 42</span> <a class="code hl_variable" href="group__component.html#a6112ea2b5db5a4c50fe7d5ae70dfd016">leader_duration</a> = d;</div>
<div class="line"><a id="l00043" name="l00043"></a><span class="lineno"> 43</span> <a class="code hl_variable" href="group__component.html#a13a6488c25b667256590c85aacb1f518">follower_duration</a> = d;</div>
<div class="line"><a id="l00044" name="l00044"></a><span class="lineno"> 44</span>}</div>
</div>
<div class="line"><a id="l00045" name="l00045"></a><span class="lineno"> 45</span><span class="comment"></span> </div>
<div class="line"><a id="l00046" name="l00046"></a><span class="lineno"> 46</span><span class="comment">/// @brief 设置下划线应如何动画。</span></div>
<div class="line"><a id="l00047" name="l00047"></a><span class="lineno"> 47</span><span class="comment">/// @param f 动画的缓动函数。</span></div>
<div class="foldopen" id="foldopen00048" data-start="{" data-end="}">
<div class="line"><a id="l00048" name="l00048"></a><span class="lineno"><a class="line" href="group__component.html#a34e6222dbf10e899074054160870816c"> 48</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#a34e6222dbf10e899074054160870816c">UnderlineOption::SetAnimationFunction</a>(<a class="code hl_typedef" href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a">animation::easing::Function</a> f) {</div>
<div class="line"><a id="l00049" name="l00049"></a><span class="lineno"> 49</span> <a class="code hl_variable" href="group__component.html#a1886d86b757123859c89f3336631b1f8">leader_function</a> = f;</div>
<div class="line"><a id="l00050" name="l00050"></a><span class="lineno"> 50</span> <a class="code hl_variable" href="group__component.html#a7dca406bc24422caeb8f39705334dbd1">follower_function</a> = std::move(f);</div>
<div class="line"><a id="l00051" name="l00051"></a><span class="lineno"> 51</span>}</div>
</div>
<div class="line"><a id="l00052" name="l00052"></a><span class="lineno"> 52</span><span class="comment"></span> </div>
<div class="line"><a id="l00053" name="l00053"></a><span class="lineno"> 53</span><span class="comment">/// @brief 设置下划线应如何动画。</span></div>
<div class="line"><a id="l00054" name="l00054"></a><span class="lineno"> 54</span><span class="comment">/// 这对于解除leader和follower的动画同步非常有用。</span></div>
<div class="line"><a id="l00055" name="l00055"></a><span class="lineno"> 55</span><span class="comment">/// @param f_leader leader的动画持续时间。</span></div>
<div class="line"><a id="l00056" name="l00056"></a><span class="lineno"> 56</span><span class="comment">/// @param f_follower follower的动画持续时间。</span></div>
<div class="foldopen" id="foldopen00057" data-start="{" data-end="}">
<div class="line"><a id="l00057" name="l00057"></a><span class="lineno"><a class="line" href="group__component.html#a7d978b34c37e9d08c57a22477016204c"> 57</a></span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#a34e6222dbf10e899074054160870816c">UnderlineOption::SetAnimationFunction</a>(</div>
<div class="line"><a id="l00058" name="l00058"></a><span class="lineno"> 58</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a">animation::easing::Function</a> f_leader,</div>
<div class="line"><a id="l00059" name="l00059"></a><span class="lineno"> 59</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a">animation::easing::Function</a> f_follower) {</div>
<div class="line"><a id="l00060" name="l00060"></a><span class="lineno"> 60</span> <a class="code hl_variable" href="group__component.html#a1886d86b757123859c89f3336631b1f8">leader_function</a> = std::move(f_leader);</div>
<div class="line"><a id="l00061" name="l00061"></a><span class="lineno"> 61</span> <a class="code hl_variable" href="group__component.html#a7dca406bc24422caeb8f39705334dbd1">follower_function</a> = std::move(f_follower);</div>
<div class="line"><a id="l00062" name="l00062"></a><span class="lineno"> 62</span>}</div>
</div>
<div class="line"><a id="l00063" name="l00063"></a><span class="lineno"> 63</span><span class="comment"></span> </div>
<div class="line"><a id="l00064" name="l00064"></a><span class="lineno"> 64</span><span class="comment">/// @brief 水平菜单的标准选项。</span></div>
<div class="line"><a id="l00065" name="l00065"></a><span class="lineno"> 65</span><span class="comment">/// 这对于实现选项卡栏非常有用。</span></div>
<div class="line"><a id="l00066" name="l00066"></a><span class="lineno"> 66</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00067" data-start="{" data-end="}">
<div class="line"><a id="l00067" name="l00067"></a><span class="lineno"><a class="line" href="group__component.html#a5ee36f528383cc1db765fa2140797837"> 67</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1MenuOption">MenuOption</a> <a class="code hl_function" href="group__component.html#a5ee36f528383cc1db765fa2140797837">MenuOption::Horizontal</a>() {</div>
<div class="line"><a id="l00068" name="l00068"></a><span class="lineno"> 68</span> <a class="code hl_struct" href="group__component.html#structftxui_1_1MenuOption">MenuOption</a> option;</div>
<div class="line"><a id="l00069" name="l00069"></a><span class="lineno"> 69</span> option.<a class="code hl_variable" href="group__component.html#a53421c695d00016ab925777d423b4eb6">direction</a> = <a class="code hl_enumvalue" href="group__dom.html#gga224b9163917ac32fc95a60d8c1eec3aaa92b09c7c48c520c3c55e497875da437c">Direction::Right</a>;</div>
<div class="line"><a id="l00070" name="l00070"></a><span class="lineno"> 70</span> option.<a class="code hl_variable" href="group__component.html#a2076e7253c5acce2321c067e9b7a1823">entries_option</a>.<a class="code hl_variable" href="group__component.html#a5641c45021a8cc20bdd21498563825a0">transform</a> = [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>&amp; state) {</div>
<div class="line"><a id="l00071" name="l00071"></a><span class="lineno"> 71</span> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> e = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(state.label);</div>
<div class="line"><a id="l00072" name="l00072"></a><span class="lineno"> 72</span> <span class="keywordflow">if</span> (state.focused) {</div>
<div class="line"><a id="l00073" name="l00073"></a><span class="lineno"> 73</span> e |= <a class="code hl_function" href="group__dom.html#ga672456b8f2091b615a30ff755418b37b">inverted</a>;</div>
<div class="line"><a id="l00074" name="l00074"></a><span class="lineno"> 74</span> }</div>
<div class="line"><a id="l00075" name="l00075"></a><span class="lineno"> 75</span> <span class="keywordflow">if</span> (state.active) {</div>
<div class="line"><a id="l00076" name="l00076"></a><span class="lineno"> 76</span> e |= <a class="code hl_function" href="group__dom.html#ga353c769068e25303eb41fa2da565c604">bold</a>;</div>
<div class="line"><a id="l00077" name="l00077"></a><span class="lineno"> 77</span> }</div>
<div class="line"><a id="l00078" name="l00078"></a><span class="lineno"> 78</span> <span class="keywordflow">if</span> (!state.focused &amp;&amp; !state.active) {</div>
<div class="line"><a id="l00079" name="l00079"></a><span class="lineno"> 79</span> e |= <a class="code hl_function" href="group__dom.html#gac6a3b77604739516e809369810896646">dim</a>;</div>
<div class="line"><a id="l00080" name="l00080"></a><span class="lineno"> 80</span> }</div>
<div class="line"><a id="l00081" name="l00081"></a><span class="lineno"> 81</span> <span class="keywordflow">return</span> e;</div>
<div class="line"><a id="l00082" name="l00082"></a><span class="lineno"> 82</span> };</div>
<div class="line"><a id="l00083" name="l00083"></a><span class="lineno"> 83</span> option.<a class="code hl_variable" href="group__component.html#a9504d8d3bfa1daaab000e5455536b20d">elements_infix</a> = [] { <span class="keywordflow">return</span> <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot; &quot;</span>); };</div>
<div class="line"><a id="l00084" name="l00084"></a><span class="lineno"> 84</span> </div>
<div class="line"><a id="l00085" name="l00085"></a><span class="lineno"> 85</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00086" name="l00086"></a><span class="lineno"> 86</span>}</div>
</div>
<div class="line"><a id="l00087" name="l00087"></a><span class="lineno"> 87</span><span class="comment"></span> </div>
<div class="line"><a id="l00088" name="l00088"></a><span class="lineno"> 88</span><span class="comment">/// @brief 动画水平菜单的标准选项。</span></div>
<div class="line"><a id="l00089" name="l00089"></a><span class="lineno"> 89</span><span class="comment">/// 这对于实现选项卡栏非常有用。</span></div>
<div class="line"><a id="l00090" name="l00090"></a><span class="lineno"> 90</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00091" data-start="{" data-end="}">
<div class="line"><a id="l00091" name="l00091"></a><span class="lineno"><a class="line" href="group__component.html#aedc93fba91339d9713812821cb140c50"> 91</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1MenuOption">MenuOption</a> <a class="code hl_function" href="group__component.html#aedc93fba91339d9713812821cb140c50">MenuOption::HorizontalAnimated</a>() {</div>
<div class="line"><a id="l00092" name="l00092"></a><span class="lineno"> 92</span> <span class="keyword">auto</span> option = <a class="code hl_function" href="group__component.html#a5ee36f528383cc1db765fa2140797837">Horizontal</a>();</div>
<div class="line"><a id="l00093" name="l00093"></a><span class="lineno"> 93</span> option.underline.enabled = <span class="keyword">true</span>;</div>
<div class="line"><a id="l00094" name="l00094"></a><span class="lineno"> 94</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00095" name="l00095"></a><span class="lineno"> 95</span>}</div>
</div>
<div class="line"><a id="l00096" name="l00096"></a><span class="lineno"> 96</span><span class="comment"></span> </div>
<div class="line"><a id="l00097" name="l00097"></a><span class="lineno"> 97</span><span class="comment">/// @brief 垂直菜单的标准选项。</span></div>
<div class="line"><a id="l00098" name="l00098"></a><span class="lineno"> 98</span><span class="comment">/// 这对于实现可选择项目列表非常有用。</span></div>
<div class="line"><a id="l00099" name="l00099"></a><span class="lineno"> 99</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00100" data-start="{" data-end="}">
<div class="line"><a id="l00100" name="l00100"></a><span class="lineno"><a class="line" href="group__component.html#a617c59fdb94db99100d0e7a569c31d75"> 100</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1MenuOption">MenuOption</a> <a class="code hl_function" href="group__component.html#a617c59fdb94db99100d0e7a569c31d75">MenuOption::Vertical</a>() {</div>
<div class="line"><a id="l00101" name="l00101"></a><span class="lineno"> 101</span> <a class="code hl_struct" href="group__component.html#structftxui_1_1MenuOption">MenuOption</a> option;</div>
<div class="line"><a id="l00102" name="l00102"></a><span class="lineno"> 102</span> option.<a class="code hl_variable" href="group__component.html#a2076e7253c5acce2321c067e9b7a1823">entries_option</a>.<a class="code hl_variable" href="group__component.html#a5641c45021a8cc20bdd21498563825a0">transform</a> = [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>&amp; state) {</div>
<div class="line"><a id="l00103" name="l00103"></a><span class="lineno"> 103</span> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> e = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>((state.active ? <span class="stringliteral">&quot;&gt; &quot;</span> : <span class="stringliteral">&quot; &quot;</span>) + state.label); <span class="comment">// NOLINT</span></div>
<div class="line"><a id="l00104" name="l00104"></a><span class="lineno"> 104</span> <span class="keywordflow">if</span> (state.focused) {</div>
<div class="line"><a id="l00105" name="l00105"></a><span class="lineno"> 105</span> e |= <a class="code hl_function" href="group__dom.html#ga672456b8f2091b615a30ff755418b37b">inverted</a>;</div>
<div class="line"><a id="l00106" name="l00106"></a><span class="lineno"> 106</span> }</div>
<div class="line"><a id="l00107" name="l00107"></a><span class="lineno"> 107</span> <span class="keywordflow">if</span> (state.active) {</div>
<div class="line"><a id="l00108" name="l00108"></a><span class="lineno"> 108</span> e |= <a class="code hl_function" href="group__dom.html#ga353c769068e25303eb41fa2da565c604">bold</a>;</div>
<div class="line"><a id="l00109" name="l00109"></a><span class="lineno"> 109</span> }</div>
<div class="line"><a id="l00110" name="l00110"></a><span class="lineno"> 110</span> <span class="keywordflow">if</span> (!state.focused &amp;&amp; !state.active) {</div>
<div class="line"><a id="l00111" name="l00111"></a><span class="lineno"> 111</span> e |= <a class="code hl_function" href="group__dom.html#gac6a3b77604739516e809369810896646">dim</a>;</div>
<div class="line"><a id="l00112" name="l00112"></a><span class="lineno"> 112</span> }</div>
<div class="line"><a id="l00113" name="l00113"></a><span class="lineno"> 113</span> <span class="keywordflow">return</span> e;</div>
<div class="line"><a id="l00114" name="l00114"></a><span class="lineno"> 114</span> };</div>
<div class="line"><a id="l00115" name="l00115"></a><span class="lineno"> 115</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00116" name="l00116"></a><span class="lineno"> 116</span>}</div>
</div>
<div class="line"><a id="l00117" name="l00117"></a><span class="lineno"> 117</span><span class="comment"></span> </div>
<div class="line"><a id="l00118" name="l00118"></a><span class="lineno"> 118</span><span class="comment">/// @brief 动画垂直菜单的标准选项。</span></div>
<div class="line"><a id="l00119" name="l00119"></a><span class="lineno"> 119</span><span class="comment">/// 这对于实现可选择项目列表非常有用。</span></div>
<div class="line"><a id="l00120" name="l00120"></a><span class="lineno"> 120</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00121" data-start="{" data-end="}">
<div class="line"><a id="l00121" name="l00121"></a><span class="lineno"><a class="line" href="group__component.html#a6079a7637256d70b30aacb92d2034205"> 121</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1MenuOption">MenuOption</a> <a class="code hl_function" href="group__component.html#a6079a7637256d70b30aacb92d2034205">MenuOption::VerticalAnimated</a>() {</div>
<div class="line"><a id="l00122" name="l00122"></a><span class="lineno"> 122</span> <span class="keyword">auto</span> option = <a class="code hl_function" href="group__component.html#a617c59fdb94db99100d0e7a569c31d75">MenuOption::Vertical</a>();</div>
<div class="line"><a id="l00123" name="l00123"></a><span class="lineno"> 123</span> option.entries_option.transform = [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>&amp; state) {</div>
<div class="line"><a id="l00124" name="l00124"></a><span class="lineno"> 124</span> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> e = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(state.label);</div>
<div class="line"><a id="l00125" name="l00125"></a><span class="lineno"> 125</span> <span class="keywordflow">if</span> (state.focused) {</div>
<div class="line"><a id="l00126" name="l00126"></a><span class="lineno"> 126</span> e |= <a class="code hl_function" href="group__dom.html#ga672456b8f2091b615a30ff755418b37b">inverted</a>;</div>
<div class="line"><a id="l00127" name="l00127"></a><span class="lineno"> 127</span> }</div>
<div class="line"><a id="l00128" name="l00128"></a><span class="lineno"> 128</span> <span class="keywordflow">if</span> (state.active) {</div>
<div class="line"><a id="l00129" name="l00129"></a><span class="lineno"> 129</span> e |= <a class="code hl_function" href="group__dom.html#ga353c769068e25303eb41fa2da565c604">bold</a>;</div>
<div class="line"><a id="l00130" name="l00130"></a><span class="lineno"> 130</span> }</div>
<div class="line"><a id="l00131" name="l00131"></a><span class="lineno"> 131</span> <span class="keywordflow">if</span> (!state.focused &amp;&amp; !state.active) {</div>
<div class="line"><a id="l00132" name="l00132"></a><span class="lineno"> 132</span> e |= <a class="code hl_function" href="group__dom.html#gac6a3b77604739516e809369810896646">dim</a>;</div>
<div class="line"><a id="l00133" name="l00133"></a><span class="lineno"> 133</span> }</div>
<div class="line"><a id="l00134" name="l00134"></a><span class="lineno"> 134</span> <span class="keywordflow">return</span> e;</div>
<div class="line"><a id="l00135" name="l00135"></a><span class="lineno"> 135</span> };</div>
<div class="line"><a id="l00136" name="l00136"></a><span class="lineno"> 136</span> option.underline.enabled = <span class="keyword">true</span>;</div>
<div class="line"><a id="l00137" name="l00137"></a><span class="lineno"> 137</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00138" name="l00138"></a><span class="lineno"> 138</span>}</div>
</div>
<div class="line"><a id="l00139" name="l00139"></a><span class="lineno"> 139</span><span class="comment"></span> </div>
<div class="line"><a id="l00140" name="l00140"></a><span class="lineno"> 140</span><span class="comment">/// @brief 带有分隔符的水平菜单的标准选项。</span></div>
<div class="line"><a id="l00141" name="l00141"></a><span class="lineno"> 141</span><span class="comment">/// 这对于实现选项卡栏非常有用。</span></div>
<div class="line"><a id="l00142" name="l00142"></a><span class="lineno"> 142</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00143" data-start="{" data-end="}">
<div class="line"><a id="l00143" name="l00143"></a><span class="lineno"><a class="line" href="group__component.html#a133a8caaf0246db0902f7abce37a9b6d"> 143</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1MenuOption">MenuOption</a> <a class="code hl_function" href="group__component.html#a133a8caaf0246db0902f7abce37a9b6d">MenuOption::Toggle</a>() {</div>
<div class="line"><a id="l00144" name="l00144"></a><span class="lineno"> 144</span> <span class="keyword">auto</span> option = <a class="code hl_function" href="group__component.html#a5ee36f528383cc1db765fa2140797837">MenuOption::Horizontal</a>();</div>
<div class="line"><a id="l00145" name="l00145"></a><span class="lineno"> 145</span> option.elements_infix = [] { <span class="keywordflow">return</span> <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;│&quot;</span>) | <a class="code hl_function" href="group__dom.html#gaca42bd6c44d8d366d5c1014330402086">automerge</a>; };</div>
<div class="line"><a id="l00146" name="l00146"></a><span class="lineno"> 146</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00147" name="l00147"></a><span class="lineno"> 147</span>}</div>
</div>
<div class="line"><a id="l00148" name="l00148"></a><span class="lineno"> 148</span><span class="comment"></span> </div>
<div class="line"><a id="l00149" name="l00149"></a><span class="lineno"> 149</span><span class="comment">/// @brief 创建一个ButtonOption，使用[]字符高亮显示。</span></div>
<div class="line"><a id="l00150" name="l00150"></a><span class="lineno"> 150</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00151" data-start="{" data-end="}">
<div class="line"><a id="l00151" name="l00151"></a><span class="lineno"><a class="line" href="group__component.html#a66e244b326f3cdc7b80ea836c391c34b"> 151</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> <a class="code hl_function" href="group__component.html#a66e244b326f3cdc7b80ea836c391c34b">ButtonOption::Ascii</a>() {</div>
<div class="line"><a id="l00152" name="l00152"></a><span class="lineno"> 152</span> <a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> option;</div>
<div class="line"><a id="l00153" name="l00153"></a><span class="lineno"> 153</span> option.<a class="code hl_variable" href="group__component.html#afe14c161494dad905597e75661c7b6a0">transform</a> = [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>&amp; s) {</div>
<div class="line"><a id="l00154" name="l00154"></a><span class="lineno"> 154</span> <span class="keyword">const</span> std::string t = s.focused ? <span class="stringliteral">&quot;[&quot;</span> + s.label + <span class="stringliteral">&quot;]&quot;</span> <span class="comment">//</span></div>
<div class="line"><a id="l00155" name="l00155"></a><span class="lineno"> 155</span> : <span class="stringliteral">&quot; &quot;</span> + s.label + <span class="stringliteral">&quot; &quot;</span>;</div>
<div class="line"><a id="l00156" name="l00156"></a><span class="lineno"> 156</span> <span class="keywordflow">return</span> <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(t);</div>
<div class="line"><a id="l00157" name="l00157"></a><span class="lineno"> 157</span> };</div>
<div class="line"><a id="l00158" name="l00158"></a><span class="lineno"> 158</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00159" name="l00159"></a><span class="lineno"> 159</span>}</div>
</div>
<div class="line"><a id="l00160" name="l00160"></a><span class="lineno"> 160</span><span class="comment"></span> </div>
<div class="line"><a id="l00161" name="l00161"></a><span class="lineno"> 161</span><span class="comment">/// @brief 创建一个ButtonOption，聚焦时反转显示。</span></div>
<div class="line"><a id="l00162" name="l00162"></a><span class="lineno"> 162</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00163" data-start="{" data-end="}">
<div class="line"><a id="l00163" name="l00163"></a><span class="lineno"><a class="line" href="group__component.html#a553fe18f102e8e62aec516d4d3213eac"> 163</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> <a class="code hl_function" href="group__component.html#a553fe18f102e8e62aec516d4d3213eac">ButtonOption::Simple</a>() {</div>
<div class="line"><a id="l00164" name="l00164"></a><span class="lineno"> 164</span> <a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> option;</div>
<div class="line"><a id="l00165" name="l00165"></a><span class="lineno"> 165</span> option.<a class="code hl_variable" href="group__component.html#afe14c161494dad905597e75661c7b6a0">transform</a> = [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>&amp; s) {</div>
<div class="line"><a id="l00166" name="l00166"></a><span class="lineno"> 166</span> <span class="keyword">auto</span> element = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(s.label) | <a class="code hl_function" href="namespaceftxui.html#aec889eb456bfab7e10466094f17b8a01">borderLight</a>;</div>
<div class="line"><a id="l00167" name="l00167"></a><span class="lineno"> 167</span> <span class="keywordflow">if</span> (s.focused) {</div>
<div class="line"><a id="l00168" name="l00168"></a><span class="lineno"> 168</span> element |= <a class="code hl_function" href="group__dom.html#ga672456b8f2091b615a30ff755418b37b">inverted</a>;</div>
<div class="line"><a id="l00169" name="l00169"></a><span class="lineno"> 169</span> }</div>
<div class="line"><a id="l00170" name="l00170"></a><span class="lineno"> 170</span> <span class="keywordflow">return</span> element;</div>
<div class="line"><a id="l00171" name="l00171"></a><span class="lineno"> 171</span> };</div>
<div class="line"><a id="l00172" name="l00172"></a><span class="lineno"> 172</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00173" name="l00173"></a><span class="lineno"> 173</span>}</div>
</div>
<div class="line"><a id="l00174" name="l00174"></a><span class="lineno"> 174</span><span class="comment"></span> </div>
<div class="line"><a id="l00175" name="l00175"></a><span class="lineno"> 175</span><span class="comment">/// @brief 创建一个ButtonOption。按钮使用边框显示，聚焦时反转。这是当前的默认值。</span></div>
<div class="foldopen" id="foldopen00176" data-start="{" data-end="}">
<div class="line"><a id="l00176" name="l00176"></a><span class="lineno"><a class="line" href="group__component.html#a2f8ead79a770376a36e9b9b7fa6bc966"> 176</a></span><span class="comment"></span><a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> <a class="code hl_function" href="group__component.html#a2f8ead79a770376a36e9b9b7fa6bc966">ButtonOption::Border</a>() {</div>
<div class="line"><a id="l00177" name="l00177"></a><span class="lineno"> 177</span> <a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> option;</div>
<div class="line"><a id="l00178" name="l00178"></a><span class="lineno"> 178</span> option.<a class="code hl_variable" href="group__component.html#afe14c161494dad905597e75661c7b6a0">transform</a> = [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>&amp; s) {</div>
<div class="line"><a id="l00179" name="l00179"></a><span class="lineno"> 179</span> <span class="keyword">auto</span> element = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(s.label) | <a class="code hl_function" href="namespaceftxui.html#a76bce7ce913f693d9b42bc0cf05168b0">border</a>;</div>
<div class="line"><a id="l00180" name="l00180"></a><span class="lineno"> 180</span> <span class="keywordflow">if</span> (s.active) {</div>
<div class="line"><a id="l00181" name="l00181"></a><span class="lineno"> 181</span> element |= <a class="code hl_function" href="group__dom.html#ga353c769068e25303eb41fa2da565c604">bold</a>;</div>
<div class="line"><a id="l00182" name="l00182"></a><span class="lineno"> 182</span> }</div>
<div class="line"><a id="l00183" name="l00183"></a><span class="lineno"> 183</span> <span class="keywordflow">if</span> (s.focused) {</div>
<div class="line"><a id="l00184" name="l00184"></a><span class="lineno"> 184</span> element |= <a class="code hl_function" href="group__dom.html#ga672456b8f2091b615a30ff755418b37b">inverted</a>;</div>
<div class="line"><a id="l00185" name="l00185"></a><span class="lineno"> 185</span> }</div>
<div class="line"><a id="l00186" name="l00186"></a><span class="lineno"> 186</span> <span class="keywordflow">return</span> element;</div>
<div class="line"><a id="l00187" name="l00187"></a><span class="lineno"> 187</span> };</div>
<div class="line"><a id="l00188" name="l00188"></a><span class="lineno"> 188</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00189" name="l00189"></a><span class="lineno"> 189</span>}</div>
</div>
<div class="line"><a id="l00190" name="l00190"></a><span class="lineno"> 190</span><span class="comment"></span> </div>
<div class="line"><a id="l00191" name="l00191"></a><span class="lineno"> 191</span><span class="comment">/// @brief 创建一个使用动画颜色的ButtonOption。</span></div>
<div class="line"><a id="l00192" name="l00192"></a><span class="lineno"> 192</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00193" data-start="{" data-end="}">
<div class="line"><a id="l00193" name="l00193"></a><span class="lineno"><a class="line" href="group__component.html#a008018822835ed0f3758af3c6e72837d"> 193</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> <a class="code hl_function" href="group__component.html#a008018822835ed0f3758af3c6e72837d">ButtonOption::Animated</a>() {</div>
<div class="line"><a id="l00194" name="l00194"></a><span class="lineno"> 194</span> <span class="keywordflow">return</span> <a class="code hl_function" href="group__component.html#a008018822835ed0f3758af3c6e72837d">Animated</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fac1e9bce8242f443c54c7405223d616cd">Color::Black</a>, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fadebf1805c024a5504872f795f83a6835">Color::GrayLight</a>, <span class="comment">//</span></div>
<div class="line"><a id="l00195" name="l00195"></a><span class="lineno"> 195</span> <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fade3b52f7f38e412815092547cd6e8be7">Color::GrayDark</a>, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094">Color::White</a>);</div>
<div class="line"><a id="l00196" name="l00196"></a><span class="lineno"> 196</span>}</div>
</div>
<div class="line"><a id="l00197" name="l00197"></a><span class="lineno"> 197</span><span class="comment"></span> </div>
<div class="line"><a id="l00198" name="l00198"></a><span class="lineno"> 198</span><span class="comment">/// @brief 创建一个使用动画颜色的ButtonOption。</span></div>
<div class="line"><a id="l00199" name="l00199"></a><span class="lineno"> 199</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00200" data-start="{" data-end="}">
<div class="line"><a id="l00200" name="l00200"></a><span class="lineno"><a class="line" href="group__component.html#a1a78fe7bb802251805a3867ba1a31e15"> 200</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> <a class="code hl_function" href="group__component.html#a008018822835ed0f3758af3c6e72837d">ButtonOption::Animated</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Color">Color</a> color) {</div>
<div class="line"><a id="l00201" name="l00201"></a><span class="lineno"> 201</span> <span class="keywordflow">return</span> <a class="code hl_function" href="group__component.html#a008018822835ed0f3758af3c6e72837d">ButtonOption::Animated</a>(</div>
<div class="line"><a id="l00202" name="l00202"></a><span class="lineno"> 202</span> <a class="code hl_function" href="group__screen.html#ae5d82c5fbae4f6561c9471c11c0a461b">Color::Interpolate</a>(0.85F, color, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fac1e9bce8242f443c54c7405223d616cd">Color::Black</a>), <span class="comment">// NOLINT</span></div>
<div class="line"><a id="l00203" name="l00203"></a><span class="lineno"> 203</span> <a class="code hl_function" href="group__screen.html#ae5d82c5fbae4f6561c9471c11c0a461b">Color::Interpolate</a>(0.10F, color, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094">Color::White</a>), <span class="comment">// NOLINT</span></div>
<div class="line"><a id="l00204" name="l00204"></a><span class="lineno"> 204</span> <a class="code hl_function" href="group__screen.html#ae5d82c5fbae4f6561c9471c11c0a461b">Color::Interpolate</a>(0.10F, color, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fac1e9bce8242f443c54c7405223d616cd">Color::Black</a>), <span class="comment">// NOLINT</span></div>
<div class="line"><a id="l00205" name="l00205"></a><span class="lineno"> 205</span> <a class="code hl_function" href="group__screen.html#ae5d82c5fbae4f6561c9471c11c0a461b">Color::Interpolate</a>(0.85F, color, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094">Color::White</a>)); <span class="comment">// NOLINT</span></div>
<div class="line"><a id="l00206" name="l00206"></a><span class="lineno"> 206</span>}</div>
</div>
<div class="line"><a id="l00207" name="l00207"></a><span class="lineno"> 207</span><span class="comment"></span> </div>
<div class="line"><a id="l00208" name="l00208"></a><span class="lineno"> 208</span><span class="comment">/// @brief 创建一个使用动画颜色的ButtonOption。</span></div>
<div class="line"><a id="l00209" name="l00209"></a><span class="lineno"> 209</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00210" data-start="{" data-end="}">
<div class="line"><a id="l00210" name="l00210"></a><span class="lineno"><a class="line" href="group__component.html#a0295430ca4a317b0cbba9ee5faa4a324"> 210</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> <a class="code hl_function" href="group__component.html#a008018822835ed0f3758af3c6e72837d">ButtonOption::Animated</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Color">Color</a> background, <a class="code hl_class" href="group__screen.html#classftxui_1_1Color">Color</a> foreground) {</div>
<div class="line"><a id="l00211" name="l00211"></a><span class="lineno"> 211</span> <span class="comment">// NOLINTBEGIN</span></div>
<div class="line"><a id="l00212" name="l00212"></a><span class="lineno"> 212</span> <span class="keywordflow">return</span> <a class="code hl_function" href="group__component.html#a008018822835ed0f3758af3c6e72837d">ButtonOption::Animated</a>(</div>
<div class="line"><a id="l00213" name="l00213"></a><span class="lineno"> 213</span> <span class="comment">/*bakground=*/</span>background,</div>
<div class="line"><a id="l00214" name="l00214"></a><span class="lineno"> 214</span> <span class="comment">/*foreground=*/</span>foreground,</div>
<div class="line"><a id="l00215" name="l00215"></a><span class="lineno"> 215</span> <span class="comment">/*background_active=*/</span>foreground,</div>
<div class="line"><a id="l00216" name="l00216"></a><span class="lineno"> 216</span> <span class="comment">/*foreground_active=*/</span>background);</div>
<div class="line"><a id="l00217" name="l00217"></a><span class="lineno"> 217</span> <span class="comment">// NOLINTEND</span></div>
<div class="line"><a id="l00218" name="l00218"></a><span class="lineno"> 218</span>}</div>
</div>
<div class="line"><a id="l00219" name="l00219"></a><span class="lineno"> 219</span><span class="comment"></span> </div>
<div class="line"><a id="l00220" name="l00220"></a><span class="lineno"> 220</span><span class="comment">/// @brief 创建一个使用动画颜色的ButtonOption。</span></div>
<div class="line"><a id="l00221" name="l00221"></a><span class="lineno"> 221</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00222" data-start="{" data-end="}">
<div class="line"><a id="l00222" name="l00222"></a><span class="lineno"><a class="line" href="group__component.html#adf705e582d884e89211b540a97f2e090"> 222</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> <a class="code hl_function" href="group__component.html#a008018822835ed0f3758af3c6e72837d">ButtonOption::Animated</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Color">Color</a> background,</div>
<div class="line"><a id="l00223" name="l00223"></a><span class="lineno"> 223</span> <a class="code hl_class" href="group__screen.html#classftxui_1_1Color">Color</a> foreground,</div>
<div class="line"><a id="l00224" name="l00224"></a><span class="lineno"> 224</span> <a class="code hl_class" href="group__screen.html#classftxui_1_1Color">Color</a> background_active,</div>
<div class="line"><a id="l00225" name="l00225"></a><span class="lineno"> 225</span> <a class="code hl_class" href="group__screen.html#classftxui_1_1Color">Color</a> foreground_active) {</div>
<div class="line"><a id="l00226" name="l00226"></a><span class="lineno"> 226</span> <a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> option;</div>
<div class="line"><a id="l00227" name="l00227"></a><span class="lineno"> 227</span> option.<a class="code hl_variable" href="group__component.html#afe14c161494dad905597e75661c7b6a0">transform</a> = [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>&amp; s) {</div>
<div class="line"><a id="l00228" name="l00228"></a><span class="lineno"> 228</span> <span class="keyword">auto</span> element = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(s.label) | <a class="code hl_function" href="namespaceftxui.html#a4589584fd22c1d4321b88cfeac98d78a">borderEmpty</a>;</div>
<div class="line"><a id="l00229" name="l00229"></a><span class="lineno"> 229</span> <span class="keywordflow">if</span> (s.focused) {</div>
<div class="line"><a id="l00230" name="l00230"></a><span class="lineno"> 230</span> element |= <a class="code hl_function" href="group__dom.html#ga353c769068e25303eb41fa2da565c604">bold</a>;</div>
<div class="line"><a id="l00231" name="l00231"></a><span class="lineno"> 231</span> }</div>
<div class="line"><a id="l00232" name="l00232"></a><span class="lineno"> 232</span> <span class="keywordflow">return</span> element;</div>
<div class="line"><a id="l00233" name="l00233"></a><span class="lineno"> 233</span> };</div>
<div class="line"><a id="l00234" name="l00234"></a><span class="lineno"> 234</span> option.<a class="code hl_variable" href="group__component.html#ab7131557fbe84a6b4b2f2ffcff7d44f0">animated_colors</a>.<a class="code hl_variable" href="structftxui_1_1AnimatedColorsOption.html#a1acdd8b06eb18ae37ffb815462c4374a">foreground</a>.<a class="code hl_function" href="group__component.html#ad186d5a36e45174bbc7c50df85c2e91e">Set</a>(foreground, foreground_active);</div>
<div class="line"><a id="l00235" name="l00235"></a><span class="lineno"> 235</span> option.<a class="code hl_variable" href="group__component.html#ab7131557fbe84a6b4b2f2ffcff7d44f0">animated_colors</a>.<a class="code hl_variable" href="structftxui_1_1AnimatedColorsOption.html#a550692ff465684652d29385a6b24304d">background</a>.<a class="code hl_function" href="group__component.html#ad186d5a36e45174bbc7c50df85c2e91e">Set</a>(background, background_active);</div>
<div class="line"><a id="l00236" name="l00236"></a><span class="lineno"> 236</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00237" name="l00237"></a><span class="lineno"> 237</span>}</div>
</div>
<div class="line"><a id="l00238" name="l00238"></a><span class="lineno"> 238</span><span class="comment"></span> </div>
<div class="line"><a id="l00239" name="l00239"></a><span class="lineno"> 239</span><span class="comment">/// @brief 标准Checkbox的选项。</span></div>
<div class="line"><a id="l00240" name="l00240"></a><span class="lineno"> 240</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00241" data-start="{" data-end="}">
<div class="line"><a id="l00241" name="l00241"></a><span class="lineno"><a class="line" href="group__component.html#a41b17a916980353033366c01b15d3cb1"> 241</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1CheckboxOption">CheckboxOption</a> <a class="code hl_function" href="group__component.html#a41b17a916980353033366c01b15d3cb1">CheckboxOption::Simple</a>() {</div>
<div class="line"><a id="l00242" name="l00242"></a><span class="lineno"> 242</span> <span class="keyword">auto</span> option = <a class="code hl_struct" href="group__component.html#structftxui_1_1CheckboxOption">CheckboxOption</a>();</div>
<div class="line"><a id="l00243" name="l00243"></a><span class="lineno"> 243</span> option.transform = [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>&amp; s) {</div>
<div class="line"><a id="l00244" name="l00244"></a><span class="lineno"> 244</span><span class="preprocessor">#if defined(FTXUI_MICROSOFT_TERMINAL_FALLBACK)</span></div>
<div class="line"><a id="l00245" name="l00245"></a><span class="lineno"> 245</span> <span class="comment">// Microsoft终端不使用能够正确渲染默认单选框字形的字体。</span></div>
<div class="line"><a id="l00246" name="l00246"></a><span class="lineno"> 246</span> <span class="keyword">auto</span> prefix = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(s.state ? <span class="stringliteral">&quot;[X] &quot;</span> : <span class="stringliteral">&quot;[ ] &quot;</span>); <span class="comment">// NOLINT</span></div>
<div class="line"><a id="l00247" name="l00247"></a><span class="lineno"> 247</span><span class="preprocessor">#else</span></div>
<div class="line"><a id="l00248" name="l00248"></a><span class="lineno"> 248</span> <span class="keyword">auto</span> prefix = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(s.state ? <span class="stringliteral">&quot;▣ &quot;</span> : <span class="stringliteral">&quot;☐ &quot;</span>); <span class="comment">// NOLINT</span></div>
<div class="line"><a id="l00249" name="l00249"></a><span class="lineno"> 249</span><span class="preprocessor">#endif</span></div>
<div class="line"><a id="l00250" name="l00250"></a><span class="lineno"> 250</span> <span class="keyword">auto</span> t = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(s.label);</div>
<div class="line"><a id="l00251" name="l00251"></a><span class="lineno"> 251</span> <span class="keywordflow">if</span> (s.active) {</div>
<div class="line"><a id="l00252" name="l00252"></a><span class="lineno"> 252</span> t |= <a class="code hl_function" href="group__dom.html#ga353c769068e25303eb41fa2da565c604">bold</a>;</div>
<div class="line"><a id="l00253" name="l00253"></a><span class="lineno"> 253</span> }</div>
<div class="line"><a id="l00254" name="l00254"></a><span class="lineno"> 254</span> <span class="keywordflow">if</span> (s.focused) {</div>
<div class="line"><a id="l00255" name="l00255"></a><span class="lineno"> 255</span> t |= <a class="code hl_function" href="group__dom.html#ga672456b8f2091b615a30ff755418b37b">inverted</a>;</div>
<div class="line"><a id="l00256" name="l00256"></a><span class="lineno"> 256</span> }</div>
<div class="line"><a id="l00257" name="l00257"></a><span class="lineno"> 257</span> <span class="keywordflow">return</span> <a class="code hl_function" href="namespaceftxui.html#a552ba6d33b3c9bec586b99fba4c243ac">hbox</a>({prefix, t});</div>
<div class="line"><a id="l00258" name="l00258"></a><span class="lineno"> 258</span> };</div>
<div class="line"><a id="l00259" name="l00259"></a><span class="lineno"> 259</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00260" name="l00260"></a><span class="lineno"> 260</span>}</div>
</div>
<div class="line"><a id="l00261" name="l00261"></a><span class="lineno"> 261</span><span class="comment"></span> </div>
<div class="line"><a id="l00262" name="l00262"></a><span class="lineno"> 262</span><span class="comment">/// @brief 标准Radiobox的选项</span></div>
<div class="line"><a id="l00263" name="l00263"></a><span class="lineno"> 263</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00264" data-start="{" data-end="}">
<div class="line"><a id="l00264" name="l00264"></a><span class="lineno"><a class="line" href="group__component.html#af2b048773665961fae6c104762533908"> 264</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1RadioboxOption">RadioboxOption</a> <a class="code hl_function" href="group__component.html#af2b048773665961fae6c104762533908">RadioboxOption::Simple</a>() {</div>
<div class="line"><a id="l00265" name="l00265"></a><span class="lineno"> 265</span> <span class="keyword">auto</span> option = <a class="code hl_struct" href="group__component.html#structftxui_1_1RadioboxOption">RadioboxOption</a>();</div>
<div class="line"><a id="l00266" name="l00266"></a><span class="lineno"> 266</span> option.transform = [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>&amp; s) {</div>
<div class="line"><a id="l00267" name="l00267"></a><span class="lineno"> 267</span><span class="preprocessor">#if defined(FTXUI_MICROSOFT_TERMINAL_FALLBACK)</span></div>
<div class="line"><a id="l00268" name="l00268"></a><span class="lineno"> 268</span> <span class="comment">// Microsoft终端不使用能够正确渲染默认单选框字形的字体。</span></div>
<div class="line"><a id="l00269" name="l00269"></a><span class="lineno"> 269</span> <span class="keyword">auto</span> prefix = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(s.state ? <span class="stringliteral">&quot;(*) &quot;</span> : <span class="stringliteral">&quot;( ) &quot;</span>); <span class="comment">// NOLINT</span></div>
<div class="line"><a id="l00270" name="l00270"></a><span class="lineno"> 270</span><span class="preprocessor">#else</span></div>
<div class="line"><a id="l00271" name="l00271"></a><span class="lineno"> 271</span> <span class="keyword">auto</span> prefix = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(s.state ? <span class="stringliteral">&quot;◉ &quot;</span> : <span class="stringliteral">&quot;○ &quot;</span>); <span class="comment">// NOLINT</span></div>
<div class="line"><a id="l00272" name="l00272"></a><span class="lineno"> 272</span><span class="preprocessor">#endif</span></div>
<div class="line"><a id="l00273" name="l00273"></a><span class="lineno"> 273</span> <span class="keyword">auto</span> t = <a class="code hl_function" href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(s.label);</div>
<div class="line"><a id="l00274" name="l00274"></a><span class="lineno"> 274</span> <span class="keywordflow">if</span> (s.active) {</div>
<div class="line"><a id="l00275" name="l00275"></a><span class="lineno"> 275</span> t |= <a class="code hl_function" href="group__dom.html#ga353c769068e25303eb41fa2da565c604">bold</a>;</div>
<div class="line"><a id="l00276" name="l00276"></a><span class="lineno"> 276</span> }</div>
<div class="line"><a id="l00277" name="l00277"></a><span class="lineno"> 277</span> <span class="keywordflow">if</span> (s.focused) {</div>
<div class="line"><a id="l00278" name="l00278"></a><span class="lineno"> 278</span> t |= <a class="code hl_function" href="group__dom.html#ga672456b8f2091b615a30ff755418b37b">inverted</a>;</div>
<div class="line"><a id="l00279" name="l00279"></a><span class="lineno"> 279</span> }</div>
<div class="line"><a id="l00280" name="l00280"></a><span class="lineno"> 280</span> <span class="keywordflow">return</span> <a class="code hl_function" href="namespaceftxui.html#a552ba6d33b3c9bec586b99fba4c243ac">hbox</a>({prefix, t});</div>
<div class="line"><a id="l00281" name="l00281"></a><span class="lineno"> 281</span> };</div>
<div class="line"><a id="l00282" name="l00282"></a><span class="lineno"> 282</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00283" name="l00283"></a><span class="lineno"> 283</span>}</div>
</div>
<div class="line"><a id="l00284" name="l00284"></a><span class="lineno"> 284</span><span class="comment"></span> </div>
<div class="line"><a id="l00285" name="l00285"></a><span class="lineno"> 285</span><span class="comment">/// @brief 输入组件的标准选项。</span></div>
<div class="line"><a id="l00286" name="l00286"></a><span class="lineno"> 286</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00287" data-start="{" data-end="}">
<div class="line"><a id="l00287" name="l00287"></a><span class="lineno"><a class="line" href="group__component.html#a2108670f055ede2fdc4993f6ffc8ff07"> 287</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">InputOption</a> <a class="code hl_function" href="group__component.html#a2108670f055ede2fdc4993f6ffc8ff07">InputOption::Default</a>() {</div>
<div class="line"><a id="l00288" name="l00288"></a><span class="lineno"> 288</span> <a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">InputOption</a> option;</div>
<div class="line"><a id="l00289" name="l00289"></a><span class="lineno"> 289</span> option.<a class="code hl_variable" href="group__component.html#a93721d00aaf44f42cc0399024514b628">transform</a> = [](<a class="code hl_struct" href="structftxui_1_1InputState.html">InputState</a> state) {</div>
<div class="line"><a id="l00290" name="l00290"></a><span class="lineno"> 290</span> state.element |= <a class="code hl_function" href="group__dom.html#gaf61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094">Color::White</a>);</div>
<div class="line"><a id="l00291" name="l00291"></a><span class="lineno"> 291</span> </div>
<div class="line"><a id="l00292" name="l00292"></a><span class="lineno"> 292</span> <span class="keywordflow">if</span> (state.is_placeholder) {</div>
<div class="line"><a id="l00293" name="l00293"></a><span class="lineno"> 293</span> state.element |= <a class="code hl_function" href="group__dom.html#gac6a3b77604739516e809369810896646">dim</a>;</div>
<div class="line"><a id="l00294" name="l00294"></a><span class="lineno"> 294</span> }</div>
<div class="line"><a id="l00295" name="l00295"></a><span class="lineno"> 295</span> </div>
<div class="line"><a id="l00296" name="l00296"></a><span class="lineno"> 296</span> <span class="keywordflow">if</span> (state.focused) {</div>
<div class="line"><a id="l00297" name="l00297"></a><span class="lineno"> 297</span> state.element |= <a class="code hl_function" href="group__dom.html#ga672456b8f2091b615a30ff755418b37b">inverted</a>;</div>
<div class="line"><a id="l00298" name="l00298"></a><span class="lineno"> 298</span> } <span class="keywordflow">else</span> <span class="keywordflow">if</span> (state.hovered) {</div>
<div class="line"><a id="l00299" name="l00299"></a><span class="lineno"> 299</span> state.element |= <a class="code hl_function" href="group__dom.html#ga01d4c5aaf0447e862246849111782245">bgcolor</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fade3b52f7f38e412815092547cd6e8be7">Color::GrayDark</a>);</div>
<div class="line"><a id="l00300" name="l00300"></a><span class="lineno"> 300</span> }</div>
<div class="line"><a id="l00301" name="l00301"></a><span class="lineno"> 301</span> </div>
<div class="line"><a id="l00302" name="l00302"></a><span class="lineno"> 302</span> <span class="keywordflow">return</span> state.element;</div>
<div class="line"><a id="l00303" name="l00303"></a><span class="lineno"> 303</span> };</div>
<div class="line"><a id="l00304" name="l00304"></a><span class="lineno"> 304</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00305" name="l00305"></a><span class="lineno"> 305</span>}</div>
</div>
<div class="line"><a id="l00306" name="l00306"></a><span class="lineno"> 306</span><span class="comment"></span> </div>
<div class="line"><a id="l00307" name="l00307"></a><span class="lineno"> 307</span><span class="comment">/// @brief 更美观的输入组件的标准选项。</span></div>
<div class="line"><a id="l00308" name="l00308"></a><span class="lineno"> 308</span><span class="comment"></span><span class="comment">// static</span></div>
<div class="foldopen" id="foldopen00309" data-start="{" data-end="}">
<div class="line"><a id="l00309" name="l00309"></a><span class="lineno"><a class="line" href="group__component.html#a36c56131167eaaae707f64bbb9d07ef2"> 309</a></span><a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">InputOption</a> <a class="code hl_function" href="group__component.html#a36c56131167eaaae707f64bbb9d07ef2">InputOption::Spacious</a>() {</div>
<div class="line"><a id="l00310" name="l00310"></a><span class="lineno"> 310</span> <a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">InputOption</a> option;</div>
<div class="line"><a id="l00311" name="l00311"></a><span class="lineno"> 311</span> option.<a class="code hl_variable" href="group__component.html#a93721d00aaf44f42cc0399024514b628">transform</a> = [](<a class="code hl_struct" href="structftxui_1_1InputState.html">InputState</a> state) {</div>
<div class="line"><a id="l00312" name="l00312"></a><span class="lineno"> 312</span> state.element |= <a class="code hl_function" href="namespaceftxui.html#a4589584fd22c1d4321b88cfeac98d78a">borderEmpty</a>;</div>
<div class="line"><a id="l00313" name="l00313"></a><span class="lineno"> 313</span> state.element |= <a class="code hl_function" href="group__dom.html#gaf61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094">Color::White</a>);</div>
<div class="line"><a id="l00314" name="l00314"></a><span class="lineno"> 314</span> </div>
<div class="line"><a id="l00315" name="l00315"></a><span class="lineno"> 315</span> <span class="keywordflow">if</span> (state.is_placeholder) {</div>
<div class="line"><a id="l00316" name="l00316"></a><span class="lineno"> 316</span> state.element |= <a class="code hl_function" href="group__dom.html#gac6a3b77604739516e809369810896646">dim</a>;</div>
<div class="line"><a id="l00317" name="l00317"></a><span class="lineno"> 317</span> }</div>
<div class="line"><a id="l00318" name="l00318"></a><span class="lineno"> 318</span> </div>
<div class="line"><a id="l00319" name="l00319"></a><span class="lineno"> 319</span> <span class="keywordflow">if</span> (state.focused) {</div>
<div class="line"><a id="l00320" name="l00320"></a><span class="lineno"> 320</span> state.element |= <a class="code hl_function" href="group__dom.html#ga01d4c5aaf0447e862246849111782245">bgcolor</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fac1e9bce8242f443c54c7405223d616cd">Color::Black</a>);</div>
<div class="line"><a id="l00321" name="l00321"></a><span class="lineno"> 321</span> }</div>
<div class="line"><a id="l00322" name="l00322"></a><span class="lineno"> 322</span> </div>
<div class="line"><a id="l00323" name="l00323"></a><span class="lineno"> 323</span> <span class="keywordflow">if</span> (state.hovered) {</div>
<div class="line"><a id="l00324" name="l00324"></a><span class="lineno"> 324</span> state.element |= <a class="code hl_function" href="group__dom.html#ga01d4c5aaf0447e862246849111782245">bgcolor</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fade3b52f7f38e412815092547cd6e8be7">Color::GrayDark</a>);</div>
<div class="line"><a id="l00325" name="l00325"></a><span class="lineno"> 325</span> }</div>
<div class="line"><a id="l00326" name="l00326"></a><span class="lineno"> 326</span> </div>
<div class="line"><a id="l00327" name="l00327"></a><span class="lineno"> 327</span> <span class="keywordflow">return</span> state.element;</div>
<div class="line"><a id="l00328" name="l00328"></a><span class="lineno"> 328</span> };</div>
<div class="line"><a id="l00329" name="l00329"></a><span class="lineno"> 329</span> <span class="keywordflow">return</span> option;</div>
<div class="line"><a id="l00330" name="l00330"></a><span class="lineno"> 330</span>}</div>
</div>
<div class="line"><a id="l00331" name="l00331"></a><span class="lineno"> 331</span> </div>
<div class="line"><a id="l00332" name="l00332"></a><span class="lineno"> 332</span>} <span class="comment">// namespace ftxui</span></div>
<div class="ttc" id="aanimation_8hpp_html"><div class="ttname"><a href="animation_8hpp.html">animation.hpp</a></div></div>
<div class="ttc" id="acolor_8hpp_html"><div class="ttname"><a href="color_8hpp.html">color.hpp</a></div></div>
<div class="ttc" id="acomponent__options_8hpp_html"><div class="ttname"><a href="component__options_8hpp.html">component_options.hpp</a></div></div>
<div class="ttc" id="adirection_8hpp_html"><div class="ttname"><a href="direction_8hpp.html">direction.hpp</a></div></div>
<div class="ttc" id="aelements_8hpp_html"><div class="ttname"><a href="elements_8hpp.html">elements.hpp</a></div></div>
<div class="ttc" id="agroup__component_html_a008018822835ed0f3758af3c6e72837d"><div class="ttname"><a href="group__component.html#a008018822835ed0f3758af3c6e72837d">ftxui::ButtonOption::Animated</a></div><div class="ttdeci">static ButtonOption Animated()</div><div class="ttdoc">创建一个使用动画颜色的ButtonOption。</div><div class="ttdef"><b>定义</b> <a href="#l00193">component_options.cpp:193</a></div></div>
<div class="ttc" id="agroup__component_html_a133a8caaf0246db0902f7abce37a9b6d"><div class="ttname"><a href="group__component.html#a133a8caaf0246db0902f7abce37a9b6d">ftxui::MenuOption::Toggle</a></div><div class="ttdeci">static MenuOption Toggle()</div><div class="ttdoc">带有分隔符的水平菜单的标准选项。 这对于实现选项卡栏非常有用。</div><div class="ttdef"><b>定义</b> <a href="#l00143">component_options.cpp:143</a></div></div>
<div class="ttc" id="agroup__component_html_a13a6488c25b667256590c85aacb1f518"><div class="ttname"><a href="group__component.html#a13a6488c25b667256590c85aacb1f518">ftxui::UnderlineOption::follower_duration</a></div><div class="ttdeci">animation::Duration follower_duration</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00046">component_options.hpp:46</a></div></div>
<div class="ttc" id="agroup__component_html_a1886d86b757123859c89f3336631b1f8"><div class="ttname"><a href="group__component.html#a1886d86b757123859c89f3336631b1f8">ftxui::UnderlineOption::leader_function</a></div><div class="ttdeci">animation::easing::Function leader_function</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00039">component_options.hpp:39</a></div></div>
<div class="ttc" id="agroup__component_html_a2076e7253c5acce2321c067e9b7a1823"><div class="ttname"><a href="group__component.html#a2076e7253c5acce2321c067e9b7a1823">ftxui::MenuOption::entries_option</a></div><div class="ttdeci">MenuEntryOption entries_option</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00100">component_options.hpp:100</a></div></div>
<div class="ttc" id="agroup__component_html_a2108670f055ede2fdc4993f6ffc8ff07"><div class="ttname"><a href="group__component.html#a2108670f055ede2fdc4993f6ffc8ff07">ftxui::InputOption::Default</a></div><div class="ttdeci">static InputOption Default()</div><div class="ttdoc">创建默认输入样式:</div><div class="ttdef"><b>定义</b> <a href="#l00287">component_options.cpp:287</a></div></div>
<div class="ttc" id="agroup__component_html_a23a21de13ab9c6644225966245df3fe3"><div class="ttname"><a href="group__component.html#a23a21de13ab9c6644225966245df3fe3">ftxui::AnimatedColorOption::function</a></div><div class="ttdeci">animation::easing::Function function</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00069">component_options.hpp:69</a></div></div>
<div class="ttc" id="agroup__component_html_a2f8ead79a770376a36e9b9b7fa6bc966"><div class="ttname"><a href="group__component.html#a2f8ead79a770376a36e9b9b7fa6bc966">ftxui::ButtonOption::Border</a></div><div class="ttdeci">static ButtonOption Border()</div><div class="ttdoc">创建一个ButtonOption。按钮使用边框显示，聚焦时反转。这是当前的默认值。</div><div class="ttdef"><b>定义</b> <a href="#l00176">component_options.cpp:176</a></div></div>
<div class="ttc" id="agroup__component_html_a34e6222dbf10e899074054160870816c"><div class="ttname"><a href="group__component.html#a34e6222dbf10e899074054160870816c">ftxui::UnderlineOption::SetAnimationFunction</a></div><div class="ttdeci">void SetAnimationFunction(animation::easing::Function f)</div><div class="ttdoc">设置下划线应如何动画。</div><div class="ttdef"><b>定义</b> <a href="#l00048">component_options.cpp:48</a></div></div>
<div class="ttc" id="agroup__component_html_a36c56131167eaaae707f64bbb9d07ef2"><div class="ttname"><a href="group__component.html#a36c56131167eaaae707f64bbb9d07ef2">ftxui::InputOption::Spacious</a></div><div class="ttdeci">static InputOption Spacious()</div><div class="ttdoc">带有大边距的白底黑字样式:</div><div class="ttdef"><b>定义</b> <a href="#l00309">component_options.cpp:309</a></div></div>
<div class="ttc" id="agroup__component_html_a41b17a916980353033366c01b15d3cb1"><div class="ttname"><a href="group__component.html#a41b17a916980353033366c01b15d3cb1">ftxui::CheckboxOption::Simple</a></div><div class="ttdeci">static CheckboxOption Simple()</div><div class="ttdoc">标准Checkbox的选项。</div><div class="ttdef"><b>定义</b> <a href="#l00241">component_options.cpp:241</a></div></div>
<div class="ttc" id="agroup__component_html_a53421c695d00016ab925777d423b4eb6"><div class="ttname"><a href="group__component.html#a53421c695d00016ab925777d423b4eb6">ftxui::MenuOption::direction</a></div><div class="ttdeci">Direction direction</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00101">component_options.hpp:101</a></div></div>
<div class="ttc" id="agroup__component_html_a553fe18f102e8e62aec516d4d3213eac"><div class="ttname"><a href="group__component.html#a553fe18f102e8e62aec516d4d3213eac">ftxui::ButtonOption::Simple</a></div><div class="ttdeci">static ButtonOption Simple()</div><div class="ttdoc">创建一个ButtonOption，聚焦时反转显示。</div><div class="ttdef"><b>定义</b> <a href="#l00163">component_options.cpp:163</a></div></div>
<div class="ttc" id="agroup__component_html_a5641c45021a8cc20bdd21498563825a0"><div class="ttname"><a href="group__component.html#a5641c45021a8cc20bdd21498563825a0">ftxui::MenuEntryOption::transform</a></div><div class="ttdeci">std::function&lt; Element(const EntryState &amp;state)&gt; transform</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00081">component_options.hpp:81</a></div></div>
<div class="ttc" id="agroup__component_html_a5c04e41d802330270ae14a9861c1e2df"><div class="ttname"><a href="group__component.html#a5c04e41d802330270ae14a9861c1e2df">ftxui::AnimatedColorOption::active</a></div><div class="ttdeci">Color active</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00067">component_options.hpp:67</a></div></div>
<div class="ttc" id="agroup__component_html_a5ee36f528383cc1db765fa2140797837"><div class="ttname"><a href="group__component.html#a5ee36f528383cc1db765fa2140797837">ftxui::MenuOption::Horizontal</a></div><div class="ttdeci">static MenuOption Horizontal()</div><div class="ttdoc">水平菜单的标准选项。 这对于实现选项卡栏非常有用。</div><div class="ttdef"><b>定义</b> <a href="#l00067">component_options.cpp:67</a></div></div>
<div class="ttc" id="agroup__component_html_a6079a7637256d70b30aacb92d2034205"><div class="ttname"><a href="group__component.html#a6079a7637256d70b30aacb92d2034205">ftxui::MenuOption::VerticalAnimated</a></div><div class="ttdeci">static MenuOption VerticalAnimated()</div><div class="ttdoc">动画垂直菜单的标准选项。 这对于实现可选择项目列表非常有用。</div><div class="ttdef"><b>定义</b> <a href="#l00121">component_options.cpp:121</a></div></div>
<div class="ttc" id="agroup__component_html_a6112ea2b5db5a4c50fe7d5ae70dfd016"><div class="ttname"><a href="group__component.html#a6112ea2b5db5a4c50fe7d5ae70dfd016">ftxui::UnderlineOption::leader_duration</a></div><div class="ttdeci">animation::Duration leader_duration</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00044">component_options.hpp:44</a></div></div>
<div class="ttc" id="agroup__component_html_a617c59fdb94db99100d0e7a569c31d75"><div class="ttname"><a href="group__component.html#a617c59fdb94db99100d0e7a569c31d75">ftxui::MenuOption::Vertical</a></div><div class="ttdeci">static MenuOption Vertical()</div><div class="ttdoc">垂直菜单的标准选项。 这对于实现可选择项目列表非常有用。</div><div class="ttdef"><b>定义</b> <a href="#l00100">component_options.cpp:100</a></div></div>
<div class="ttc" id="agroup__component_html_a66e244b326f3cdc7b80ea836c391c34b"><div class="ttname"><a href="group__component.html#a66e244b326f3cdc7b80ea836c391c34b">ftxui::ButtonOption::Ascii</a></div><div class="ttdeci">static ButtonOption Ascii()</div><div class="ttdoc">创建一个ButtonOption，使用[]字符高亮显示。</div><div class="ttdef"><b>定义</b> <a href="#l00151">component_options.cpp:151</a></div></div>
<div class="ttc" id="agroup__component_html_a7449575119a6168a323351fb04a7eb64"><div class="ttname"><a href="group__component.html#a7449575119a6168a323351fb04a7eb64">ftxui::AnimatedColorOption::duration</a></div><div class="ttdeci">animation::Duration duration</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00068">component_options.hpp:68</a></div></div>
<div class="ttc" id="agroup__component_html_a754d89398aac6051ced26fd452c62589"><div class="ttname"><a href="group__component.html#a754d89398aac6051ced26fd452c62589">ftxui::UnderlineOption::SetAnimation</a></div><div class="ttdeci">void SetAnimation(animation::Duration d, animation::easing::Function f)</div><div class="ttdoc">设置下划线应如何动画。</div><div class="ttdef"><b>定义</b> <a href="#l00033">component_options.cpp:33</a></div></div>
<div class="ttc" id="agroup__component_html_a798360474be7511364b8171f0c62f6d5"><div class="ttname"><a href="group__component.html#a798360474be7511364b8171f0c62f6d5">ftxui::UnderlineOption::SetAnimationDuration</a></div><div class="ttdeci">void SetAnimationDuration(animation::Duration d)</div><div class="ttdoc">设置下划线应如何动画。</div><div class="ttdef"><b>定义</b> <a href="#l00041">component_options.cpp:41</a></div></div>
<div class="ttc" id="agroup__component_html_a7dca406bc24422caeb8f39705334dbd1"><div class="ttname"><a href="group__component.html#a7dca406bc24422caeb8f39705334dbd1">ftxui::UnderlineOption::follower_function</a></div><div class="ttdeci">animation::easing::Function follower_function</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00041">component_options.hpp:41</a></div></div>
<div class="ttc" id="agroup__component_html_a8740ba80e30dd75e71d09fa1dcf04f3d"><div class="ttname"><a href="group__component.html#a8740ba80e30dd75e71d09fa1dcf04f3d">ftxui::AnimatedColorOption::enabled</a></div><div class="ttdeci">bool enabled</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00065">component_options.hpp:65</a></div></div>
<div class="ttc" id="agroup__component_html_a898e4eb6c2a93ea3b71fc373f39854eb"><div class="ttname"><a href="group__component.html#a898e4eb6c2a93ea3b71fc373f39854eb">ftxui::AnimatedColorOption::inactive</a></div><div class="ttdeci">Color inactive</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00066">component_options.hpp:66</a></div></div>
<div class="ttc" id="agroup__component_html_a93721d00aaf44f42cc0399024514b628"><div class="ttname"><a href="group__component.html#a93721d00aaf44f42cc0399024514b628">ftxui::InputOption::transform</a></div><div class="ttdeci">std::function&lt; Element(InputState)&gt; transform</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00178">component_options.hpp:178</a></div></div>
<div class="ttc" id="agroup__component_html_a9504d8d3bfa1daaab000e5455536b20d"><div class="ttname"><a href="group__component.html#a9504d8d3bfa1daaab000e5455536b20d">ftxui::MenuOption::elements_infix</a></div><div class="ttdeci">std::function&lt; Element()&gt; elements_infix</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00103">component_options.hpp:103</a></div></div>
<div class="ttc" id="agroup__component_html_ab7131557fbe84a6b4b2f2ffcff7d44f0"><div class="ttname"><a href="group__component.html#ab7131557fbe84a6b4b2f2ffcff7d44f0">ftxui::ButtonOption::animated_colors</a></div><div class="ttdeci">AnimatedColorsOption animated_colors</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00132">component_options.hpp:132</a></div></div>
<div class="ttc" id="agroup__component_html_ad186d5a36e45174bbc7c50df85c2e91e"><div class="ttname"><a href="group__component.html#ad186d5a36e45174bbc7c50df85c2e91e">ftxui::AnimatedColorOption::Set</a></div><div class="ttdeci">void Set(Color inactive, Color active, animation::Duration duration=std::chrono::milliseconds(250), animation::easing::Function function=animation::easing::QuadraticInOut)</div><div class="ttdoc">一个可动画的颜色选项。 @params _inactive 当组件不活动时的颜色。 @params _active 当组件活动时的颜色。 @params _duration 动画的持续时间。 @para...</div><div class="ttdef"><b>定义</b> <a href="#l00019">component_options.cpp:19</a></div></div>
<div class="ttc" id="agroup__component_html_aedc93fba91339d9713812821cb140c50"><div class="ttname"><a href="group__component.html#aedc93fba91339d9713812821cb140c50">ftxui::MenuOption::HorizontalAnimated</a></div><div class="ttdeci">static MenuOption HorizontalAnimated()</div><div class="ttdoc">动画水平菜单的标准选项。 这对于实现选项卡栏非常有用。</div><div class="ttdef"><b>定义</b> <a href="#l00091">component_options.cpp:91</a></div></div>
<div class="ttc" id="agroup__component_html_af2b048773665961fae6c104762533908"><div class="ttname"><a href="group__component.html#af2b048773665961fae6c104762533908">ftxui::RadioboxOption::Simple</a></div><div class="ttdeci">static RadioboxOption Simple()</div><div class="ttdoc">标准Radiobox的选项</div><div class="ttdef"><b>定义</b> <a href="#l00264">component_options.cpp:264</a></div></div>
<div class="ttc" id="agroup__component_html_afe14c161494dad905597e75661c7b6a0"><div class="ttname"><a href="group__component.html#afe14c161494dad905597e75661c7b6a0">ftxui::ButtonOption::transform</a></div><div class="ttdeci">std::function&lt; Element(const EntryState &amp;)&gt; transform</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00131">component_options.hpp:131</a></div></div>
<div class="ttc" id="agroup__component_html_structftxui_1_1ButtonOption"><div class="ttname"><a href="group__component.html#structftxui_1_1ButtonOption">ftxui::ButtonOption</a></div><div class="ttdoc">AnimatedButton 组件的选项。</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00114">component_options.hpp:114</a></div></div>
<div class="ttc" id="agroup__component_html_structftxui_1_1CheckboxOption"><div class="ttname"><a href="group__component.html#structftxui_1_1CheckboxOption">ftxui::CheckboxOption</a></div><div class="ttdoc">Checkbox 组件的选项。</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00137">component_options.hpp:137</a></div></div>
<div class="ttc" id="agroup__component_html_structftxui_1_1InputOption"><div class="ttname"><a href="group__component.html#structftxui_1_1InputOption">ftxui::InputOption</a></div><div class="ttdoc">Input 组件的选项。</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00163">component_options.hpp:163</a></div></div>
<div class="ttc" id="agroup__component_html_structftxui_1_1MenuOption"><div class="ttname"><a href="group__component.html#structftxui_1_1MenuOption">ftxui::MenuOption</a></div><div class="ttdoc">Menu 组件的选项。</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00087">component_options.hpp:87</a></div></div>
<div class="ttc" id="agroup__component_html_structftxui_1_1RadioboxOption"><div class="ttname"><a href="group__component.html#structftxui_1_1RadioboxOption">ftxui::RadioboxOption</a></div><div class="ttdoc">Radiobox 组件的选项。</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00194">component_options.hpp:194</a></div></div>
<div class="ttc" id="agroup__dom_html_ga01d4c5aaf0447e862246849111782245"><div class="ttname"><a href="group__dom.html#ga01d4c5aaf0447e862246849111782245">ftxui::bgcolor</a></div><div class="ttdeci">Decorator bgcolor(Color)</div><div class="ttdoc">使用背景色进行装饰。</div><div class="ttdef"><b>定义</b> <a href="dom_2color_8cpp_source.html#l00124">dom/color.cpp:124</a></div></div>
<div class="ttc" id="agroup__dom_html_ga353c769068e25303eb41fa2da565c604"><div class="ttname"><a href="group__dom.html#ga353c769068e25303eb41fa2da565c604">ftxui::bold</a></div><div class="ttdeci">Element bold(Element)</div><div class="ttdoc">使用粗体字体，用于强调元素。</div><div class="ttdef"><b>定义</b> <a href="bold_8cpp_source.html#l00033">bold.cpp:33</a></div></div>
<div class="ttc" id="agroup__dom_html_ga672456b8f2091b615a30ff755418b37b"><div class="ttname"><a href="group__dom.html#ga672456b8f2091b615a30ff755418b37b">ftxui::inverted</a></div><div class="ttdeci">Element inverted(Element)</div><div class="ttdoc">添加一个过滤器，用于反转前景色和背景色。</div><div class="ttdef"><b>定义</b> <a href="inverted_8cpp_source.html#l00033">inverted.cpp:33</a></div></div>
<div class="ttc" id="agroup__dom_html_ga75baaa2734ed76a9f478beaafa87ae57"><div class="ttname"><a href="group__dom.html#ga75baaa2734ed76a9f478beaafa87ae57">ftxui::text</a></div><div class="ttdeci">Element text(std::wstring text)</div><div class="ttdoc">显示一段Unicode文本。</div><div class="ttdef"><b>定义</b> <a href="text_8cpp_source.html#l00160">text.cpp:160</a></div></div>
<div class="ttc" id="agroup__dom_html_gac6a3b77604739516e809369810896646"><div class="ttname"><a href="group__dom.html#gac6a3b77604739516e809369810896646">ftxui::dim</a></div><div class="ttdeci">Element dim(Element)</div><div class="ttdoc">使用浅色字体，用于不那么重要的元素。</div><div class="ttdef"><b>定义</b> <a href="dim_8cpp_source.html#l00032">dim.cpp:32</a></div></div>
<div class="ttc" id="agroup__dom_html_gaca42bd6c44d8d366d5c1014330402086"><div class="ttname"><a href="group__dom.html#gaca42bd6c44d8d366d5c1014330402086">ftxui::automerge</a></div><div class="ttdeci">Element automerge(Element child)</div><div class="ttdoc">启用字符自动与附近的其它字符合并。</div><div class="ttdef"><b>定义</b> <a href="automerge_8cpp_source.html#l00016">automerge.cpp:16</a></div></div>
<div class="ttc" id="agroup__dom_html_gaf61b489da39ca5e24b68e6e1a2b09c0d"><div class="ttname"><a href="group__dom.html#gaf61b489da39ca5e24b68e6e1a2b09c0d">ftxui::color</a></div><div class="ttdeci">Decorator color(Color)</div><div class="ttdoc">使用前景色进行装饰。</div><div class="ttdef"><b>定义</b> <a href="dom_2color_8cpp_source.html#l00110">dom/color.cpp:110</a></div></div>
<div class="ttc" id="agroup__dom_html_gga224b9163917ac32fc95a60d8c1eec3aaa92b09c7c48c520c3c55e497875da437c"><div class="ttname"><a href="group__dom.html#gga224b9163917ac32fc95a60d8c1eec3aaa92b09c7c48c520c3c55e497875da437c">ftxui::Direction::Right</a></div><div class="ttdeci">@ Right</div></div>
<div class="ttc" id="agroup__screen_html_ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094"><div class="ttname"><a href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094">ftxui::Color::White</a></div><div class="ttdeci">@ White</div><div class="ttdef"><b>定义</b> <a href="color_8hpp_source.html#l00067">color.hpp:67</a></div></div>
<div class="ttc" id="agroup__screen_html_ae2b6d9670960e89c66d7b76167a0802fac1e9bce8242f443c54c7405223d616cd"><div class="ttname"><a href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fac1e9bce8242f443c54c7405223d616cd">ftxui::Color::Black</a></div><div class="ttdeci">@ Black</div><div class="ttdef"><b>定义</b> <a href="color_8hpp_source.html#l00052">color.hpp:52</a></div></div>
<div class="ttc" id="agroup__screen_html_ae2b6d9670960e89c66d7b76167a0802fade3b52f7f38e412815092547cd6e8be7"><div class="ttname"><a href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fade3b52f7f38e412815092547cd6e8be7">ftxui::Color::GrayDark</a></div><div class="ttdeci">@ GrayDark</div><div class="ttdef"><b>定义</b> <a href="color_8hpp_source.html#l00060">color.hpp:60</a></div></div>
<div class="ttc" id="agroup__screen_html_ae2b6d9670960e89c66d7b76167a0802fadebf1805c024a5504872f795f83a6835"><div class="ttname"><a href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fadebf1805c024a5504872f795f83a6835">ftxui::Color::GrayLight</a></div><div class="ttdeci">@ GrayLight</div><div class="ttdef"><b>定义</b> <a href="color_8hpp_source.html#l00059">color.hpp:59</a></div></div>
<div class="ttc" id="agroup__screen_html_ae5d82c5fbae4f6561c9471c11c0a461b"><div class="ttname"><a href="group__screen.html#ae5d82c5fbae4f6561c9471c11c0a461b">ftxui::Color::Interpolate</a></div><div class="ttdeci">static Color Interpolate(float t, const Color &amp;a, const Color &amp;b)</div><div class="ttdef"><b>定义</b> <a href="screen_2color_8cpp_source.html#l00202">screen/color.cpp:202</a></div></div>
<div class="ttc" id="agroup__screen_html_classftxui_1_1Color"><div class="ttname"><a href="group__screen.html#classftxui_1_1Color">ftxui::Color</a></div><div class="ttdoc">Color 是一个表示终端用户界面中颜色的类。</div><div class="ttdef"><b>定义</b> <a href="color_8hpp_source.html#l00020">color.hpp:20</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_ad820848234fca6290b7399cc5e07af3a"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a">ftxui::animation::easing::Function</a></div><div class="ttdeci">std::function&lt; float(float)&gt; Function</div><div class="ttdef"><b>定义</b> <a href="animation_8hpp_source.html#l00038">animation.hpp:38</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_html_a3c06579c86b609bce4a9a097b23cd739"><div class="ttname"><a href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">ftxui::animation::Duration</a></div><div class="ttdeci">std::chrono::duration&lt; float &gt; Duration</div><div class="ttdef"><b>定义</b> <a href="animation_8hpp_source.html#l00023">animation.hpp:23</a></div></div>
<div class="ttc" id="anamespaceftxui_html"><div class="ttname"><a href="namespaceftxui.html">ftxui</a></div><div class="ttdoc">#include &quot;ftxui/component/component_base.hpp&quot; // 用于 ComponentBase</div><div class="ttdef"><b>定义</b> <a href="animation_8hpp_source.html#l00009">animation.hpp:9</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a2bc31f2d685189e5c61d2293a1f51b4f"><div class="ttname"><a href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">ftxui::Element</a></div><div class="ttdeci">std::shared_ptr&lt; Node &gt; Element</div><div class="ttdef"><b>定义</b> <a href="elements_8hpp_source.html#l00022">elements.hpp:22</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a4589584fd22c1d4321b88cfeac98d78a"><div class="ttname"><a href="namespaceftxui.html#a4589584fd22c1d4321b88cfeac98d78a">ftxui::borderEmpty</a></div><div class="ttdeci">Element borderEmpty(Element)</div></div>
<div class="ttc" id="anamespaceftxui_html_a552ba6d33b3c9bec586b99fba4c243ac"><div class="ttname"><a href="namespaceftxui.html#a552ba6d33b3c9bec586b99fba4c243ac">ftxui::hbox</a></div><div class="ttdeci">Element hbox(Elements)</div><div class="ttdoc">一个按水平顺序逐一显示元素的容器。</div><div class="ttdef"><b>定义</b> <a href="hbox_8cpp_source.html#l00094">hbox.cpp:94</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a76bce7ce913f693d9b42bc0cf05168b0"><div class="ttname"><a href="namespaceftxui.html#a76bce7ce913f693d9b42bc0cf05168b0">ftxui::border</a></div><div class="ttdeci">Element border(Element)</div></div>
<div class="ttc" id="anamespaceftxui_html_aec889eb456bfab7e10466094f17b8a01"><div class="ttname"><a href="namespaceftxui.html#aec889eb456bfab7e10466094f17b8a01">ftxui::borderLight</a></div><div class="ttdeci">Element borderLight(Element)</div></div>
<div class="ttc" id="astructftxui_1_1AnimatedColorsOption_html_a1acdd8b06eb18ae37ffb815462c4374a"><div class="ttname"><a href="structftxui_1_1AnimatedColorsOption.html#a1acdd8b06eb18ae37ffb815462c4374a">ftxui::AnimatedColorsOption::foreground</a></div><div class="ttdeci">AnimatedColorOption foreground</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00074">component_options.hpp:74</a></div></div>
<div class="ttc" id="astructftxui_1_1AnimatedColorsOption_html_a550692ff465684652d29385a6b24304d"><div class="ttname"><a href="structftxui_1_1AnimatedColorsOption.html#a550692ff465684652d29385a6b24304d">ftxui::AnimatedColorsOption::background</a></div><div class="ttdeci">AnimatedColorOption background</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00073">component_options.hpp:73</a></div></div>
<div class="ttc" id="astructftxui_1_1EntryState_html"><div class="ttname"><a href="structftxui_1_1EntryState.html">ftxui::EntryState</a></div><div class="ttdoc">来自 |ButtonOption|、|CheckboxOption|、 |RadioboxOption|、|MenuEntryOption|、|MenuOption| 的转换参数。</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00023">component_options.hpp:23</a></div></div>
<div class="ttc" id="astructftxui_1_1InputState_html"><div class="ttname"><a href="structftxui_1_1InputState.html">ftxui::InputState</a></div><div class="ttdoc">用于定义 Input 组件的样式。</div><div class="ttdef"><b>定义</b> <a href="component__options_8hpp_source.html#l00154">component_options.hpp:154</a></div></div>
</div><!-- fragment --></div><!-- contents -->
</div><!-- doc-content -->
<!-- HTML footer for doxygen 1.9.8-->
<!-- start footer part -->
<div id="nav-path" class="navpath"><!-- id is needed for treeview function! -->
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const projectNumber = document.getElementById('projectname');
if (!projectNumber) {
console.warn('Doxygen element with ID "projectnumber" not found. Cannot add version switcher.');
return;
}
const langs = ["en", "es", "fr", "ja", "zh-CH", "zh-TW"];
const lang_paths = {"en": "../index.html", "es": "../es/index.html", "fr": "../fr/index.html", "ja": "../ja/index.html", "zh-CH": "index.html", "zh-TW": "../zh-TW/index.html"};
const lang_display = {"en": "English", "es": "Espa\u00f1ol", "fr": "Fran\u00e7ais", "ja": "\u65e5\u672c\u8a9e", "zh-CH": "\u4e2d\u6587 (\u7b80\u4f53)", "zh-TW": "\u4e2d\u6587 (\u7e41\u9ad4)"};
const versions = ["main"];
const version_paths = {"main": "index.html"};
const currentLang = "zh-CH";
const currentVersion = "main";
// Helper function to create a styled select element
const createSelect = (options, current, paths, label, displayMap = null) => {
const select = document.createElement('select');
select.title = label;
select.onchange = function() {
const selectedValue = this.value;
if (selectedValue in paths) {
window.location.href = paths[selectedValue];
}
};
// Sort versions: 'main' first, then others numerically descending.
options.sort((a, b) => {
if (a === 'main') return -1;
if (b === 'main') return 1;
return b.localeCompare(a, undefined, { numeric: true, sensitivity: 'base' });
});
options.forEach(v => {
const option = document.createElement('option');
option.value = v;
// Use the displayMap if provided, otherwise default to the value (v)
option.textContent = displayMap ? displayMap[v] : v;
if (v === current) {
option.selected = true;
}
select.appendChild(option);
});
// Apply some styling to make it look good.
Object.assign(select.style, {
backgroundColor: 'rgba(0, 0, 0, 0.8)',
color: 'white',
border: '1px solid rgba(255, 255, 255, 0.2)',
padding: '5px',
borderRadius: '5px',
fontSize: '14px',
fontFamily: 'inherit',
margin: '0 5px 0 0',
cursor: 'pointer'
});
return select;
};
// 1. Create Language Switcher, passing the language display names map
const langSelect = createSelect(langs, currentLang, lang_paths, 'Select Language', lang_display);
// 2. Create Version Switcher
const versionSelect = createSelect(versions, currentVersion, version_paths, 'Select Version');
// 3. Create FTXUI title.
const ftxuiTitle = document.createElement('span');
ftxuiTitle.textContent = 'FTXUI: ';
Object.assign(ftxuiTitle.style, {
color: 'white',
fontSize: '20px',
fontWeight: 'bold',
marginRight: '10px'
});
// 3. Create a container to hold both selectors
const container = document.createElement('div');
container.id = 'version-lang-switchers';
Object.assign(container.style, {
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
width: 'auto'
});
container.appendChild(ftxuiTitle);
container.appendChild(langSelect);
container.appendChild(versionSelect);
Object.assign(container.style, {
backgroundColor: 'rgba(0, 0, 0, 0.5)',
padding: '5px 10px',
borderRadius: '8px'
});
// Replace the Doxygen project number element with our container.
projectNumber.replaceWith(container);
// Clean up the original Doxygen project number text if it still exists nearby
const parent = container.parentElement;
if (parent) {
const textNode = Array.from(parent.childNodes).find(n => n.nodeType === 3 && n.textContent.trim() !== '');
if (textNode) {
textNode.remove();
}
}
});
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink