mirror of
https://github.com/ArthurSonzogni/FTXUI.git
synced 2025-12-16 01:48:56 +08:00
870 lines
81 KiB
HTML
870 lines
81 KiB
HTML
|
<!-- 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="en-US">
|
||
|
|
<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: examples/component/gallery.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="text/javascript">
|
||
|
|
DoxygenAwesomeFragmentCopyButton.init()
|
||
|
|
DoxygenAwesomeParagraphLink.init()
|
||
|
|
DoxygenAwesomeInteractiveToc.init()
|
||
|
|
DoxygenAwesomeTabs.init()
|
||
|
|
window.addEventListener('DOMContentLoaded', function () {
|
||
|
|
document.querySelectorAll(".headertitle").forEach(div => {
|
||
|
|
// Hide progressively the title.
|
||
|
|
if (div.textContent != "Getting Started" &&
|
||
|
|
div.textContent != "Installation" &&
|
||
|
|
div.textContent != "Modules" &&
|
||
|
|
true) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
div.style.display = "none";
|
||
|
|
// Show progressively the image.
|
||
|
|
const img = document.querySelector("img.inline");
|
||
|
|
img.style.maxHeight = "40vh";
|
||
|
|
img.style.maxWidth = "100%";
|
||
|
|
img.style.objectFit = "contain";
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</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"> 6.1.9</span>
|
||
|
|
</div>
|
||
|
|
<div id="projectbrief">C++ functional terminal UI.</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<!-- end header part -->
|
||
|
|
<!-- Generated by Doxygen 1.12.0 -->
|
||
|
|
<script type="text/javascript">
|
||
|
|
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt MIT */
|
||
|
|
var searchBox = new SearchBox("searchBox", "search/",'.html');
|
||
|
|
/* @license-end */
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&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&dn=expat.txt MIT */
|
||
|
|
$(function() {
|
||
|
|
initMenu('',true,false,'search.php','Search',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&dn=expat.txt MIT */
|
||
|
|
$(function(){initNavTree('examples_2component_2gallery_8cpp-example.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">Loading...</div>
|
||
|
|
<div class="SRStatus" id="Searching">Searching...</div>
|
||
|
|
<div class="SRStatus" id="NoMatches">No Matches</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="header">
|
||
|
|
<div class="headertitle"><div class="title">examples/component/gallery.cpp</div></div>
|
||
|
|
</div><!--header-->
|
||
|
|
<div class="contents">
|
||
|
|
<h1><a class="anchor" id="autotoc_md177"></a>
|
||
|
|
homescreen</h1>
|
||
|
|
<div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
|
||
|
|
<div class="line"><span class="comment">// Use of this source code is governed by the MIT license that can be found in</span></div>
|
||
|
|
<div class="line"><span class="comment">// the LICENSE file.</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <stddef.h></span> <span class="comment">// for size_t</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <array></span> <span class="comment">// for array</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <atomic></span> <span class="comment">// for atomic</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <chrono></span> <span class="comment">// for operator""s, chrono_literals</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <cmath></span> <span class="comment">// for sin</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <functional></span> <span class="comment">// for ref, reference_wrapper, function</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, shared_ptr, __shared_ptr_access</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, basic_string, char_traits, operator+, to_string</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <thread></span> <span class="comment">// for sleep_for, thread</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <utility></span> <span class="comment">// for move</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <vector></span> <span class="comment">// for vector</span></div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "../dom/color_info_sorted_2d.ipp"</span> <span class="comment">// for ColorInfoSorted2D</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="component_8hpp.html">ftxui/component/component.hpp</a>"</span> <span class="comment">// for Checkbox, Renderer, Horizontal, Vertical, Input, Menu, Radiobox, ResizableSplitLeft, Tab</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="component__base_8hpp.html">ftxui/component/component_base.hpp</a>"</span> <span class="comment">// for ComponentBase, Component</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="component__options_8hpp.html">ftxui/component/component_options.hpp</a>"</span> <span class="comment">// for MenuOption, InputOption</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="event_8hpp.html">ftxui/component/event.hpp</a>"</span> <span class="comment">// for Event, Event::Custom</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="screen__interactive_8hpp.html">ftxui/component/screen_interactive.hpp</a>"</span> <span class="comment">// for Component, ScreenInteractive</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="elements_8hpp.html">ftxui/dom/elements.hpp</a>"</span> <span class="comment">// for text, color, operator|, bgcolor, filler, Element, vbox, size, hbox, separator, flex, window, graph, EQUAL, paragraph, WIDTH, hcenter, Elements, bold, vscroll_indicator, HEIGHT, flexbox, hflow, border, frame, flex_grow, gauge, paragraphAlignCenter, paragraphAlignJustify, paragraphAlignLeft, paragraphAlignRight, dim, spinner, LESS_THAN, center, yframe, GREATER_THAN</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="flexbox__config_8hpp.html">ftxui/dom/flexbox_config.hpp</a>"</span> <span class="comment">// for FlexboxConfig</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="color_8hpp.html">ftxui/screen/color.hpp</a>"</span> <span class="comment">// for Color, Color::BlueLight, Color::RedLight, Color::Black, Color::Blue, Color::Cyan, Color::CyanLight, Color::GrayDark, Color::GrayLight, Color::Green, Color::GreenLight, Color::Magenta, Color::MagentaLight, Color::Red, Color::White, Color::Yellow, Color::YellowLight, Color::Default, Color::Palette256, ftxui</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="color__info_8hpp.html">ftxui/screen/color_info.hpp</a>"</span> <span class="comment">// for ColorInfo</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="terminal_8hpp.html">ftxui/screen/terminal.hpp</a>"</span> <span class="comment">// for Size, Dimensions</span></div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"><span class="keyword">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"><span class="keywordtype">int</span> <a id="a0" name="a0"></a><a class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::Fullscreen();</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="comment">// HTOP</span></div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> shift = 0;</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> my_graph = [&shift](<span class="keywordtype">int</span> width, <span class="keywordtype">int</span> height) {</div>
|
||
|
|
<div class="line"> std::vector<int> output(width);</div>
|
||
|
|
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> i = 0; i < width; ++i) {</div>
|
||
|
|
<div class="line"> <span class="keywordtype">float</span> v = 0.5f;</div>
|
||
|
|
<div class="line"> v += 0.1f * sin((i + shift) * 0.1f);</div>
|
||
|
|
<div class="line"> v += 0.2f * sin((i + shift + 10) * 0.15f);</div>
|
||
|
|
<div class="line"> v += 0.1f * sin((i + shift) * 0.03f);</div>
|
||
|
|
<div class="line"> v *= height;</div>
|
||
|
|
<div class="line"> output[i] = (int)v;</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> output;</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> htop = Renderer([&] {</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> frequency = vbox({</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"Frequency [Mhz]"</span>) | hcenter,</div>
|
||
|
|
<div class="line"> hbox({</div>
|
||
|
|
<div class="line"> vbox({</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"2400 "</span>),</div>
|
||
|
|
<div class="line"> filler(),</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"1200 "</span>),</div>
|
||
|
|
<div class="line"> filler(),</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"0 "</span>),</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> graph(std::ref(my_graph)) | flex,</div>
|
||
|
|
<div class="line"> }) | flex,</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> utilization = vbox({</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"Utilization [%]"</span>) | hcenter,</div>
|
||
|
|
<div class="line"> hbox({</div>
|
||
|
|
<div class="line"> vbox({</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"100 "</span>),</div>
|
||
|
|
<div class="line"> filler(),</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"50 "</span>),</div>
|
||
|
|
<div class="line"> filler(),</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"0 "</span>),</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> graph(std::ref(my_graph)) | color(Color::RedLight),</div>
|
||
|
|
<div class="line"> }) | flex,</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> ram = vbox({</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"Ram [Mo]"</span>) | hcenter,</div>
|
||
|
|
<div class="line"> hbox({</div>
|
||
|
|
<div class="line"> vbox({</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"8192"</span>),</div>
|
||
|
|
<div class="line"> filler(),</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"4096 "</span>),</div>
|
||
|
|
<div class="line"> filler(),</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"0 "</span>),</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> graph(std::ref(my_graph)) | color(Color::BlueLight),</div>
|
||
|
|
<div class="line"> }) | flex,</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> hbox({</div>
|
||
|
|
<div class="line"> vbox({</div>
|
||
|
|
<div class="line"> frequency | flex,</div>
|
||
|
|
<div class="line"> separator(),</div>
|
||
|
|
<div class="line"> utilization | flex,</div>
|
||
|
|
<div class="line"> }) | flex,</div>
|
||
|
|
<div class="line"> separator(),</div>
|
||
|
|
<div class="line"> ram | flex,</div>
|
||
|
|
<div class="line"> }) |</div>
|
||
|
|
<div class="line"> flex;</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="comment">// Compiler</span></div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">const</span> std::vector<std::string> compiler_entries = {</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"gcc"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"clang"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"emcc"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"game_maker"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Ada compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"ALGOL 60 compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"ALGOL 68 compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Assemblers (Intel *86)"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Assemblers (Motorola 68*)"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Assemblers (Zilog Z80)"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Assemblers (other)"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"BASIC Compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"BASIC interpreters"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Batch compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"C compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Source-to-source compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"C++ compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"C# compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"COBOL compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Common Lisp compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"D compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"DIBOL/DBL compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"ECMAScript interpreters"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Eiffel compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Fortran compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Go compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Haskell compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Java compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Pascal compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Perl Interpreters"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"PHP compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"PL/I compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Python compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Scheme compilers and interpreters"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Smalltalk compilers"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Tcl Interpreters"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"VMS Interpreters"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Rexx Interpreters"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"CLI compilers"</span>,</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> compiler_selected = 0;</div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> compiler = Radiobox(&compiler_entries, &compiler_selected);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> std::array<std::string, 8> options_label = {</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"-Wall"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"-Werror"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"-lpthread"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"-O3"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"-Wabi-tag"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"-Wno-class-conversion"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"-Wcomma-subscript"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"-Wno-conversion-null"</span>,</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> std::array<bool, 8> options_state = {</div>
|
||
|
|
<div class="line"> <span class="keyword">false</span>, <span class="keyword">false</span>, <span class="keyword">false</span>, <span class="keyword">false</span>, <span class="keyword">false</span>, <span class="keyword">false</span>, <span class="keyword">false</span>, <span class="keyword">false</span>,</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> std::vector<std::string> input_entries;</div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> input_selected = 0;</div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> input = Menu(&input_entries, &input_selected);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> input_option = <a id="_a1" name="_a1"></a><a class="code hl_struct" href="structftxui_1_1InputOption.html">InputOption</a>();</div>
|
||
|
|
<div class="line"> std::string input_add_content;</div>
|
||
|
|
<div class="line"> input_option.on_enter = [&] {</div>
|
||
|
|
<div class="line"> input_entries.push_back(input_add_content);</div>
|
||
|
|
<div class="line"> input_add_content = <span class="stringliteral">""</span>;</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> input_add = Input(&input_add_content, <span class="stringliteral">"input files"</span>, input_option);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> std::string executable_content_ = <span class="stringliteral">""</span>;</div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> executable_ = Input(&executable_content_, <span class="stringliteral">"executable"</span>);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> flags = Container::Vertical({</div>
|
||
|
|
<div class="line"> Checkbox(&options_label[0], &options_state[0]),</div>
|
||
|
|
<div class="line"> Checkbox(&options_label[1], &options_state[1]),</div>
|
||
|
|
<div class="line"> Checkbox(&options_label[2], &options_state[2]),</div>
|
||
|
|
<div class="line"> Checkbox(&options_label[3], &options_state[3]),</div>
|
||
|
|
<div class="line"> Checkbox(&options_label[4], &options_state[4]),</div>
|
||
|
|
<div class="line"> Checkbox(&options_label[5], &options_state[5]),</div>
|
||
|
|
<div class="line"> Checkbox(&options_label[6], &options_state[6]),</div>
|
||
|
|
<div class="line"> Checkbox(&options_label[7], &options_state[7]),</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> compiler_component = Container::Horizontal({</div>
|
||
|
|
<div class="line"> compiler,</div>
|
||
|
|
<div class="line"> flags,</div>
|
||
|
|
<div class="line"> Container::Vertical({</div>
|
||
|
|
<div class="line"> executable_,</div>
|
||
|
|
<div class="line"> Container::Horizontal({</div>
|
||
|
|
<div class="line"> input_add,</div>
|
||
|
|
<div class="line"> input,</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> render_command = [&] {</div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> line;</div>
|
||
|
|
<div class="line"> <span class="comment">// Compiler</span></div>
|
||
|
|
<div class="line"> line.push_back(text(compiler_entries[compiler_selected]) | bold);</div>
|
||
|
|
<div class="line"> <span class="comment">// flags</span></div>
|
||
|
|
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> i = 0; i < 8; ++i) {</div>
|
||
|
|
<div class="line"> <span class="keywordflow">if</span> (options_state[i]) {</div>
|
||
|
|
<div class="line"> line.push_back(text(<span class="stringliteral">" "</span>));</div>
|
||
|
|
<div class="line"> line.push_back(text(options_label[i]) | dim);</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> <span class="comment">// Executable</span></div>
|
||
|
|
<div class="line"> <span class="keywordflow">if</span> (!executable_content_.empty()) {</div>
|
||
|
|
<div class="line"> line.push_back(text(<span class="stringliteral">" -o "</span>) | bold);</div>
|
||
|
|
<div class="line"> line.push_back(text(executable_content_) | color(Color::BlueLight) |</div>
|
||
|
|
<div class="line"> bold);</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> <span class="comment">// Input</span></div>
|
||
|
|
<div class="line"> <span class="keywordflow">for</span> (<span class="keyword">auto</span>& it : input_entries) {</div>
|
||
|
|
<div class="line"> line.push_back(text(<span class="stringliteral">" "</span> + it) | color(Color::RedLight));</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> line;</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> compiler_renderer = Renderer(compiler_component, [&] {</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> compiler_win = window(text(<span class="stringliteral">"Compiler"</span>),</div>
|
||
|
|
<div class="line"> compiler->Render() | vscroll_indicator | frame);</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> flags_win =</div>
|
||
|
|
<div class="line"> window(text(<span class="stringliteral">"Flags"</span>), flags->Render() | vscroll_indicator | frame);</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> executable_win = window(text(<span class="stringliteral">"Executable:"</span>), executable_->Render());</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> input_win =</div>
|
||
|
|
<div class="line"> window(text(<span class="stringliteral">"Input"</span>), hbox({</div>
|
||
|
|
<div class="line"> vbox({</div>
|
||
|
|
<div class="line"> hbox({</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"Add: "</span>),</div>
|
||
|
|
<div class="line"> input_add->Render(),</div>
|
||
|
|
<div class="line"> }) | size(WIDTH, EQUAL, 20) |</div>
|
||
|
|
<div class="line"> size(HEIGHT, EQUAL, 1),</div>
|
||
|
|
<div class="line"> filler(),</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> separator(),</div>
|
||
|
|
<div class="line"> input->Render() | vscroll_indicator | frame |</div>
|
||
|
|
<div class="line"> size(HEIGHT, EQUAL, 3) | flex,</div>
|
||
|
|
<div class="line"> }));</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
|
|
<div class="line"> hbox({</div>
|
||
|
|
<div class="line"> compiler_win,</div>
|
||
|
|
<div class="line"> flags_win,</div>
|
||
|
|
<div class="line"> vbox({</div>
|
||
|
|
<div class="line"> executable_win | size(WIDTH, EQUAL, 20),</div>
|
||
|
|
<div class="line"> input_win | size(WIDTH, EQUAL, 60),</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> filler(),</div>
|
||
|
|
<div class="line"> }) | size(HEIGHT, LESS_THAN, 8),</div>
|
||
|
|
<div class="line"> hflow(render_command()) | flex_grow,</div>
|
||
|
|
<div class="line"> }) |</div>
|
||
|
|
<div class="line"> flex_grow;</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="comment">// Spinner</span></div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> spinner_tab_renderer = Renderer([&] {</div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> entries;</div>
|
||
|
|
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> i = 0; i < 22; ++i) {</div>
|
||
|
|
<div class="line"> entries.push_back(spinner(i, shift / 2) | bold |</div>
|
||
|
|
<div class="line"> size(WIDTH, GREATER_THAN, 2) | border);</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> hflow(std::move(entries));</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="comment">// Colors</span></div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> color_tab_renderer = Renderer([] {</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> basic_color_display =</div>
|
||
|
|
<div class="line"> vbox({</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"16 color palette:"</span>),</div>
|
||
|
|
<div class="line"> separator(),</div>
|
||
|
|
<div class="line"> hbox({</div>
|
||
|
|
<div class="line"> vbox({</div>
|
||
|
|
<div class="line"> color(Color::Default, text(<span class="stringliteral">"Default"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::Black, text(<span class="stringliteral">"Black"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::GrayDark, text(<span class="stringliteral">"GrayDark"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::GrayLight, text(<span class="stringliteral">"GrayLight"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::White, text(<span class="stringliteral">"White"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::Blue, text(<span class="stringliteral">"Blue"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::BlueLight, text(<span class="stringliteral">"BlueLight"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::Cyan, text(<span class="stringliteral">"Cyan"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::CyanLight, text(<span class="stringliteral">"CyanLight"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::Green, text(<span class="stringliteral">"Green"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::GreenLight, text(<span class="stringliteral">"GreenLight"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::Magenta, text(<span class="stringliteral">"Magenta"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::MagentaLight, text(<span class="stringliteral">"MagentaLight"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::Red, text(<span class="stringliteral">"Red"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::RedLight, text(<span class="stringliteral">"RedLight"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::Yellow, text(<span class="stringliteral">"Yellow"</span>)),</div>
|
||
|
|
<div class="line"> color(Color::YellowLight, text(<span class="stringliteral">"YellowLight"</span>)),</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> vbox({</div>
|
||
|
|
<div class="line"> bgcolor(Color::Default, text(<span class="stringliteral">"Default"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::Black, text(<span class="stringliteral">"Black"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::GrayDark, text(<span class="stringliteral">"GrayDark"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::GrayLight, text(<span class="stringliteral">"GrayLight"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::White, text(<span class="stringliteral">"White"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::Blue, text(<span class="stringliteral">"Blue"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::BlueLight, text(<span class="stringliteral">"BlueLight"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::Cyan, text(<span class="stringliteral">"Cyan"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::CyanLight, text(<span class="stringliteral">"CyanLight"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::Green, text(<span class="stringliteral">"Green"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::GreenLight, text(<span class="stringliteral">"GreenLight"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::Magenta, text(<span class="stringliteral">"Magenta"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::MagentaLight, text(<span class="stringliteral">"MagentaLight"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::Red, text(<span class="stringliteral">"Red"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::RedLight, text(<span class="stringliteral">"RedLight"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::Yellow, text(<span class="stringliteral">"Yellow"</span>)),</div>
|
||
|
|
<div class="line"> bgcolor(Color::YellowLight, text(<span class="stringliteral">"YellowLight"</span>)),</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> }) |</div>
|
||
|
|
<div class="line"> border;</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> palette_256_color_display = text(<span class="stringliteral">"256 colors palette:"</span>);</div>
|
||
|
|
<div class="line"> {</div>
|
||
|
|
<div class="line"> std::vector<std::vector<ColorInfo>> info_columns = <a id="a2" name="a2"></a><a class="code hl_function" href="color__info__sorted__2d_8ipp.html#a0f08918d6064cd2a0e56cb9ec74033ca">ColorInfoSorted2D</a>();</div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> columns;</div>
|
||
|
|
<div class="line"> <span class="keywordflow">for</span> (<span class="keyword">auto</span>& column : info_columns) {</div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> column_elements;</div>
|
||
|
|
<div class="line"> <span class="keywordflow">for</span> (<span class="keyword">auto</span>& it : column) {</div>
|
||
|
|
<div class="line"> column_elements.push_back(</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">" "</span>) | bgcolor(<a id="_a3" name="_a3"></a><a class="code hl_class" href="classftxui_1_1Color.html">Color</a>(<a class="code hl_enumeration" href="classftxui_1_1Color.html#abd07c48f62cc507fafa2486a43130fcf">Color::Palette256</a>(it.index_256))));</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> columns.push_back(hbox(std::move(column_elements)));</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> palette_256_color_display = vbox({</div>
|
||
|
|
<div class="line"> palette_256_color_display,</div>
|
||
|
|
<div class="line"> separator(),</div>
|
||
|
|
<div class="line"> vbox(columns),</div>
|
||
|
|
<div class="line"> }) |</div>
|
||
|
|
<div class="line"> border;</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// True color display.</span></div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> true_color_display = text(<span class="stringliteral">"TrueColors: 24bits:"</span>);</div>
|
||
|
|
<div class="line"> {</div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> saturation = 255;</div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> array;</div>
|
||
|
|
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> value = 0; value < 255; value += 16) {</div>
|
||
|
|
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> line;</div>
|
||
|
|
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> hue = 0; hue < 255; hue += 6) {</div>
|
||
|
|
<div class="line"> line.push_back(text(<span class="stringliteral">"▀"</span>) <span class="comment">//</span></div>
|
||
|
|
<div class="line"> | color(Color::HSV(hue, saturation, value)) <span class="comment">//</span></div>
|
||
|
|
<div class="line"> | bgcolor(Color::HSV(hue, saturation, value + 8)));</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> array.push_back(hbox(std::move(line)));</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> true_color_display = vbox({</div>
|
||
|
|
<div class="line"> true_color_display,</div>
|
||
|
|
<div class="line"> separator(),</div>
|
||
|
|
<div class="line"> vbox(std::move(array)),</div>
|
||
|
|
<div class="line"> }) |</div>
|
||
|
|
<div class="line"> border;</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> flexbox(</div>
|
||
|
|
<div class="line"> {</div>
|
||
|
|
<div class="line"> basic_color_display,</div>
|
||
|
|
<div class="line"> palette_256_color_display,</div>
|
||
|
|
<div class="line"> true_color_display,</div>
|
||
|
|
<div class="line"> },</div>
|
||
|
|
<div class="line"> <a id="_a4" name="_a4"></a><a class="code hl_struct" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a>().<a id="a5" name="a5"></a><a class="code hl_function" href="structftxui_1_1FlexboxConfig.html#a98d9a43033c09c7f967cdec791408bad">SetGap</a>(1, 1));</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="comment">// Gauges</span></div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> render_gauge = [&shift](<span class="keywordtype">int</span> delta) {</div>
|
||
|
|
<div class="line"> <span class="keywordtype">float</span> progress = (shift + delta) % 500 / 500.f;</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> hbox({</div>
|
||
|
|
<div class="line"> text(std::to_string(<span class="keywordtype">int</span>(progress * 100)) + <span class="stringliteral">"% "</span>) |</div>
|
||
|
|
<div class="line"> size(WIDTH, EQUAL, 5),</div>
|
||
|
|
<div class="line"> gauge(progress),</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> gauge_component = Renderer([render_gauge] {</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
|
|
<div class="line"> render_gauge(0) | color(Color::Black),</div>
|
||
|
|
<div class="line"> render_gauge(100) | color(Color::GrayDark),</div>
|
||
|
|
<div class="line"> render_gauge(50) | color(Color::GrayLight),</div>
|
||
|
|
<div class="line"> render_gauge(6894) | color(Color::White),</div>
|
||
|
|
<div class="line"> separator(),</div>
|
||
|
|
<div class="line"> render_gauge(6841) | color(Color::Blue),</div>
|
||
|
|
<div class="line"> render_gauge(9813) | color(Color::BlueLight),</div>
|
||
|
|
<div class="line"> render_gauge(98765) | color(Color::Cyan),</div>
|
||
|
|
<div class="line"> render_gauge(98) | color(Color::CyanLight),</div>
|
||
|
|
<div class="line"> render_gauge(9846) | color(Color::Green),</div>
|
||
|
|
<div class="line"> render_gauge(1122) | color(Color::GreenLight),</div>
|
||
|
|
<div class="line"> render_gauge(84) | color(Color::Magenta),</div>
|
||
|
|
<div class="line"> render_gauge(645) | color(Color::MagentaLight),</div>
|
||
|
|
<div class="line"> render_gauge(568) | color(Color::Red),</div>
|
||
|
|
<div class="line"> render_gauge(2222) | color(Color::RedLight),</div>
|
||
|
|
<div class="line"> render_gauge(220) | color(Color::Yellow),</div>
|
||
|
|
<div class="line"> render_gauge(348) | color(Color::YellowLight),</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="comment">// Paragraph</span></div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> <a id="a6" name="a6"></a><a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a> = [](<span class="keywordtype">size_t</span> dimx, <span class="keywordtype">size_t</span> dimy) {</div>
|
||
|
|
<div class="line"> std::string title = std::to_string(dimx) + <span class="stringliteral">"x"</span> + std::to_string(dimy);</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> window(text(title) | hcenter | bold,</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"content"</span>) | hcenter | dim) |</div>
|
||
|
|
<div class="line"> size(WIDTH, EQUAL, dimx) | size(HEIGHT, EQUAL, dimy);</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> paragraph_renderer_left = Renderer([&] {</div>
|
||
|
|
<div class="line"> std::string str =</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Lorem Ipsum is simply dummy text of the printing and typesetting "</span></div>
|
||
|
|
<div class="line"> <span class="stringliteral">"industry.\nLorem Ipsum has been the industry's standard dummy text "</span></div>
|
||
|
|
<div class="line"> <span class="stringliteral">"ever since the 1500s, when an unknown printer took a galley of type "</span></div>
|
||
|
|
<div class="line"> <span class="stringliteral">"and scrambled it to make a type specimen book."</span>;</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
|
|
<div class="line"> window(text(<span class="stringliteral">"Align left:"</span>), paragraphAlignLeft(str)),</div>
|
||
|
|
<div class="line"> window(text(<span class="stringliteral">"Align center:"</span>), paragraphAlignCenter(str)),</div>
|
||
|
|
<div class="line"> window(text(<span class="stringliteral">"Align right:"</span>), paragraphAlignRight(str)),</div>
|
||
|
|
<div class="line"> window(text(<span class="stringliteral">"Align justify:"</span>), paragraphAlignJustify(str)),</div>
|
||
|
|
<div class="line"> window(text(<span class="stringliteral">"Side by side"</span>), hbox({</div>
|
||
|
|
<div class="line"> paragraph(str),</div>
|
||
|
|
<div class="line"> separator(),</div>
|
||
|
|
<div class="line"> paragraph(str),</div>
|
||
|
|
<div class="line"> })),</div>
|
||
|
|
<div class="line"> window(text(<span class="stringliteral">"Elements with different size:"</span>),</div>
|
||
|
|
<div class="line"> flexbox({</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(10, 5),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(9, 4),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(8, 4),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(6, 3),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(10, 5),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(9, 4),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(8, 4),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(6, 3),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(10, 5),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(9, 4),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(8, 4),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(6, 3),</div>
|
||
|
|
<div class="line"> })),</div>
|
||
|
|
<div class="line"> }) |</div>
|
||
|
|
<div class="line"> vscroll_indicator | yframe | flex;</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> paragraph_renderer_right = Renderer([] {</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> paragraph(<span class="stringliteral">"<--- This vertical bar is resizable using the mouse"</span>) |</div>
|
||
|
|
<div class="line"> center;</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> paragraph_renderer_split_position = Terminal::Size().dimx / 2;</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> paragraph_renderer_group =</div>
|
||
|
|
<div class="line"> ResizableSplitLeft(paragraph_renderer_left, paragraph_renderer_right,</div>
|
||
|
|
<div class="line"> &paragraph_renderer_split_position);</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> paragraph_renderer_group_renderer =</div>
|
||
|
|
<div class="line"> Renderer(paragraph_renderer_group,</div>
|
||
|
|
<div class="line"> [&] { <span class="keywordflow">return</span> paragraph_renderer_group->Render(); });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="comment">// Tabs</span></div>
|
||
|
|
<div class="line"> <span class="comment">// ---------------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> tab_index = 0;</div>
|
||
|
|
<div class="line"> std::vector<std::string> tab_entries = {</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"htop"</span>, <span class="stringliteral">"color"</span>, <span class="stringliteral">"spinner"</span>, <span class="stringliteral">"gauge"</span>, <span class="stringliteral">"compiler"</span>, <span class="stringliteral">"paragraph"</span>,</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> tab_selection =</div>
|
||
|
|
<div class="line"> Menu(&tab_entries, &tab_index, MenuOption::HorizontalAnimated());</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> tab_content = Container::Tab(</div>
|
||
|
|
<div class="line"> {</div>
|
||
|
|
<div class="line"> htop,</div>
|
||
|
|
<div class="line"> color_tab_renderer,</div>
|
||
|
|
<div class="line"> spinner_tab_renderer,</div>
|
||
|
|
<div class="line"> gauge_component,</div>
|
||
|
|
<div class="line"> compiler_renderer,</div>
|
||
|
|
<div class="line"> paragraph_renderer_group_renderer,</div>
|
||
|
|
<div class="line"> },</div>
|
||
|
|
<div class="line"> &tab_index);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> exit_button =</div>
|
||
|
|
<div class="line"> Button(<span class="stringliteral">"Exit"</span>, [&] { screen.Exit(); }, ButtonOption::Animated());</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> main_container = Container::Vertical({</div>
|
||
|
|
<div class="line"> Container::Horizontal({</div>
|
||
|
|
<div class="line"> tab_selection,</div>
|
||
|
|
<div class="line"> exit_button,</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> tab_content,</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> main_renderer = Renderer(main_container, [&] {</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
|
|
<div class="line"> text(<span class="stringliteral">"FTXUI Demo"</span>) | bold | hcenter,</div>
|
||
|
|
<div class="line"> hbox({</div>
|
||
|
|
<div class="line"> tab_selection->Render() | flex,</div>
|
||
|
|
<div class="line"> exit_button->Render(),</div>
|
||
|
|
<div class="line"> }),</div>
|
||
|
|
<div class="line"> tab_content->Render() | flex,</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> std::atomic<bool> refresh_ui_continue = <span class="keyword">true</span>;</div>
|
||
|
|
<div class="line"> std::thread refresh_ui([&] {</div>
|
||
|
|
<div class="line"> <span class="keywordflow">while</span> (refresh_ui_continue) {</div>
|
||
|
|
<div class="line"> <span class="keyword">using namespace </span>std::chrono_literals;</div>
|
||
|
|
<div class="line"> std::this_thread::sleep_for(0.05s);</div>
|
||
|
|
<div class="line"> <span class="comment">// The |shift| variable belong to the main thread. `screen.Post(task)`</span></div>
|
||
|
|
<div class="line"> <span class="comment">// will execute the update on the thread where |screen| lives (e.g. the</span></div>
|
||
|
|
<div class="line"> <span class="comment">// main thread). Using `screen.Post(task)` is threadsafe.</span></div>
|
||
|
|
<div class="line"> screen.Post([&] { shift++; });</div>
|
||
|
|
<div class="line"> <span class="comment">// After updating the state, request a new frame to be drawn. This is done</span></div>
|
||
|
|
<div class="line"> <span class="comment">// by simulating a new "custom" event to be handled.</span></div>
|
||
|
|
<div class="line"> screen.Post(Event::Custom);</div>
|
||
|
|
<div class="line"> }</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> screen.Loop(main_renderer);</div>
|
||
|
|
<div class="line"> refresh_ui_continue = <span class="keyword">false</span>;</div>
|
||
|
|
<div class="line"> refresh_ui.join();</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
|
|
<div class="line">}</div>
|
||
|
|
<div class="ttc" id="aclassftxui_1_1Color_html"><div class="ttname"><a href="classftxui_1_1Color.html">ftxui::Color</a></div><div class="ttdoc">A class representing terminal colors.</div><div class="ttdef"><b>Definition</b> <a href="color_8hpp_source.html#l00020">color.hpp:20</a></div></div>
|
||
|
|
<div class="ttc" id="aclassftxui_1_1Color_html_abd07c48f62cc507fafa2486a43130fcf"><div class="ttname"><a href="classftxui_1_1Color.html#abd07c48f62cc507fafa2486a43130fcf">ftxui::Color::Palette256</a></div><div class="ttdeci">Palette256</div><div class="ttdef"><b>Definition</b> <a href="color_8hpp_source.html#l00070">color.hpp:70</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="acolor__info_8hpp_html"><div class="ttname"><a href="color__info_8hpp.html">color_info.hpp</a></div></div>
|
||
|
|
<div class="ttc" id="acolor__info__sorted__2d_8ipp_html_a0f08918d6064cd2a0e56cb9ec74033ca"><div class="ttname"><a href="color__info__sorted__2d_8ipp.html#a0f08918d6064cd2a0e56cb9ec74033ca">ColorInfoSorted2D</a></div><div class="ttdeci">std::vector< std::vector< ftxui::ColorInfo > > ColorInfoSorted2D()</div><div class="ttdef"><b>Definition</b> <a href="color__info__sorted__2d_8ipp_source.html#l00005">color_info_sorted_2d.ipp:5</a></div></div>
|
||
|
|
<div class="ttc" id="acomponent_8hpp_html"><div class="ttname"><a href="component_8hpp.html">component.hpp</a></div></div>
|
||
|
|
<div class="ttc" id="acomponent__base_8hpp_html"><div class="ttname"><a href="component__base_8hpp.html">component_base.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="aelements_8hpp_html"><div class="ttname"><a href="elements_8hpp.html">elements.hpp</a></div></div>
|
||
|
|
<div class="ttc" id="aevent_8hpp_html"><div class="ttname"><a href="event_8hpp.html">event.hpp</a></div></div>
|
||
|
|
<div class="ttc" id="aexamples_2component_2button_8cpp_html_ae66f6b31b5ad750f1fe042a706a4e3d4"><div class="ttname"><a href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a></div><div class="ttdeci">int main()</div><div class="ttdef"><b>Definition</b> <a href="examples_2component_2button_8cpp_source.html#l00004">examples/component/button.cpp:4</a></div></div>
|
||
|
|
<div class="ttc" id="aexamples_2component_2focus_8cpp_html_a9ffb8a33ec5d0133f63f791d526df1c7"><div class="ttname"><a href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a></div><div class="ttdeci">Element make_box(int x, int y)</div><div class="ttdef"><b>Definition</b> <a href="examples_2component_2focus_8cpp_source.html#l00017">examples/component/focus.cpp:17</a></div></div>
|
||
|
|
<div class="ttc" id="aflexbox__config_8hpp_html"><div class="ttname"><a href="flexbox__config_8hpp.html">flexbox_config.hpp</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html"><div class="ttname"><a href="namespaceftxui.html">ftxui</a></div><div class="ttdef"><b>Definition</b> <a href="animation_8hpp_source.html#l00010">animation.hpp:10</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_a5d4aa06ca6cc6a72e981bd5386f93f0a"><div class="ttname"><a href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">ftxui::Elements</a></div><div class="ttdeci">std::vector< Element > Elements</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00023">elements.hpp:23</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_af1479ede01dbf087342534ab4ada11d3"><div class="ttname"><a href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">ftxui::Component</a></div><div class="ttdeci">std::shared_ptr< ComponentBase > Component</div><div class="ttdef"><b>Definition</b> <a href="component__base_8hpp_source.html#l00024">component_base.hpp:24</a></div></div>
|
||
|
|
<div class="ttc" id="ascreen__interactive_8hpp_html"><div class="ttname"><a href="screen__interactive_8hpp.html">screen_interactive.hpp</a></div></div>
|
||
|
|
<div class="ttc" id="astructftxui_1_1FlexboxConfig_html"><div class="ttname"><a href="structftxui_1_1FlexboxConfig.html">ftxui::FlexboxConfig</a></div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00015">flexbox_config.hpp:15</a></div></div>
|
||
|
|
<div class="ttc" id="astructftxui_1_1FlexboxConfig_html_a98d9a43033c09c7f967cdec791408bad"><div class="ttname"><a href="structftxui_1_1FlexboxConfig.html#a98d9a43033c09c7f967cdec791408bad">ftxui::FlexboxConfig::SetGap</a></div><div class="ttdeci">FlexboxConfig & SetGap(int gap_x, int gap_y)</div><div class="ttdoc">Set the flexbox flex direction.</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8cpp_source.html#l00045">flexbox_config.cpp:45</a></div></div>
|
||
|
|
<div class="ttc" id="astructftxui_1_1InputOption_html"><div class="ttname"><a href="structftxui_1_1InputOption.html">ftxui::InputOption</a></div><div class="ttdoc">Option for the Input component.</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00161">component_options.hpp:161</a></div></div>
|
||
|
|
<div class="ttc" id="aterminal_8hpp_html"><div class="ttname"><a href="terminal_8hpp.html">terminal.hpp</a></div></div>
|
||
|
|
</div><!-- fragment --><div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
|
||
|
|
<div class="line"><span class="comment">// Use of this source code is governed by the MIT license that can be found in</span></div>
|
||
|
|
<div class="line"><span class="comment">// the LICENSE file.</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <functional></span> <span class="comment">// for function</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for shared_ptr, allocator, __shared_ptr_access</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, basic_string</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include <vector></span> <span class="comment">// for vector</span></div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="captured__mouse_8hpp.html">ftxui/component/captured_mouse.hpp</a>"</span> <span class="comment">// for ftxui</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="component_8hpp.html">ftxui/component/component.hpp</a>"</span> <span class="comment">// for Slider, Checkbox, Vertical, Renderer, Button, Input, Menu, Radiobox, Toggle</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="component__base_8hpp.html">ftxui/component/component_base.hpp</a>"</span> <span class="comment">// for ComponentBase</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="screen__interactive_8hpp.html">ftxui/component/screen_interactive.hpp</a>"</span> <span class="comment">// for Component, ScreenInteractive</span></div>
|
||
|
|
<div class="line"><span class="preprocessor">#include "<a class="code" href="elements_8hpp.html">ftxui/dom/elements.hpp</a>"</span> <span class="comment">// for separator, operator|, Element, size, xflex, text, WIDTH, hbox, vbox, EQUAL, border, GREATER_THAN</span></div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"><span class="keyword">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"><span class="comment">// Display a component nicely with a title on the left.</span></div>
|
||
|
|
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a id="a7" name="a7"></a><a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(std::string name, <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> component) {</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> Renderer(component, [name, component] {</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> hbox({</div>
|
||
|
|
<div class="line"> text(name) | size(WIDTH, EQUAL, 8),</div>
|
||
|
|
<div class="line"> separator(),</div>
|
||
|
|
<div class="line"> component->Render() | xflex,</div>
|
||
|
|
<div class="line"> }) |</div>
|
||
|
|
<div class="line"> xflex;</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line">}</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"><span class="keywordtype">int</span> <a class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// -- Menu</span></div>
|
||
|
|
<div class="line"> <span class="comment">// ----------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keyword">const</span> std::vector<std::string> menu_entries = {</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Menu 1"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Menu 2"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Menu 3"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Menu 4"</span>,</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> menu_selected = 0;</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> menu = <a class="code hl_function" href="namespaceftxui.html#a27828fc39da10a18478ba84b1b162039">Menu</a>(&menu_entries, &menu_selected);</div>
|
||
|
|
<div class="line"> menu = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Menu"</span>, menu);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// -- Toggle------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> toggle_selected = 0;</div>
|
||
|
|
<div class="line"> std::vector<std::string> toggle_entries = {</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Toggle_1"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Toggle_2"</span>,</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> toggle = <a class="code hl_function" href="namespaceftxui.html#a3537fccac66b07cd792874c9a6086811">Toggle</a>(&toggle_entries, &toggle_selected);</div>
|
||
|
|
<div class="line"> toggle = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Toggle"</span>, toggle);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// -- Checkbox ---------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keywordtype">bool</span> checkbox_1_selected = <span class="keyword">false</span>;</div>
|
||
|
|
<div class="line"> <span class="keywordtype">bool</span> checkbox_2_selected = <span class="keyword">false</span>;</div>
|
||
|
|
<div class="line"> <span class="keywordtype">bool</span> checkbox_3_selected = <span class="keyword">false</span>;</div>
|
||
|
|
<div class="line"> <span class="keywordtype">bool</span> checkbox_4_selected = <span class="keyword">false</span>;</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> checkboxes = Container::Vertical({</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ae0d441d2c83740f187f62db566bbefcd">Checkbox</a>(<span class="stringliteral">"checkbox1"</span>, &checkbox_1_selected),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ae0d441d2c83740f187f62db566bbefcd">Checkbox</a>(<span class="stringliteral">"checkbox2"</span>, &checkbox_2_selected),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ae0d441d2c83740f187f62db566bbefcd">Checkbox</a>(<span class="stringliteral">"checkbox3"</span>, &checkbox_3_selected),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ae0d441d2c83740f187f62db566bbefcd">Checkbox</a>(<span class="stringliteral">"checkbox4"</span>, &checkbox_4_selected),</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> checkboxes = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Checkbox"</span>, checkboxes);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// -- Radiobox ---------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> radiobox_selected = 0;</div>
|
||
|
|
<div class="line"> std::vector<std::string> radiobox_entries = {</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Radiobox 1"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Radiobox 2"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Radiobox 3"</span>,</div>
|
||
|
|
<div class="line"> <span class="stringliteral">"Radiobox 4"</span>,</div>
|
||
|
|
<div class="line"> };</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> radiobox = <a class="code hl_function" href="namespaceftxui.html#a3e7a44f321fa910f07aef5879e67af95">Radiobox</a>(&radiobox_entries, &radiobox_selected);</div>
|
||
|
|
<div class="line"> radiobox = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Radiobox"</span>, radiobox);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// -- Input ------------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> std::string input_label;</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> input = <a class="code hl_function" href="namespaceftxui.html#a7f285fcbc4dd0a0767b89a255fd062dc">Input</a>(&input_label, <span class="stringliteral">"placeholder"</span>);</div>
|
||
|
|
<div class="line"> input = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Input"</span>, input);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// -- Button -----------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> std::string button_label = <span class="stringliteral">"Quit"</span>;</div>
|
||
|
|
<div class="line"> std::function<void()> on_button_clicked_;</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> button = <a class="code hl_function" href="namespaceftxui.html#a4e8295ec77dd31b0acc5063b134473e7">Button</a>(&button_label, screen.ExitLoopClosure());</div>
|
||
|
|
<div class="line"> button = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Button"</span>, button);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// -- Slider -----------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> slider_value_1 = 12;</div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> slider_value_2 = 56;</div>
|
||
|
|
<div class="line"> <span class="keywordtype">int</span> slider_value_3 = 128;</div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> sliders = Container::Vertical({</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#aa3558d992a72679e5e9c9c7b67abd727">Slider</a>(<span class="stringliteral">"R:"</span>, &slider_value_1, 0, 256, 1),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#aa3558d992a72679e5e9c9c7b67abd727">Slider</a>(<span class="stringliteral">"G:"</span>, &slider_value_2, 0, 256, 1),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#aa3558d992a72679e5e9c9c7b67abd727">Slider</a>(<span class="stringliteral">"B:"</span>, &slider_value_3, 0, 256, 1),</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> sliders = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Slider"</span>, sliders);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// A large text:</span></div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> lorel_ipsum = <a class="code hl_function" href="namespaceftxui.html#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] {</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="namespaceftxui.html#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">"Lorem ipsum dolor sit amet, consectetur adipiscing elit. "</span>),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">"Sed do eiusmod tempor incididunt ut labore et dolore magna "</span></div>
|
||
|
|
<div class="line"> <span class="stringliteral">"aliqua. "</span>),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">"Ut enim ad minim veniam, quis nostrud exercitation ullamco "</span></div>
|
||
|
|
<div class="line"> <span class="stringliteral">"laboris nisi ut aliquip ex ea commodo consequat. "</span>),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">"Duis aute irure dolor in reprehenderit in voluptate velit esse "</span></div>
|
||
|
|
<div class="line"> <span class="stringliteral">"cillum dolore eu fugiat nulla pariatur. "</span>),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">"Excepteur sint occaecat cupidatat non proident, sunt in culpa "</span></div>
|
||
|
|
<div class="line"> <span class="stringliteral">"qui officia deserunt mollit anim id est laborum. "</span>),</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> lorel_ipsum = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Lorel Ipsum"</span>, lorel_ipsum);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="comment">// -- Layout</span></div>
|
||
|
|
<div class="line"> <span class="comment">// -----------------------------------------------------------------</span></div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> layout = Container::Vertical({</div>
|
||
|
|
<div class="line"> menu,</div>
|
||
|
|
<div class="line"> toggle,</div>
|
||
|
|
<div class="line"> checkboxes,</div>
|
||
|
|
<div class="line"> radiobox,</div>
|
||
|
|
<div class="line"> input,</div>
|
||
|
|
<div class="line"> sliders,</div>
|
||
|
|
<div class="line"> button,</div>
|
||
|
|
<div class="line"> lorel_ipsum,</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keyword">auto</span> component = <a class="code hl_function" href="namespaceftxui.html#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>(layout, [&] {</div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="namespaceftxui.html#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
|
||
|
|
<div class="line"> menu->Render(),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
|
||
|
|
<div class="line"> toggle->Render(),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
|
||
|
|
<div class="line"> checkboxes->Render(),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
|
||
|
|
<div class="line"> radiobox->Render(),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
|
||
|
|
<div class="line"> input->Render(),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
|
||
|
|
<div class="line"> sliders->Render(),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
|
||
|
|
<div class="line"> button->Render(),</div>
|
||
|
|
<div class="line"> <a class="code hl_function" href="namespaceftxui.html#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
|
||
|
|
<div class="line"> lorel_ipsum->Render(),</div>
|
||
|
|
<div class="line"> }) |</div>
|
||
|
|
<div class="line"> xflex | <a class="code hl_function" href="namespaceftxui.html#a201220986fbdc539e42efe067985cbdb">size</a>(WIDTH, GREATER_THAN, 40) | <a class="code hl_function" href="namespaceftxui.html#ae8537acd423d47cf07e61bd774fb1098">border</a>;</div>
|
||
|
|
<div class="line"> });</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> screen.Loop(component);</div>
|
||
|
|
<div class="line"> </div>
|
||
|
|
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
|
|
<div class="line">}</div>
|
||
|
|
<div class="ttc" id="acaptured__mouse_8hpp_html"><div class="ttname"><a href="captured__mouse_8hpp.html">captured_mouse.hpp</a></div></div>
|
||
|
|
<div class="ttc" id="agallery_8cpp_html_a0a320000c5a485508c57030f605b800a"><div class="ttname"><a href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a></div><div class="ttdeci">Component Wrap(std::string name, Component component)</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00018">gallery.cpp:18</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_a201220986fbdc539e42efe067985cbdb"><div class="ttname"><a href="namespaceftxui.html#a201220986fbdc539e42efe067985cbdb">ftxui::size</a></div><div class="ttdeci">Decorator size(WidthOrHeight, Constraint, int value)</div><div class="ttdoc">Apply a constraint on the size of an element.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2size_8cpp_source.html#l00089">src/ftxui/dom/size.cpp:89</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_a27828fc39da10a18478ba84b1b162039"><div class="ttname"><a href="namespaceftxui.html#a27828fc39da10a18478ba84b1b162039">ftxui::Menu</a></div><div class="ttdeci">Component Menu(MenuOption options)</div><div class="ttdoc">A list of text. The focused element is selected.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2component_2menu_8cpp_source.html#l00512">src/ftxui/component/menu.cpp:512</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_a3537fccac66b07cd792874c9a6086811"><div class="ttname"><a href="namespaceftxui.html#a3537fccac66b07cd792874c9a6086811">ftxui::Toggle</a></div><div class="ttdeci">Component Toggle(ConstStringListRef entries, int *selected)</div><div class="ttdoc">An horizontal list of elements. The user can navigate through them.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2component_2menu_8cpp_source.html#l00554">src/ftxui/component/menu.cpp:554</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_a3e7a44f321fa910f07aef5879e67af95"><div class="ttname"><a href="namespaceftxui.html#a3e7a44f321fa910f07aef5879e67af95">ftxui::Radiobox</a></div><div class="ttdeci">Component Radiobox(RadioboxOption options)</div><div class="ttdoc">A list of element, where only one can be selected.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2component_2radiobox_8cpp_source.html#l00204">src/ftxui/component/radiobox.cpp:204</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_a4e8295ec77dd31b0acc5063b134473e7"><div class="ttname"><a href="namespaceftxui.html#a4e8295ec77dd31b0acc5063b134473e7">ftxui::Button</a></div><div class="ttdeci">Component Button(ButtonOption options)</div><div class="ttdoc">Draw a button. Execute a function when clicked.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2component_2button_8cpp_source.html#l00176">src/ftxui/component/button.cpp:176</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_a533e883e2aeea28de2b60564fcaf0361"><div class="ttname"><a href="namespaceftxui.html#a533e883e2aeea28de2b60564fcaf0361">ftxui::Renderer</a></div><div class="ttdeci">Component Renderer(Component child, std::function< Element()>)</div><div class="ttdoc">Return a new Component, similar to |child|, but using |render| as the Component::Render() event.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2component_2renderer_8cpp_source.html#l00061">src/ftxui/component/renderer.cpp:61</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_a75baaa2734ed76a9f478beaafa87ae57"><div class="ttname"><a href="namespaceftxui.html#a75baaa2734ed76a9f478beaafa87ae57">ftxui::text</a></div><div class="ttdeci">Element text(std::wstring text)</div><div class="ttdoc">Display a piece of unicode text.</div><div class="ttdef"><b>Definition</b> <a href="text_8cpp_source.html#l00160">text.cpp:160</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_a7f285fcbc4dd0a0767b89a255fd062dc"><div class="ttname"><a href="namespaceftxui.html#a7f285fcbc4dd0a0767b89a255fd062dc">ftxui::Input</a></div><div class="ttdeci">Component Input(InputOption options={})</div><div class="ttdoc">An input box for editing text.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2component_2input_8cpp_source.html#l00571">src/ftxui/component/input.cpp:571</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_aa3558d992a72679e5e9c9c7b67abd727"><div class="ttname"><a href="namespaceftxui.html#aa3558d992a72679e5e9c9c7b67abd727">ftxui::Slider</a></div><div class="ttdeci">Component Slider(SliderOption< T > options)</div><div class="ttdoc">A slider in any direction.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2component_2slider_8cpp_source.html#l00346">src/ftxui/component/slider.cpp:346</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_ac1ef1cf6bf7cd0759ffa195071edb2a0"><div class="ttname"><a href="namespaceftxui.html#ac1ef1cf6bf7cd0759ffa195071edb2a0">ftxui::separator</a></div><div class="ttdeci">Element separator()</div><div class="ttdoc">Draw a vertical or horizontal separation in between two other elements.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2separator_8cpp_source.html#l00134">src/ftxui/dom/separator.cpp:134</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_ae0d441d2c83740f187f62db566bbefcd"><div class="ttname"><a href="namespaceftxui.html#ae0d441d2c83740f187f62db566bbefcd">ftxui::Checkbox</a></div><div class="ttdeci">Component Checkbox(CheckboxOption options)</div><div class="ttdoc">Draw checkable element.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2component_2checkbox_8cpp_source.html#l00108">src/ftxui/component/checkbox.cpp:108</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_ae8537acd423d47cf07e61bd774fb1098"><div class="ttname"><a href="namespaceftxui.html#ae8537acd423d47cf07e61bd774fb1098">ftxui::border</a></div><div class="ttdeci">Element border(Element)</div><div class="ttdoc">Draw a border around the element.</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2border_8cpp_source.html#l00227">src/ftxui/dom/border.cpp:227</a></div></div>
|
||
|
|
<div class="ttc" id="anamespaceftxui_html_afd28058f0ccbbdf34691a85a7cc9b2e3"><div class="ttname"><a href="namespaceftxui.html#afd28058f0ccbbdf34691a85a7cc9b2e3">ftxui::vbox</a></div><div class="ttdeci">Element vbox(Elements)</div><div class="ttdoc">A container displaying elements vertically one by one.</div><div class="ttdef"><b>Definition</b> <a href="vbox_8cpp_source.html#l00096">vbox.cpp:96</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! -->
|
||
|
|
<ul>
|
||
|
|
<li class="footer">Generated by <a href="https://www.doxygen.org/index.html"><img class="footer" src="doxygen.svg" width="104" height="31" alt="doxygen"/></a> 1.12.0 </li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|