mirror of
https://github.com/ArthurSonzogni/FTXUI.git
synced 2025-12-16 01:48:56 +08:00
4784 lines
488 KiB
HTML
4784 lines
488 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: Example</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"> 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('module-component-examples.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><div class="header">
|
||
<div class="headertitle"><div class="title">Example</div></div>
|
||
</div><!--header-->
|
||
<div class="contents">
|
||
<div class="toc"><h3>Table of Contents</h3>
|
||
<ul>
|
||
<li class="level1">
|
||
<a href="#button">button</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#button_animated">button_animated</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#button_in_frame">button_in_frame</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#button_style">button_style</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#canvas_animated">canvas_animated</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#checkbox">checkbox</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#checkbox_in_frame">checkbox_in_frame</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#collapsible">collapsible</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#composition">composition</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#custom_loop">custom_loop</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#dropdown">dropdown</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#dropdown_custom">dropdown_custom</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#flexbox_gallery">flexbox_gallery</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#focus">focus</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#focus_cursor">focus_cursor</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#gallery">gallery</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#homescreen">homescreen</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#input">input</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#input_in_frame">input_in_frame</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#input_style">input_style</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#linear_gradient_gallery">linear_gradient_gallery</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#maybe">maybe</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#menu">menu</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#menu2">menu2</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#menu_entries">menu_entries</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#menu_entries_animated">menu_entries_animated</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#menu_in_frame">menu_in_frame</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#menu_in_frame_horizontal">menu_in_frame_horizontal</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#menu_multiple">menu_multiple</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#menu_style">menu_style</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#menu_underline_animated_gallery">menu_underline_animated_gallery</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#modal_dialog">modal_dialog</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#modal_dialog_custom">modal_dialog_custom</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#nested_screen">nested_screen</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#print_key_press">print_key_press</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#radiobox">radiobox</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#radiobox_in_frame">radiobox_in_frame</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#renderer">renderer</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#resizable_split">resizable_split</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#resizable_split_clamp">resizable_split_clamp</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#scrollbar">scrollbar</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#selection">selection</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#slider">slider</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#slider_direction">slider_direction</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#slider_rgb">slider_rgb</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#tab_horizontal">tab_horizontal</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#tab_vertical">tab_vertical</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#textarea">textarea</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#toggle">toggle</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#window">window</a>
|
||
</li>
|
||
<li class="level1">
|
||
<a href="#with_restored_io">with_restored_io</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="textblock"><h1><a class="anchor" id="button"></a>
|
||
button</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/button">Demo</a> </p><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 <memory></span> <span class="comment">// for shared_ptr, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for operator+, to_string</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 Button, Horizontal, Renderer</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 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, gauge, text, Element, operator|, vbox, border</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">// 這是一個輔助函數，用於創建具有自定義樣式的按鈕。</span></div>
|
||
<div class="line"><span class="comment">// 樣式由一個接受 EntryState 並返回 Element 的 lambda 函數定義。</span></div>
|
||
<div class="line"><span class="comment">// 我們使用 `center` 將文本居中，然後使用 `border` 在按鈕周圍添加邊框，最後使用 `flex` 使按鈕填充可用空間。</span></div>
|
||
<div class="line"><a class="code hl_struct" href="group__component.html#structftxui_1_1ButtonOption">ButtonOption</a> <a class="code hl_function" href="examples_2component_2button_8cpp.html#a98e3b8d17caf902b7bf0fe47562cea08">Style</a>() {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = ButtonOption::Animated();</div>
|
||
<div class="line"> option.transform = [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>& s) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> element = text(s.label);</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (s.focused) {</div>
|
||
<div class="line"> element |= bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> element | center | borderEmpty | flex;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">return</span> option;</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="keywordtype">int</span> value = 50;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// clang-format off</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> btn_dec_01 = Button(<span class="stringliteral">"-1"</span>, [&] { value -= 1; }, <a class="code hl_function" href="examples_2component_2button_8cpp.html#a98e3b8d17caf902b7bf0fe47562cea08">Style</a>());</div>
|
||
<div class="line"> <span class="keyword">auto</span> btn_inc_01 = Button(<span class="stringliteral">"+1"</span>, [&] { value += 1; }, <a class="code hl_function" href="examples_2component_2button_8cpp.html#a98e3b8d17caf902b7bf0fe47562cea08">Style</a>());</div>
|
||
<div class="line"> <span class="keyword">auto</span> btn_dec_10 = Button(<span class="stringliteral">"-10"</span>, [&] { value -= 10; }, <a class="code hl_function" href="examples_2component_2button_8cpp.html#a98e3b8d17caf902b7bf0fe47562cea08">Style</a>());</div>
|
||
<div class="line"> <span class="keyword">auto</span> btn_inc_10 = Button(<span class="stringliteral">"+10"</span>, [&] { value += 10; }, <a class="code hl_function" href="examples_2component_2button_8cpp.html#a98e3b8d17caf902b7bf0fe47562cea08">Style</a>());</div>
|
||
<div class="line"> <span class="comment">// clang-format on</span></div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 元件樹。這定義了如何使用鍵盤導航。</span></div>
|
||
<div class="line"> <span class="comment">// 選定的 `row` 用於獲取網格佈局。</span></div>
|
||
<div class="line"> <span class="keywordtype">int</span> row = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> buttons = Container::Vertical({</div>
|
||
<div class="line"> Container::Horizontal({btn_dec_01, btn_inc_01}, &row) | flex,</div>
|
||
<div class="line"> Container::Horizontal({btn_dec_10, btn_inc_10}, &row) | flex,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 修改它們在螢幕上的渲染方式：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> = Renderer(buttons, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"value = "</span> + std::to_string(value)),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> buttons->Render() | flex,</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> flex | border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>);</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="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="aelements_8hpp_html"><div class="ttname"><a href="elements_8hpp.html">elements.hpp</a></div></div>
|
||
<div class="ttc" id="aexamples_2component_2button_8cpp_html_a98e3b8d17caf902b7bf0fe47562cea08"><div class="ttname"><a href="examples_2component_2button_8cpp.html#a98e3b8d17caf902b7bf0fe47562cea08">Style</a></div><div class="ttdeci">ButtonOption Style()</div><div class="ttdef"><b>Definition</b> <a href="examples_2component_2button_8cpp_source.html#l00018">examples/component/button.cpp:18</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#l00030">examples/component/button.cpp:30</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a768a57bc667a7482ea6e7fdadf02ba90"><div class="ttname"><a href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a></div><div class="ttdeci">auto component</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00127">gallery.cpp:127</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>Definition</b> <a href="component__options_8hpp_source.html#l00115">component_options.hpp:115</a></div></div>
|
||
<div class="ttc" id="anamespaceftxui_html"><div class="ttname"><a href="namespaceftxui.html">ftxui</a></div><div class="ttdoc">FTXUI 的 ftxui:: 命名空間</div><div class="ttdef"><b>Definition</b> <a href="animation_8hpp_source.html#l00010">animation.hpp:10</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_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>Definition</b> <a href="component__options_8hpp_source.html#l00024">component_options.hpp:24</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="button_animated"></a>
|
||
button_animated</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/button_animated">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni。保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 許可證的約束，該許可證可在 LICENSE 文件中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// 用於 shared_ptr, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for operator+, to_string</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">// 用於 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">// 用於 Button, Horizontal, Renderer</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">// 用於 ComponentBase</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">// 用於 ButtonOption</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">// 用於 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">// 用於 gauge, separator, text, vbox, operator|, Element, border</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">// 用於 Color, Color::Blue, Color::Green, Color::Red</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 class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> <span class="keywordtype">int</span> value = 50;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 元件樹。這定義了如何使用鍵盤導航。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> buttons = Container::Horizontal({</div>
|
||
<div class="line"> Button(</div>
|
||
<div class="line"> <span class="stringliteral">"Decrease"</span>, [&] { value--; }, ButtonOption::Animated(Color::Red)),</div>
|
||
<div class="line"> Button(</div>
|
||
<div class="line"> <span class="stringliteral">"Reset"</span>, [&] { value = 50; }, ButtonOption::Animated(Color::Green)),</div>
|
||
<div class="line"> Button(</div>
|
||
<div class="line"> <span class="stringliteral">"Increase"</span>, [&] { value++; }, ButtonOption::Animated(Color::Blue)),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 修改它們在螢幕上的渲染方式：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> = Renderer(buttons, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"value = "</span> + std::to_string(value)),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> gauge(value * 0.01f),</div>
|
||
<div class="line"> }) | border,</div>
|
||
<div class="line"> buttons->Render(),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</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><!-- fragment --><h1><a class="anchor" id="button_in_frame"></a>
|
||
button_in_frame</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/button_in_frame">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2022 Arthur Sonzogni. All rights reserved.</span></div>
|
||
<div class="line"><span class="comment">// 使用此原始碼受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, __shared_ptr_access, shared_ptr</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for to_string, operator+</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 Button, Renderer, Vertical</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="component__options_8hpp.html">ftxui/component/component_options.hpp</a>"</span> <span class="comment">// for ButtonOption</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 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 operator|, text, Element, hbox, separator, size, vbox, border, frame, vscroll_indicator, HEIGHT, LESS_THAN</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::Default, Color::GrayDark, Color::White</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 class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> <span class="keywordtype">int</span> counter = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> on_click = [&] { counter++; };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> style = ButtonOption::Animated(Color::Default, Color::GrayDark,</div>
|
||
<div class="line"> Color::Default, Color::White);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> container = Container::Vertical({});</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> i = 0; i < 30; ++i) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a> = Button(<span class="stringliteral">"Button "</span> + std::to_string(i), on_click, style);</div>
|
||
<div class="line"> container->Add(<a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a>);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(container, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"Counter:"</span>),</div>
|
||
<div class="line"> text(std::to_string(counter)),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> container->Render() | vscroll_indicator | frame |</div>
|
||
<div class="line"> size(HEIGHT, LESS_THAN, 20),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="agallery_8cpp_html_a14139799dd4b2fc41ecb6cb14936322f"><div class="ttname"><a href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a></div><div class="ttdeci">auto button</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00084">gallery.cpp:84</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="button_style"></a>
|
||
button_style</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/button_style">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for operator+, to_string</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 Button, Vertical, Renderer, Horizontal, operator|</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 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 ButtonOption</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 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 Element, separator, text, border</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::Blue, Color::Green, Color::Red</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 class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> <span class="keywordtype">int</span> value = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> action = [&] { value++; };</div>
|
||
<div class="line"> <span class="keyword">auto</span> action_renderer =</div>
|
||
<div class="line"> Renderer([&] { <span class="keywordflow">return</span> text(<span class="stringliteral">"count = "</span> + std::to_string(value)); });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> buttons =</div>
|
||
<div class="line"> Container::Vertical({</div>
|
||
<div class="line"> action_renderer,</div>
|
||
<div class="line"> Renderer([] { <span class="keywordflow">return</span> separator(); }),</div>
|
||
<div class="line"> Container::Horizontal({</div>
|
||
<div class="line"> Container::Vertical({</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Ascii 1"</span>, action, ButtonOption::Ascii()),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Ascii 2"</span>, action, ButtonOption::Ascii()),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Ascii 3"</span>, action, ButtonOption::Ascii()),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> Renderer([] { <span class="keywordflow">return</span> separator(); }),</div>
|
||
<div class="line"> Container::Vertical({</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Simple 1"</span>, action, ButtonOption::Simple()),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Simple 2"</span>, action, ButtonOption::Simple()),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Simple 3"</span>, action, ButtonOption::Simple()),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> Renderer([] { <span class="keywordflow">return</span> separator(); }),</div>
|
||
<div class="line"> Container::Vertical({</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Animated 1"</span>, action, ButtonOption::Animated()),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Animated 2"</span>, action, ButtonOption::Animated()),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Animated 3"</span>, action, ButtonOption::Animated()),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> Renderer([] { <span class="keywordflow">return</span> separator(); }),</div>
|
||
<div class="line"> Container::Vertical({</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Animated 4"</span>, action,</div>
|
||
<div class="line"> ButtonOption::Animated(Color::Red)),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Animated 5"</span>, action,</div>
|
||
<div class="line"> ButtonOption::Animated(Color::Green)),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Animated 6"</span>, action,</div>
|
||
<div class="line"> ButtonOption::Animated(Color::Blue)),</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> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(buttons);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="canvas_animated"></a>
|
||
canvas_animated</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/canvas_animated">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2021 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱 LICENSED 文件。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <cmath></span> <span class="comment">// for sin, cos</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 canvas, Element, separator, hbox, operator|, border</span></div>
|
||
<div class="line"><span class="preprocessor">#include <<a class="code" href="screen_8hpp.html">ftxui/screen/screen.hpp</a>></span> <span class="comment">// for Pixel</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</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, __alloc_traits<>::value_type</span></div>
|
||
<div class="line"> </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 Renderer, CatchEvent, Horizontal, Menu, 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</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</span></div>
|
||
<div class="line"><span class="preprocessor">#include "<a class="code" href="mouse_8hpp.html">ftxui/component/mouse.hpp</a>"</span> <span class="comment">// for Mouse</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 ScreenInteractive</span></div>
|
||
<div class="line"><span class="preprocessor">#include "<a class="code" href="canvas_8hpp.html">ftxui/dom/canvas.hpp</a>"</span> <span class="comment">// for Canvas</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::Red, Color::Blue, Color::Green, ftxui</span></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">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> mouse_x = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> mouse_y = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用盲文符號繪製的三角形，跟隨滑鼠移動。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_line_braille = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"Several lines (braille)"</span>);</div>
|
||
<div class="line"> c.DrawPointLine(mouse_x, mouse_y, 80, 10, Color::Red);</div>
|
||
<div class="line"> c.DrawPointLine(80, 10, 80, 40, Color::Blue);</div>
|
||
<div class="line"> c.DrawPointLine(80, 40, mouse_x, mouse_y, Color::Green);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用區塊符號繪製的三角形，跟隨滑鼠移動。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_line_block = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"Several lines (block)"</span>);</div>
|
||
<div class="line"> c.DrawBlockLine(mouse_x, mouse_y, 80, 10, Color::Red);</div>
|
||
<div class="line"> c.DrawBlockLine(80, 10, 80, 40, Color::Blue);</div>
|
||
<div class="line"> c.DrawBlockLine(80, 40, mouse_x, mouse_y, Color::Green);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用盲文符號繪製的圓形，跟隨滑鼠移動。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_circle_braille = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"A circle (braille)"</span>);</div>
|
||
<div class="line"> c.DrawPointCircle(mouse_x, mouse_y, 30);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用區塊符號繪製的圓形，跟隨滑鼠移動。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_circle_block = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"A circle (block)"</span>);</div>
|
||
<div class="line"> c.DrawBlockCircle(mouse_x, mouse_y, 30);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用盲文符號繪製的實心圓形，跟隨滑鼠移動。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_circle_filled_braille = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"A circle filled (braille)"</span>);</div>
|
||
<div class="line"> c.DrawPointCircleFilled(mouse_x, mouse_y, 30);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用區塊符號繪製的實心圓形，跟隨滑鼠移動。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_circle_filled_block = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"A circle filled (block)"</span>);</div>
|
||
<div class="line"> c.DrawBlockCircleFilled(mouse_x, mouse_y, 30);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用盲文符號繪製的橢圓，跟隨滑鼠移動。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_ellipse_braille = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"An ellipse (braille)"</span>);</div>
|
||
<div class="line"> c.DrawPointEllipse(mouse_x / 2, mouse_y / 2, mouse_x / 2, mouse_y / 2);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用區塊符號繪製的橢圓，跟隨滑鼠移動。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_ellipse_block = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"An ellipse (block)"</span>);</div>
|
||
<div class="line"> c.DrawBlockEllipse(mouse_x / 2, mouse_y / 2, mouse_x / 2, mouse_y / 2);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用盲文符號繪製的實心橢圓，跟隨滑鼠移動。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_ellipse_filled_braille = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"A filled ellipse (braille)"</span>);</div>
|
||
<div class="line"> c.DrawPointEllipseFilled(mouse_x / 2, mouse_y / 2, mouse_x / 2,</div>
|
||
<div class="line"> mouse_y / 2);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用區塊符號繪製的實心橢圓，跟隨滑鼠移動。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_ellipse_filled_block = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"A filled ellipse (block)"</span>);</div>
|
||
<div class="line"> c.DrawBlockEllipseFilled(mouse_x / 2, mouse_y / 2, mouse_x / 2,</div>
|
||
<div class="line"> mouse_y / 2);</div>
|
||
<div class="line"> c.DrawBlockEllipse(mouse_x / 2, mouse_y / 2, mouse_x / 2, mouse_y / 2);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 跟隨滑鼠移動的文字</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_text = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"A piece of text"</span>);</div>
|
||
<div class="line"> c.DrawText(mouse_x, mouse_y, <span class="stringliteral">"This is a piece of text with effects"</span>,</div>
|
||
<div class="line"> [](<a class="code hl_struct" href="group__screen.html#structftxui_1_1Pixel">Pixel</a>& p) {</div>
|
||
<div class="line"> p.<a class="code hl_variable" href="group__screen.html#a2ce82adc1d02baf22df658b903dcb351">foreground_color</a> = Color::Red;</div>
|
||
<div class="line"> p.<a class="code hl_variable" href="group__screen.html#a7c8849e8321ea248cd4991ea8ef198eb">underlined</a> = <span class="keyword">true</span>;</div>
|
||
<div class="line"> p.<a class="code hl_variable" href="group__screen.html#a7a210a24d67146bd143c013d1da0f2dd">bold</a> = <span class="keyword">true</span>;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_plot_1 = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"A graph"</span>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<int> ys(100);</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> x = 0; x < 100; x++) {</div>
|
||
<div class="line"> <span class="keywordtype">float</span> dx = float(x - mouse_x);</div>
|
||
<div class="line"> <span class="keywordtype">float</span> dy = 50.f;</div>
|
||
<div class="line"> ys[x] = int(dy + 20 * cos(dx * 0.14) + 10 * sin(dx * 0.42));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> x = 1; x < 99; x++) {</div>
|
||
<div class="line"> c.DrawPointLine(x, ys[x], x + 1, ys[x + 1]);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_plot_2 = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"A symmetrical graph filled"</span>);</div>
|
||
<div class="line"> std::vector<int> ys(100);</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> x = 0; x < 100; x++) {</div>
|
||
<div class="line"> ys[x] = int(30 + <span class="comment">//</span></div>
|
||
<div class="line"> 10 * cos(x * 0.2 - mouse_x * 0.05) + <span class="comment">//</span></div>
|
||
<div class="line"> 5 * sin(x * 0.4) + <span class="comment">//</span></div>
|
||
<div class="line"> 5 * sin(x * 0.3 - mouse_y * 0.05)); <span class="comment">//</span></div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> x = 0; x < 100; x++) {</div>
|
||
<div class="line"> c.DrawPointLine(x, 50 + ys[x], x, 50 - ys[x], Color::Red);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_plot_3 = Renderer([&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> c = <a class="code hl_struct" href="group__dom.html#structftxui_1_1Canvas">Canvas</a>(100, 100);</div>
|
||
<div class="line"> c.DrawText(0, 0, <span class="stringliteral">"A 2D gaussian plot"</span>);</div>
|
||
<div class="line"> <span class="keywordtype">int</span> size = 15;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// mouse_x = 5mx + 3*my</span></div>
|
||
<div class="line"> <span class="comment">// mouse_y = 0mx + -5my + 90</span></div>
|
||
<div class="line"> <span class="keywordtype">float</span> my = (mouse_y - 90) / -5.f;</div>
|
||
<div class="line"> <span class="keywordtype">float</span> mx = (mouse_x - 3 * my) / 5.f;</div>
|
||
<div class="line"> std::vector<std::vector<float>> ys(size, std::vector<float>(size));</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> y = 0; y < size; y++) {</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> x = 0; x < size; x++) {</div>
|
||
<div class="line"> <span class="keywordtype">float</span> dx = x - mx;</div>
|
||
<div class="line"> <span class="keywordtype">float</span> dy = y - my;</div>
|
||
<div class="line"> ys[y][x] = -1.5 + 3.0 * std::exp(-0.2f * (dx * dx + dy * dy));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> y = 0; y < size; y++) {</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> x = 0; x < size; x++) {</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (x != 0) {</div>
|
||
<div class="line"> c.DrawPointLine(</div>
|
||
<div class="line"> 5 * (x - 1) + 3 * (y - 0), 90 - 5 * (y - 0) - 5 * ys[y][x - 1],</div>
|
||
<div class="line"> 5 * (x - 0) + 3 * (y - 0), 90 - 5 * (y - 0) - 5 * ys[y][x]);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (y != 0) {</div>
|
||
<div class="line"> c.DrawPointLine(</div>
|
||
<div class="line"> 5 * (x - 0) + 3 * (y - 1), 90 - 5 * (y - 1) - 5 * ys[y - 1][x],</div>
|
||
<div class="line"> 5 * (x - 0) + 3 * (y - 0), 90 - 5 * (y - 0) - 5 * ys[y][x]);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a>(std::move(c));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected_tab = 12;</div>
|
||
<div class="line"> <span class="keyword">auto</span> tab = Container::Tab(</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> renderer_line_braille,</div>
|
||
<div class="line"> renderer_line_block,</div>
|
||
<div class="line"> renderer_circle_braille,</div>
|
||
<div class="line"> renderer_circle_block,</div>
|
||
<div class="line"> renderer_circle_filled_braille,</div>
|
||
<div class="line"> renderer_circle_filled_block,</div>
|
||
<div class="line"> renderer_ellipse_braille,</div>
|
||
<div class="line"> renderer_ellipse_block,</div>
|
||
<div class="line"> renderer_ellipse_filled_braille,</div>
|
||
<div class="line"> renderer_ellipse_filled_block,</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> renderer_plot_1,</div>
|
||
<div class="line"> renderer_plot_2,</div>
|
||
<div class="line"> renderer_plot_3,</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> renderer_text,</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> &selected_tab);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 這會捕捉最後的滑鼠位置。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> tab_with_mouse = CatchEvent(tab, [&](<a class="code hl_struct" href="group__component.html#structftxui_1_1Event">Event</a> e) {</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (e.<a class="code hl_function" href="group__component.html#a2c835925299d56941ffd2e2421f0fd13">is_mouse</a>()) {</div>
|
||
<div class="line"> mouse_x = (e.<a class="code hl_variable" href="group__component.html#a761c3b7a78d8408dfbe76131209532d7">mouse</a>().x - 1) * 2;</div>
|
||
<div class="line"> mouse_y = (e.<a class="code hl_variable" href="group__component.html#a761c3b7a78d8408dfbe76131209532d7">mouse</a>().y - 1) * 4;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <span class="keyword">false</span>;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> tab_titles = {</div>
|
||
<div class="line"> <span class="stringliteral">"line (braille)"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"line (block)"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"circle (braille)"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"circle (block)"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"circle filled (braille)"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"circle filled (block)"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"ellipse (braille)"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"ellipse (block)"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"ellipse filled (braille)"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"ellipse filled (block)"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"plot_1 simple"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"plot_2 filled"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"plot_3 3D"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"text"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keyword">auto</span> tab_toggle = Menu(&tab_titles, &selected_tab);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> = Container::Horizontal({</div>
|
||
<div class="line"> tab_with_mouse,</div>
|
||
<div class="line"> tab_toggle,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 添加一些分隔符來裝飾整個組件：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> component_renderer = Renderer(<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> hbox({</div>
|
||
<div class="line"> tab_with_mouse->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> tab_toggle->Render(),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(component_renderer);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="acanvas_8hpp_html"><div class="ttname"><a href="canvas_8hpp.html">canvas.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="agroup__component_html_a2c835925299d56941ffd2e2421f0fd13"><div class="ttname"><a href="group__component.html#a2c835925299d56941ffd2e2421f0fd13">ftxui::Event::is_mouse</a></div><div class="ttdeci">bool is_mouse() const</div><div class="ttdef"><b>Definition</b> <a href="event_8hpp_source.html#l00107">event.hpp:107</a></div></div>
|
||
<div class="ttc" id="agroup__component_html_a761c3b7a78d8408dfbe76131209532d7"><div class="ttname"><a href="group__component.html#a761c3b7a78d8408dfbe76131209532d7">ftxui::Event::mouse</a></div><div class="ttdeci">struct Mouse mouse</div><div class="ttdef"><b>Definition</b> <a href="event_8hpp_source.html#l00142">event.hpp:142</a></div></div>
|
||
<div class="ttc" id="agroup__component_html_structftxui_1_1Event"><div class="ttname"><a href="group__component.html#structftxui_1_1Event">ftxui::Event</a></div><div class="ttdoc">代表一個事件。它可以是按鍵事件、終端機大小調整，或更多...</div><div class="ttdef"><b>Definition</b> <a href="event_8hpp_source.html#l00027">event.hpp:27</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_structftxui_1_1Canvas"><div class="ttname"><a href="group__dom.html#structftxui_1_1Canvas">ftxui::Canvas</a></div><div class="ttdoc">畫布是與繪圖操作相關聯的可繪製緩衝區。</div><div class="ttdef"><b>Definition</b> <a href="canvas_8hpp_source.html#l00035">canvas.hpp:35</a></div></div>
|
||
<div class="ttc" id="agroup__screen_html_a2ce82adc1d02baf22df658b903dcb351"><div class="ttname"><a href="group__screen.html#a2ce82adc1d02baf22df658b903dcb351">ftxui::Pixel::foreground_color</a></div><div class="ttdeci">Color foreground_color</div><div class="ttdef"><b>Definition</b> <a href="pixel_8hpp_source.html#l00048">pixel.hpp:48</a></div></div>
|
||
<div class="ttc" id="agroup__screen_html_a7a210a24d67146bd143c013d1da0f2dd"><div class="ttname"><a href="group__screen.html#a7a210a24d67146bd143c013d1da0f2dd">ftxui::Pixel::bold</a></div><div class="ttdeci">bool bold</div><div class="ttdef"><b>Definition</b> <a href="pixel_8hpp_source.html#l00028">pixel.hpp:28</a></div></div>
|
||
<div class="ttc" id="agroup__screen_html_a7c8849e8321ea248cd4991ea8ef198eb"><div class="ttname"><a href="group__screen.html#a7c8849e8321ea248cd4991ea8ef198eb">ftxui::Pixel::underlined</a></div><div class="ttdeci">bool underlined</div><div class="ttdef"><b>Definition</b> <a href="pixel_8hpp_source.html#l00032">pixel.hpp:32</a></div></div>
|
||
<div class="ttc" id="agroup__screen_html_structftxui_1_1Pixel"><div class="ttname"><a href="group__screen.html#structftxui_1_1Pixel">ftxui::Pixel</a></div><div class="ttdoc">一個 Unicode 字元及其相關樣式。</div><div class="ttdef"><b>Definition</b> <a href="pixel_8hpp_source.html#l00014">pixel.hpp:14</a></div></div>
|
||
<div class="ttc" id="amouse_8hpp_html"><div class="ttname"><a href="mouse_8hpp.html">mouse.hpp</a></div></div>
|
||
<div class="ttc" id="ascreen_8hpp_html"><div class="ttname"><a href="screen_8hpp.html">screen.hpp</a></div></div>
|
||
<div class="ttc" id="asrc_2ftxui_2dom_2canvas_8cpp_html_a57d7bdf155e190de514a689abb4e9a35"><div class="ttname"><a href="src_2ftxui_2dom_2canvas_8cpp.html#a57d7bdf155e190de514a689abb4e9a35">canvas</a></div><div class="ttdeci">Element canvas(ConstRef< Canvas > canvas)</div><div class="ttdoc">從 Canvas 或對 Canvas 的參考中產生一個元素。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00886">src/ftxui/dom/canvas.cpp:886</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="checkbox"></a>
|
||
checkbox</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/checkbox">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2021 Arthur Sonzogni. 版權所有。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱 LICENSE 檔案。</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 <iostream></span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for shared_ptr, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for operator+, to_string</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 Checkbox, Renderer, Vertical</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 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 operator|, Element, size, border, frame, vscroll_indicator, HEIGHT, LESS_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="keywordtype">int</span> <a class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> download = <span class="keyword">false</span>;</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> upload = <span class="keyword">false</span>;</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> ping = <span class="keyword">false</span>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> container = Container::Vertical({</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"Download"</span>, &download),</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"Upload"</span>, &upload),</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"Ping"</span>, &ping),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(container);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::cout << <span class="stringliteral">"---"</span> << std::endl;</div>
|
||
<div class="line"> std::cout << <span class="stringliteral">"Download: "</span> << download << std::endl;</div>
|
||
<div class="line"> std::cout << <span class="stringliteral">"Upload: "</span> << upload << std::endl;</div>
|
||
<div class="line"> std::cout << <span class="stringliteral">"Ping: "</span> << ping << std::endl;</div>
|
||
<div class="line"> std::cout << <span class="stringliteral">"---"</span> << std::endl;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="checkbox_in_frame"></a>
|
||
checkbox_in_frame</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/checkbox_in_frame">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</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 <memory></span> <span class="comment">// for shared_ptr, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for operator+, to_string</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 Checkbox, Renderer, Vertical</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 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 operator|, Element, size, border, frame, vscroll_indicator, HEIGHT, LESS_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="keywordtype">int</span> <a class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> std::array<bool, 30> states;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> container = Container::Vertical({});</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> i = 0; i < 30; ++i) {</div>
|
||
<div class="line"> states[i] = <span class="keyword">false</span>;</div>
|
||
<div class="line"> container->Add(Checkbox(<span class="stringliteral">"Checkbox"</span> + std::to_string(i), &states[i]));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(container, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> container->Render() | vscroll_indicator | frame |</div>
|
||
<div class="line"> size(HEIGHT, LESS_THAN, 10) | border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="collapsible"></a>
|
||
collapsible</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/collapsible">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 此原始碼受 MIT 授權條款約束，詳情請參閱</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 文件。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, make_shared, __shared_ptr_access</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 "<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 Collapsible, Renderer, Vertical</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 text, hbox, Element</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">// 接收一個元件列表，垂直顯示它們，每一列向右偏移一格。</span></div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#a74bf63b8448df7b03bd98ae6de127c0a">Inner</a>(std::vector<Component> children) {</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> vlist = Container::Vertical(std::move(children));</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Renderer(vlist, [vlist] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> hbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">" "</span>),</div>
|
||
<div class="line"> vlist->Render(),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> });</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a>() {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> std::make_shared<ComponentBase>();</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> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> =</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1"</span>,</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#a74bf63b8448df7b03bd98ae6de127c0a">Inner</a>({</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.1"</span>,</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#a74bf63b8448df7b03bd98ae6de127c0a">Inner</a>({</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.1.1"</span>, <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a>()),</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.1.2"</span>, <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a>()),</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.1.3"</span>, <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a>()),</div>
|
||
<div class="line"> })),</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.2"</span>,</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#a74bf63b8448df7b03bd98ae6de127c0a">Inner</a>({</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.2.1"</span>, <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a>()),</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.2.2"</span>, <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a>()),</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.2.3"</span>, <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a>()),</div>
|
||
<div class="line"> })),</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.3"</span>,</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#a74bf63b8448df7b03bd98ae6de127c0a">Inner</a>({</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.3.1"</span>, <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a>()),</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.3.2"</span>, <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a>()),</div>
|
||
<div class="line"> Collapsible(<span class="stringliteral">"Collapsible 1.3.3"</span>, <a class="code hl_function" href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a>()),</div>
|
||
<div class="line"> })),</div>
|
||
<div class="line"> }));</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> ScreenInteractive::FitComponent().Loop(<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>);</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="aexamples_2component_2collapsible_8cpp_html_a74bf63b8448df7b03bd98ae6de127c0a"><div class="ttname"><a href="examples_2component_2collapsible_8cpp.html#a74bf63b8448df7b03bd98ae6de127c0a">Inner</a></div><div class="ttdeci">Component Inner(std::vector< Component > children)</div><div class="ttdef"><b>Definition</b> <a href="examples_2component_2collapsible_8cpp_source.html#l00017">examples/component/collapsible.cpp:17</a></div></div>
|
||
<div class="ttc" id="aexamples_2component_2collapsible_8cpp_html_aacbbfcb3c5bc93d26a5c681172e27eae"><div class="ttname"><a href="examples_2component_2collapsible_8cpp.html#aacbbfcb3c5bc93d26a5c681172e27eae">Empty</a></div><div class="ttdeci">Component Empty()</div><div class="ttdef"><b>Definition</b> <a href="examples_2component_2collapsible_8cpp_source.html#l00027">examples/component/collapsible.cpp:27</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#l00023">component_base.hpp:23</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="composition"></a>
|
||
composition</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/composition">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2021 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</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 operator+, to_string</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 Button, Horizontal, Renderer</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 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, separator, Element, operator|, vbox, border</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">// 本範例展示如何將多個元件組合成一個，並保持它們的互動性。</span></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> left_count = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> right_count = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> left_buttons = Container::Horizontal({</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Decrease"</span>, [&] { left_count--; }),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Increase"</span>, [&] { left_count++; }),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> right_buttons = Container::Horizontal({</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Decrease"</span>, [&] { right_count--; }),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Increase"</span>, [&] { right_count++; }),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// Renderer 使用新的渲染函數裝飾其子元件。子元件對事件的反應方式保持不變。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> leftpane = Renderer(left_buttons, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"This is the left control"</span>),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> text(<span class="stringliteral">"Left button count: "</span> + std::to_string(left_count)),</div>
|
||
<div class="line"> left_buttons->Render(),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> rightpane = Renderer(right_buttons, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"This is the right control"</span>),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> text(<span class="stringliteral">"Right button count: "</span> + std::to_string(right_count)),</div>
|
||
<div class="line"> right_buttons->Render(),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// Container 將元件分組在一起。要渲染 Container::Horizontal，</span></div>
|
||
<div class="line"> <span class="comment">// 它會將其子元件並排渲染。它保持它們的互動性，並提供使用箭頭鍵在元件之間導航的邏輯。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> composition = Container::Horizontal({leftpane, rightpane});</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(composition);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><span class="comment">// 感謝 Chris Morgan 提供此範例！</span></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="custom_loop"></a>
|
||
custom_loop</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/custom_loop">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni。保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在以下位置找到：</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 文件。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <stdlib.h></span> <span class="comment">// for EXIT_SUCCESS</span></div>
|
||
<div class="line"><span class="preprocessor">#include <chrono></span> <span class="comment">// for milliseconds</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</span></div>
|
||
<div class="line"><span class="preprocessor">#include <<a class="code" href="mouse_8hpp.html">ftxui/component/mouse.hpp</a>></span> <span class="comment">// for ftxui</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, separator, Element, operator|, vbox, border</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, shared_ptr</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for operator+, to_string</span></div>
|
||
<div class="line"><span class="preprocessor">#include <thread></span> <span class="comment">// for sleep_for</span></div>
|
||
<div class="line"> </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 CatchEvent, Renderer, operator|=</span></div>
|
||
<div class="line"><span class="preprocessor">#include "<a class="code" href="loop_8hpp.html">ftxui/component/loop.hpp</a>"</span> <span class="comment">// for Loop</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 ScreenInteractive</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 創建一個組件來計算繪製的幀數和處理的事件數。</span></div>
|
||
<div class="line"> <span class="keywordtype">int</span> custom_loop_count = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> frame_count = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> event_count = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> = Renderer([&] {</div>
|
||
<div class="line"> frame_count++;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"這演示了使用自定義 ftxui::Loop。它 "</span>),</div>
|
||
<div class="line"> text(<span class="stringliteral">"以每秒 100 次迭代的速度運行。FTXUI 事件 "</span>),</div>
|
||
<div class="line"> text(<span class="stringliteral">"每次迭代處理一次，並根據需要渲染新幀 "</span>),</div>
|
||
<div class="line"> text(<span class="stringliteral">"根據需要渲染"</span>),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> text(<span class="stringliteral">"ftxui event count: "</span> + std::to_string(event_count)),</div>
|
||
<div class="line"> text(<span class="stringliteral">"ftxui frame count: "</span> + std::to_string(frame_count)),</div>
|
||
<div class="line"> text(<span class="stringliteral">"Custom loop count: "</span> + std::to_string(custom_loop_count)),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> |= CatchEvent([&](<a class="code hl_struct" href="group__component.html#structftxui_1_1Event">Event</a>) -> <span class="keywordtype">bool</span> {</div>
|
||
<div class="line"> event_count++;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <span class="keyword">false</span>;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_class" href="classftxui_1_1Loop.html">Loop</a> loop(&screen, <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">while</span> (!loop.HasQuitted()) {</div>
|
||
<div class="line"> custom_loop_count++;</div>
|
||
<div class="line"> loop.RunOnce();</div>
|
||
<div class="line"> std::this_thread::sleep_for(std::chrono::milliseconds(10));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> EXIT_SUCCESS;</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="aclassftxui_1_1Loop_html"><div class="ttname"><a href="classftxui_1_1Loop.html">ftxui::Loop</a></div><div class="ttdoc">Loop 是一個用於管理元件事件循環的類別。</div><div class="ttdef"><b>Definition</b> <a href="loop_8hpp_source.html#l00056">loop.hpp:56</a></div></div>
|
||
<div class="ttc" id="aloop_8hpp_html"><div class="ttname"><a href="loop_8hpp.html">loop.hpp</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="dropdown"></a>
|
||
dropdown</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/dropdown">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni。保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 此原始碼的使用受 MIT 授權條款約束，該條款可在</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 檔案中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for basic_string, string, allocator</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 Dropdown, Horizontal, Vertical</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 ScreenInteractive</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> entries = {</div>
|
||
<div class="line"> <span class="stringliteral">"tribute"</span>, <span class="stringliteral">"clearance"</span>, <span class="stringliteral">"ally"</span>, <span class="stringliteral">"bend"</span>, <span class="stringliteral">"electronics"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"module"</span>, <span class="stringliteral">"era"</span>, <span class="stringliteral">"cultural"</span>, <span class="stringliteral">"sniff"</span>, <span class="stringliteral">"nationalism"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"negotiation"</span>, <span class="stringliteral">"deliver"</span>, <span class="stringliteral">"figure"</span>, <span class="stringliteral">"east"</span>, <span class="stringliteral">"tribute"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"clearance"</span>, <span class="stringliteral">"ally"</span>, <span class="stringliteral">"bend"</span>, <span class="stringliteral">"electronics"</span>, <span class="stringliteral">"module"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"era"</span>, <span class="stringliteral">"cultural"</span>, <span class="stringliteral">"sniff"</span>, <span class="stringliteral">"nationalism"</span>, <span class="stringliteral">"negotiation"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"deliver"</span>, <span class="stringliteral">"figure"</span>, <span class="stringliteral">"east"</span>, <span class="stringliteral">"tribute"</span>, <span class="stringliteral">"clearance"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"ally"</span>, <span class="stringliteral">"bend"</span>, <span class="stringliteral">"electronics"</span>, <span class="stringliteral">"module"</span>, <span class="stringliteral">"era"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"cultural"</span>, <span class="stringliteral">"sniff"</span>, <span class="stringliteral">"nationalism"</span>, <span class="stringliteral">"negotiation"</span>, <span class="stringliteral">"deliver"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"figure"</span>, <span class="stringliteral">"east"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected_1 = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected_2 = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected_3 = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected_4 = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> layout = Container::Vertical({</div>
|
||
<div class="line"> Container::Horizontal({</div>
|
||
<div class="line"> Dropdown(&entries, &selected_1),</div>
|
||
<div class="line"> Dropdown(&entries, &selected_2),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> Container::Horizontal({</div>
|
||
<div class="line"> Dropdown(&entries, &selected_3),</div>
|
||
<div class="line"> Dropdown(&entries, &selected_4),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(layout);</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="dropdown_custom"></a>
|
||
dropdown_custom</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/dropdown_custom">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼受 MIT 許可證管理，詳情請參閱 LICENSE 文件。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for basic_string, string, allocator</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 Dropdown, Horizontal, Vertical</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 ScreenInteractive</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> entries = {</div>
|
||
<div class="line"> <span class="stringliteral">"tribute"</span>, <span class="stringliteral">"clearance"</span>, <span class="stringliteral">"ally"</span>, <span class="stringliteral">"bend"</span>, <span class="stringliteral">"electronics"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"module"</span>, <span class="stringliteral">"era"</span>, <span class="stringliteral">"cultural"</span>, <span class="stringliteral">"sniff"</span>, <span class="stringliteral">"nationalism"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"negotiation"</span>, <span class="stringliteral">"deliver"</span>, <span class="stringliteral">"figure"</span>, <span class="stringliteral">"east"</span>, <span class="stringliteral">"tribute"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"clearance"</span>, <span class="stringliteral">"ally"</span>, <span class="stringliteral">"bend"</span>, <span class="stringliteral">"electronics"</span>, <span class="stringliteral">"module"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"era"</span>, <span class="stringliteral">"cultural"</span>, <span class="stringliteral">"sniff"</span>, <span class="stringliteral">"nationalism"</span>, <span class="stringliteral">"negotiation"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"deliver"</span>, <span class="stringliteral">"figure"</span>, <span class="stringliteral">"east"</span>, <span class="stringliteral">"tribute"</span>, <span class="stringliteral">"clearance"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"ally"</span>, <span class="stringliteral">"bend"</span>, <span class="stringliteral">"electronics"</span>, <span class="stringliteral">"module"</span>, <span class="stringliteral">"era"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"cultural"</span>, <span class="stringliteral">"sniff"</span>, <span class="stringliteral">"nationalism"</span>, <span class="stringliteral">"negotiation"</span>, <span class="stringliteral">"deliver"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"figure"</span>, <span class="stringliteral">"east"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> dropdown_1 = Dropdown({</div>
|
||
<div class="line"> .radiobox = {.entries = &entries},</div>
|
||
<div class="line"> .transform =</div>
|
||
<div class="line"> [](<span class="keywordtype">bool</span> open, <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> checkbox, <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>) {</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (open) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> checkbox | inverted,</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a> | vscroll_indicator | frame |</div>
|
||
<div class="line"> size(HEIGHT, LESS_THAN, 10),</div>
|
||
<div class="line"> filler(),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> checkbox,</div>
|
||
<div class="line"> filler(),</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> dropdown_2 = Dropdown({</div>
|
||
<div class="line"> .radiobox = {.entries = &entries},</div>
|
||
<div class="line"> .transform =</div>
|
||
<div class="line"> [](<span class="keywordtype">bool</span> open, <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> checkbox, <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>) {</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (open) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> checkbox | inverted,</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a> | vscroll_indicator | frame |</div>
|
||
<div class="line"> size(HEIGHT, LESS_THAN, 10) | bgcolor(Color::Blue),</div>
|
||
<div class="line"> filler(),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> checkbox | bgcolor(Color::Blue),</div>
|
||
<div class="line"> filler(),</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> dropdown_3 = Dropdown({</div>
|
||
<div class="line"> .radiobox =</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> .entries = &entries,</div>
|
||
<div class="line"> .transform =</div>
|
||
<div class="line"> [](<span class="keyword">const</span> <a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a>& s) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> t = text(s.label) | borderEmpty;</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (s.active) {</div>
|
||
<div class="line"> t |= bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (s.focused) {</div>
|
||
<div class="line"> t |= inverted;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> t;</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> .transform =</div>
|
||
<div class="line"> [](<span class="keywordtype">bool</span> open, <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> checkbox, <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>) {</div>
|
||
<div class="line"> checkbox |= borderEmpty;</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (open) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> checkbox | inverted,</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a> | vscroll_indicator | frame |</div>
|
||
<div class="line"> size(HEIGHT, LESS_THAN, 20) | bgcolor(Color::Red),</div>
|
||
<div class="line"> filler(),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> checkbox | bgcolor(Color::Red),</div>
|
||
<div class="line"> filler(),</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> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(Container::Horizontal({</div>
|
||
<div class="line"> dropdown_1,</div>
|
||
<div class="line"> dropdown_2,</div>
|
||
<div class="line"> dropdown_3,</div>
|
||
<div class="line"> }));</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="agallery_8cpp_html_a2f9270043301860784c4a1744ff064e1"><div class="ttname"><a href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a></div><div class="ttdeci">auto radiobox</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00073">gallery.cpp:73</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< Node > Element</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00022">elements.hpp:22</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="flexbox_gallery"></a>
|
||
flexbox_gallery</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/flexbox_gallery">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 此原始碼的使用受 MIT 許可證約束，該許可證可在</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 文件中找到。</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 <memory></span> <span class="comment">// for shared_ptr, __shared_ptr_access, allocator</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, basic_string, to_string, operator+, char_traits</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 Radiobox, Vertical, Checkbox, Horizontal, Renderer, ResizableSplitBottom, ResizableSplitRight</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 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, window, operator|, vbox, hbox, Element, flexbox, bgcolor, filler, flex, size, border, hcenter, color, EQUAL, bold, dim, notflex, xflex_grow, yflex_grow, HEIGHT, WIDTH</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, FlexboxConfig::AlignContent, FlexboxConfig::JustifyContent, FlexboxConfig::AlignContent::Center, FlexboxConfig::AlignItems, FlexboxConfig::Direction, FlexboxConfig::JustifyContent::Center, FlexboxConfig::Wrap</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::Black</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 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="keywordtype">int</span> direction_index = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> wrap_index = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> justify_content_index = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> align_items_index = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> align_content_index = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> directions = {</div>
|
||
<div class="line"> <span class="stringliteral">"Row"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"RowInversed"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Column"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"ColumnInversed"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> wraps = {</div>
|
||
<div class="line"> <span class="stringliteral">"NoWrap"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Wrap"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"WrapInversed"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> justify_content = {</div>
|
||
<div class="line"> <span class="stringliteral">"FlexStart"</span>, <span class="stringliteral">"FlexEnd"</span>, <span class="stringliteral">"Center"</span>, <span class="stringliteral">"Stretch"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"SpaceBetween"</span>, <span class="stringliteral">"SpaceAround"</span>, <span class="stringliteral">"SpaceEvenly"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> align_items = {</div>
|
||
<div class="line"> <span class="stringliteral">"FlexStart"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"FlexEnd"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Center"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Stretch"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> align_content = {</div>
|
||
<div class="line"> <span class="stringliteral">"FlexStart"</span>, <span class="stringliteral">"FlexEnd"</span>, <span class="stringliteral">"Center"</span>, <span class="stringliteral">"Stretch"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"SpaceBetween"</span>, <span class="stringliteral">"SpaceAround"</span>, <span class="stringliteral">"SpaceEvenly"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> radiobox_direction = Radiobox(&directions, &direction_index);</div>
|
||
<div class="line"> <span class="keyword">auto</span> radiobox_wrap = Radiobox(&wraps, &wrap_index);</div>
|
||
<div class="line"> <span class="keyword">auto</span> radiobox_justify_content =</div>
|
||
<div class="line"> Radiobox(&justify_content, &justify_content_index);</div>
|
||
<div class="line"> <span class="keyword">auto</span> radiobox_align_items = Radiobox(&align_items, &align_items_index);</div>
|
||
<div class="line"> <span class="keyword">auto</span> radiobox_align_content = Radiobox(&align_content, &align_content_index);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">bool</span> element_xflex_grow = <span class="keyword">false</span>;</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> element_yflex_grow = <span class="keyword">false</span>;</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> group_xflex_grow = <span class="keyword">true</span>;</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> group_yflex_grow = <span class="keyword">true</span>;</div>
|
||
<div class="line"> <span class="keyword">auto</span> checkbox_element_xflex_grow =</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"element |= xflex_grow"</span>, &element_xflex_grow);</div>
|
||
<div class="line"> <span class="keyword">auto</span> checkbox_element_yflex_grow =</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"element |= yflex_grow"</span>, &element_yflex_grow);</div>
|
||
<div class="line"> <span class="keyword">auto</span> checkbox_group_xflex_grow =</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"group |= xflex_grow"</span>, &group_xflex_grow);</div>
|
||
<div class="line"> <span class="keyword">auto</span> checkbox_group_yflex_grow =</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"group |= yflex_grow"</span>, &group_yflex_grow);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> <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, <span class="keywordtype">size_t</span> index) {</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="keyword">auto</span> element = window(text(title) | hcenter | bold,</div>
|
||
<div class="line"> text(std::to_string(index)) | hcenter | dim) |</div>
|
||
<div class="line"> size(WIDTH, EQUAL, dimx) | size(HEIGHT, EQUAL, dimy) |</div>
|
||
<div class="line"> bgcolor(Color::HSV(index * 25, 255, 255)) |</div>
|
||
<div class="line"> color(Color::Black);</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (element_xflex_grow) {</div>
|
||
<div class="line"> element = element | xflex_grow;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (element_yflex_grow) {</div>
|
||
<div class="line"> element = element | yflex_grow;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> element;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> content_renderer = Renderer([&] {</div>
|
||
<div class="line"> <a class="code hl_struct" href="group__dom.html#structftxui_1_1FlexboxConfig">FlexboxConfig</a> config;</div>
|
||
<div class="line"> config.<a class="code hl_variable" href="group__dom.html#a53421c695d00016ab925777d423b4eb6">direction</a> = <span class="keyword">static_cast<</span><a class="code hl_enumeration" href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aa">FlexboxConfig::Direction</a><span class="keyword">></span>(direction_index);</div>
|
||
<div class="line"> config.<a class="code hl_variable" href="group__dom.html#a68b5470ece4f0a492cc1d2057c9bd5e0">wrap</a> = <span class="keyword">static_cast<</span><a class="code hl_enumeration" href="group__dom.html#a6c844a611650cf7e956dbe269a0e72ab">FlexboxConfig::Wrap</a><span class="keyword">></span>(wrap_index);</div>
|
||
<div class="line"> config.<a class="code hl_variable" href="group__dom.html#ab3173252829e796ee1c100b447243748">justify_content</a> =</div>
|
||
<div class="line"> <span class="keyword">static_cast<</span><a class="code hl_enumeration" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">FlexboxConfig::JustifyContent</a><span class="keyword">></span>(justify_content_index);</div>
|
||
<div class="line"> config.<a class="code hl_variable" href="group__dom.html#a1514fd3d64965c521555fdc2cf2002ce">align_items</a> =</div>
|
||
<div class="line"> <span class="keyword">static_cast<</span><a class="code hl_enumeration" href="group__dom.html#a821af961ece5fe13540ad48b54c7a9e7">FlexboxConfig::AlignItems</a><span class="keyword">></span>(align_items_index);</div>
|
||
<div class="line"> config.<a class="code hl_variable" href="group__dom.html#a103275cb09167852e469450cf8471256">align_content</a> =</div>
|
||
<div class="line"> <span class="keyword">static_cast<</span><a class="code hl_enumeration" href="group__dom.html#a1f99410fd0fc632a5bc2497b6a447420">FlexboxConfig::AlignContent</a><span class="keyword">></span>(align_content_index);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> group = flexbox(</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(8, 4, 0),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(9, 6, 1),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(11, 6, 2),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(10, 4, 3),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(13, 7, 4),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(12, 4, 5),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(12, 5, 6),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(10, 4, 7),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(12, 4, 8),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(10, 5, 9),</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> config);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> group = group | bgcolor(Color::Black);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> group = group | notflex;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">if</span> (!group_xflex_grow) {</div>
|
||
<div class="line"> group = hbox(group, filler());</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (!group_yflex_grow) {</div>
|
||
<div class="line"> group = vbox(group, filler());</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> group = group | flex;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> group;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> center = <a class="code hl_struct" href="group__dom.html#structftxui_1_1FlexboxConfig">FlexboxConfig</a>()</div>
|
||
<div class="line"> .<a class="code hl_function" href="group__dom.html#ae47b5b0d793d0c2312e4805a1f40012a">Set</a>(FlexboxConfig::JustifyContent::Center)</div>
|
||
<div class="line"> .<a class="code hl_function" href="group__dom.html#ae47b5b0d793d0c2312e4805a1f40012a">Set</a>(FlexboxConfig::AlignContent::Center);</div>
|
||
<div class="line"> <span class="keywordtype">int</span> space_right = 10;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> space_bottom = 1;</div>
|
||
<div class="line"> content_renderer = ResizableSplitRight(</div>
|
||
<div class="line"> Renderer([&] { <span class="keywordflow">return</span> flexbox({text(<span class="stringliteral">"resizable"</span>)}, center); }),</div>
|
||
<div class="line"> content_renderer, &space_right);</div>
|
||
<div class="line"> content_renderer = ResizableSplitBottom(</div>
|
||
<div class="line"> Renderer([&] { <span class="keywordflow">return</span> flexbox({text(<span class="stringliteral">"resizable"</span>)}, center); }),</div>
|
||
<div class="line"> content_renderer, &space_bottom);</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"> radiobox_direction,</div>
|
||
<div class="line"> radiobox_wrap,</div>
|
||
<div class="line"> Container::Vertical({</div>
|
||
<div class="line"> checkbox_element_xflex_grow,</div>
|
||
<div class="line"> checkbox_element_yflex_grow,</div>
|
||
<div class="line"> checkbox_group_xflex_grow,</div>
|
||
<div class="line"> checkbox_group_yflex_grow,</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> Container::Horizontal({</div>
|
||
<div class="line"> radiobox_justify_content,</div>
|
||
<div class="line"> radiobox_align_items,</div>
|
||
<div class="line"> radiobox_align_content,</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> content_renderer,</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"> vbox({hbox({</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"FlexboxConfig::Direction"</span>),</div>
|
||
<div class="line"> radiobox_direction->Render()),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"FlexboxConfig::Wrap"</span>), radiobox_wrap->Render()),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"Misc:"</span>),</div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> checkbox_element_xflex_grow->Render(),</div>
|
||
<div class="line"> checkbox_element_yflex_grow->Render(),</div>
|
||
<div class="line"> checkbox_group_xflex_grow->Render(),</div>
|
||
<div class="line"> checkbox_group_yflex_grow->Render(),</div>
|
||
<div class="line"> })),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"FlexboxConfig::JustifyContent"</span>),</div>
|
||
<div class="line"> radiobox_justify_content->Render()),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"FlexboxConfig::AlignItems"</span>),</div>
|
||
<div class="line"> radiobox_align_items->Render()),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"FlexboxConfig::AlignContent"</span>),</div>
|
||
<div class="line"> radiobox_align_content->Render()),</div>
|
||
<div class="line"> })}),</div>
|
||
<div class="line"> content_renderer->Render() | flex | border,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(main_renderer);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</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="agroup__dom_html_a103275cb09167852e469450cf8471256"><div class="ttname"><a href="group__dom.html#a103275cb09167852e469450cf8471256">ftxui::FlexboxConfig::align_content</a></div><div class="ttdeci">AlignContent align_content</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00088">flexbox_config.hpp:88</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_a1514fd3d64965c521555fdc2cf2002ce"><div class="ttname"><a href="group__dom.html#a1514fd3d64965c521555fdc2cf2002ce">ftxui::FlexboxConfig::align_items</a></div><div class="ttdeci">AlignItems align_items</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00075">flexbox_config.hpp:75</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_a1f99410fd0fc632a5bc2497b6a447420"><div class="ttname"><a href="group__dom.html#a1f99410fd0fc632a5bc2497b6a447420">ftxui::FlexboxConfig::AlignContent</a></div><div class="ttdeci">AlignContent</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00079">flexbox_config.hpp:79</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_a224b9163917ac32fc95a60d8c1eec3aa"><div class="ttname"><a href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aa">ftxui::FlexboxConfig::Direction</a></div><div class="ttdeci">Direction</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00026">flexbox_config.hpp:26</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_a53421c695d00016ab925777d423b4eb6"><div class="ttname"><a href="group__dom.html#a53421c695d00016ab925777d423b4eb6">ftxui::FlexboxConfig::direction</a></div><div class="ttdeci">Direction direction</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00032">flexbox_config.hpp:32</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_a68b5470ece4f0a492cc1d2057c9bd5e0"><div class="ttname"><a href="group__dom.html#a68b5470ece4f0a492cc1d2057c9bd5e0">ftxui::FlexboxConfig::wrap</a></div><div class="ttdeci">Wrap wrap</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00041">flexbox_config.hpp:41</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_a6c844a611650cf7e956dbe269a0e72ab"><div class="ttname"><a href="group__dom.html#a6c844a611650cf7e956dbe269a0e72ab">ftxui::FlexboxConfig::Wrap</a></div><div class="ttdeci">Wrap</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00036">flexbox_config.hpp:36</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_a821af961ece5fe13540ad48b54c7a9e7"><div class="ttname"><a href="group__dom.html#a821af961ece5fe13540ad48b54c7a9e7">ftxui::FlexboxConfig::AlignItems</a></div><div class="ttdeci">AlignItems</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00069">flexbox_config.hpp:69</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_ab3173252829e796ee1c100b447243748"><div class="ttname"><a href="group__dom.html#ab3173252829e796ee1c100b447243748">ftxui::FlexboxConfig::justify_content</a></div><div class="ttdeci">JustifyContent justify_content</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00065">flexbox_config.hpp:65</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_ac6e5ab18dcac465ee2ac9a0d8b4a82d2"><div class="ttname"><a href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">ftxui::FlexboxConfig::JustifyContent</a></div><div class="ttdeci">JustifyContent</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00046">flexbox_config.hpp:46</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_ae47b5b0d793d0c2312e4805a1f40012a"><div class="ttname"><a href="group__dom.html#ae47b5b0d793d0c2312e4805a1f40012a">ftxui::FlexboxConfig::Set</a></div><div class="ttdeci">FlexboxConfig & Set(FlexboxConfig::Direction)</div><div class="ttdoc">設定 flexbox 方向。</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8cpp_source.html#l00009">flexbox_config.cpp:9</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_structftxui_1_1FlexboxConfig"><div class="ttname"><a href="group__dom.html#structftxui_1_1FlexboxConfig">ftxui::FlexboxConfig</a></div><div class="ttdoc">FlexboxConfig 是一個配置結構，用於定義彈性盒容器的佈局屬性。</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8hpp_source.html#l00023">flexbox_config.hpp:23</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="focus"></a>
|
||
focus</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/focus">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼受 MIT 授權條款約束，詳情請參閱</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 檔案。</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 operator+, char_traits, to_string, 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, Renderer, Vertical</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 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 Elements, Element, operator|, separator, text, focusPositionRelative, size, border, flex, frame, bgcolor, gridbox, vbox, EQUAL, center, HEIGHT, WIDTH</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</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"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(<span class="keywordtype">int</span> x, <span class="keywordtype">int</span> y) {</div>
|
||
<div class="line"> std::string title = <span class="stringliteral">"("</span> + std::to_string(x) + <span class="stringliteral">", "</span> + std::to_string(y) + <span class="stringliteral">")"</span>;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(title) | center | size(WIDTH, EQUAL, 18) |</div>
|
||
<div class="line"> size(HEIGHT, EQUAL, 9) | border |</div>
|
||
<div class="line"> bgcolor(Color::HSV(x * 255 / 15, 255, y * 255 / 15));</div>
|
||
<div class="line">};</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9543e1b98f00db8484ee0c856a1d4cca">make_grid</a>() {</div>
|
||
<div class="line"> std::vector<Elements> rows;</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> i = 0; i < 15; i++) {</div>
|
||
<div class="line"> std::vector<Element> cols;</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> j = 0; j < 15; j++) {</div>
|
||
<div class="line"> cols.push_back(<a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9ffb8a33ec5d0133f63f791d526df1c7">make_box</a>(i, j));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> rows.push_back(cols);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> gridbox(rows);</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="keywordtype">float</span> focus_x = 0.5f;</div>
|
||
<div class="line"> <span class="keywordtype">float</span> focus_y = 0.5f;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> slider_x = Slider(<span class="stringliteral">"x"</span>, &focus_x, 0.f, 1.f, 0.01f);</div>
|
||
<div class="line"> <span class="keyword">auto</span> slider_y = Slider(<span class="stringliteral">"y"</span>, &focus_y, 0.f, 1.f, 0.01f);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(</div>
|
||
<div class="line"> Container::Vertical({</div>
|
||
<div class="line"> slider_x,</div>
|
||
<div class="line"> slider_y,</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> [&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> title = <span class="stringliteral">"焦點相對位置("</span> + <span class="comment">//</span></div>
|
||
<div class="line"> std::to_string(focus_x) + <span class="stringliteral">", "</span> + <span class="comment">//</span></div>
|
||
<div class="line"> std::to_string(focus_y) + <span class="stringliteral">")"</span>; <span class="comment">//</span></div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(title),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> slider_x->Render(),</div>
|
||
<div class="line"> slider_y->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2focus_8cpp.html#a9543e1b98f00db8484ee0c856a1d4cca">make_grid</a>() | focusPositionRelative(focus_x, focus_y) |</div>
|
||
<div class="line"> frame | flex,</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::Fullscreen();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="aexamples_2component_2focus_8cpp_html_a9543e1b98f00db8484ee0c856a1d4cca"><div class="ttname"><a href="examples_2component_2focus_8cpp.html#a9543e1b98f00db8484ee0c856a1d4cca">make_grid</a></div><div class="ttdeci">Element make_grid()</div><div class="ttdef"><b>Definition</b> <a href="examples_2component_2focus_8cpp_source.html#l00024">examples/component/focus.cpp:24</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="focus_cursor"></a>
|
||
focus_cursor</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/focus_cursor">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼受 MIT 授權條款約束，詳情請參閱</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 文件。</span></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">// 用於 ftxui</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// 用於 allocator, operator+, char_traits, string</span></div>
|
||
<div class="line"> </div>
|
||
<div class="line"><span class="preprocessor">#include "<a class="code" href="component_8hpp.html">ftxui/component/component.hpp</a>"</span> <span class="comment">// 用於 Renderer, Vertical</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">// 用於 ScreenInteractive, Component</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">// 用於 text, Decorator, focus, focusCursorBar, focusCursorBarBlinking, focusCursorBlock, focusCursorBlockBlinking, focusCursorUnderline, focusCursorUnderlineBlinking, hbox, Element</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"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="focus__cursor_8cpp.html#a96da73e7fb75cca8a91e59559ce1dba2">Instance</a>(std::string label, <a class="code hl_typedef" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> focusCursor) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Renderer([=](<span class="keywordtype">bool</span> focused) {</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (focused) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> hbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"> "</span> + label + <span class="stringliteral">" "</span>),</div>
|
||
<div class="line"> focusCursor(text(<span class="stringliteral">" "</span>)),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(<span class="stringliteral">" "</span> + label + <span class="stringliteral">" "</span>);</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::Fullscreen();</div>
|
||
<div class="line"> screen.Loop(Container::Vertical({</div>
|
||
<div class="line"> <a class="code hl_function" href="focus__cursor_8cpp.html#a96da73e7fb75cca8a91e59559ce1dba2">Instance</a>(<span class="stringliteral">"focus"</span>, focus),</div>
|
||
<div class="line"> <a class="code hl_function" href="focus__cursor_8cpp.html#a96da73e7fb75cca8a91e59559ce1dba2">Instance</a>(<span class="stringliteral">"focusCursorBlock"</span>, focusCursorBlock),</div>
|
||
<div class="line"> <a class="code hl_function" href="focus__cursor_8cpp.html#a96da73e7fb75cca8a91e59559ce1dba2">Instance</a>(<span class="stringliteral">"focusCursorBlockBlinking"</span>, focusCursorBlockBlinking),</div>
|
||
<div class="line"> <a class="code hl_function" href="focus__cursor_8cpp.html#a96da73e7fb75cca8a91e59559ce1dba2">Instance</a>(<span class="stringliteral">"focusCursorBar"</span>, focusCursorBar),</div>
|
||
<div class="line"> <a class="code hl_function" href="focus__cursor_8cpp.html#a96da73e7fb75cca8a91e59559ce1dba2">Instance</a>(<span class="stringliteral">"focusCursorBarBlinking"</span>, focusCursorBarBlinking),</div>
|
||
<div class="line"> <a class="code hl_function" href="focus__cursor_8cpp.html#a96da73e7fb75cca8a91e59559ce1dba2">Instance</a>(<span class="stringliteral">"focusCursorUnderline"</span>, focusCursorUnderline),</div>
|
||
<div class="line"> <a class="code hl_function" href="focus__cursor_8cpp.html#a96da73e7fb75cca8a91e59559ce1dba2">Instance</a>(<span class="stringliteral">"focusCursorUnderlineBlinking"</span>, focusCursorUnderlineBlinking),</div>
|
||
<div class="line"> }));</div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="afocus__cursor_8cpp_html_a96da73e7fb75cca8a91e59559ce1dba2"><div class="ttname"><a href="focus__cursor_8cpp.html#a96da73e7fb75cca8a91e59559ce1dba2">Instance</a></div><div class="ttdeci">Component Instance(std::string label, Decorator focusCursor)</div><div class="ttdef"><b>Definition</b> <a href="focus__cursor_8cpp_source.html#l00013">focus_cursor.cpp:13</a></div></div>
|
||
<div class="ttc" id="anamespaceftxui_html_a164021903e9ac6f1357e4186582891e3"><div class="ttname"><a href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">ftxui::Decorator</a></div><div class="ttdeci">std::function< Element(Element)> Decorator</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00024">elements.hpp:24</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="gallery"></a>
|
||
gallery</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/gallery">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</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">// 在左側帶有標題的情況下優雅地顯示一個組件。</span></div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</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> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Renderer(<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>, [name, <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>] {</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"> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>->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">// -- 選單</span></div>
|
||
<div class="line"> <span class="comment">// ---------------------------------------------------------------------- const std::vector<std::string> menu_entries = {</span></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> <a class="code hl_variable" href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a> = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a> = Menu(&menu_entries, &<a class="code hl_variable" href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a>);</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a> = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Menu"</span>, <a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// -- 開關------------------------------------------------------------------</span></div>
|
||
<div class="line"> <span class="keywordtype">int</span> <a class="code hl_variable" href="gallery_8cpp.html#a7c94829f1a30082a58d9b378c3afdbe9">toggle_selected</a> = 0;</div>
|
||
<div class="line"> std::vector<std::string> <a class="code hl_variable" href="gallery_8cpp.html#a7df206f5592b8eb0553b4b124f72e72e">toggle_entries</a> = {</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> <a class="code hl_variable" href="gallery_8cpp.html#a31dce1c0128d7a2f28549bc690ea5f1a">toggle</a> = Toggle(&<a class="code hl_variable" href="gallery_8cpp.html#a7df206f5592b8eb0553b4b124f72e72e">toggle_entries</a>, &<a class="code hl_variable" href="gallery_8cpp.html#a7c94829f1a30082a58d9b378c3afdbe9">toggle_selected</a>);</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a31dce1c0128d7a2f28549bc690ea5f1a">toggle</a> = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Toggle"</span>, <a class="code hl_variable" href="gallery_8cpp.html#a31dce1c0128d7a2f28549bc690ea5f1a">toggle</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// -- 核取方塊 ---------------------------------------------------------------</span></div>
|
||
<div class="line"> <span class="keywordtype">bool</span> <a class="code hl_variable" href="gallery_8cpp.html#a0fc22c6267acc69c3e286346a94da94e">checkbox_1_selected</a> = <span class="keyword">false</span>;</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> <a class="code hl_variable" href="gallery_8cpp.html#a7e0c54c7c3439400acf8872e55e22f74">checkbox_2_selected</a> = <span class="keyword">false</span>;</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> <a class="code hl_variable" href="gallery_8cpp.html#a3e5c2ac6bf6b8f0ee5a001e14b34255f">checkbox_3_selected</a> = <span class="keyword">false</span>;</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> <a class="code hl_variable" href="gallery_8cpp.html#a0c67da2c8c743e9a8353163dff110024">checkbox_4_selected</a> = <span class="keyword">false</span>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a1f3d583d421b1f81dfb46e6482a010c2">checkboxes</a> = Container::Vertical({</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"checkbox1"</span>, &<a class="code hl_variable" href="gallery_8cpp.html#a0fc22c6267acc69c3e286346a94da94e">checkbox_1_selected</a>),</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"checkbox2"</span>, &<a class="code hl_variable" href="gallery_8cpp.html#a7e0c54c7c3439400acf8872e55e22f74">checkbox_2_selected</a>),</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"checkbox3"</span>, &<a class="code hl_variable" href="gallery_8cpp.html#a3e5c2ac6bf6b8f0ee5a001e14b34255f">checkbox_3_selected</a>),</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"checkbox4"</span>, &<a class="code hl_variable" href="gallery_8cpp.html#a0c67da2c8c743e9a8353163dff110024">checkbox_4_selected</a>),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a1f3d583d421b1f81dfb46e6482a010c2">checkboxes</a> = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Checkbox"</span>, <a class="code hl_variable" href="gallery_8cpp.html#a1f3d583d421b1f81dfb46e6482a010c2">checkboxes</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// -- 單選框 ---------------------------------------------------------------</span></div>
|
||
<div class="line"> <span class="keywordtype">int</span> <a class="code hl_variable" href="gallery_8cpp.html#a981dd77a66be08ae4cff176eefb99b16">radiobox_selected</a> = 0;</div>
|
||
<div class="line"> std::vector<std::string> <a class="code hl_variable" href="gallery_8cpp.html#ab0f61defa62c405a77336f266aa2eb93">radiobox_entries</a> = {</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> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a> = Radiobox(&<a class="code hl_variable" href="gallery_8cpp.html#ab0f61defa62c405a77336f266aa2eb93">radiobox_entries</a>, &<a class="code hl_variable" href="gallery_8cpp.html#a981dd77a66be08ae4cff176eefb99b16">radiobox_selected</a>);</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a> = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Radiobox"</span>, <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// -- 輸入 ------------------------------------------------------------------</span></div>
|
||
<div class="line"> std::string <a class="code hl_variable" href="gallery_8cpp.html#a5368e529cd0f34deb4887f2e70e7ea92">input_label</a>;</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a877535c3b6ffdf230bce90c82c597d17">input</a> = Input(&<a class="code hl_variable" href="gallery_8cpp.html#a5368e529cd0f34deb4887f2e70e7ea92">input_label</a>, <span class="stringliteral">"placeholder"</span>);</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a877535c3b6ffdf230bce90c82c597d17">input</a> = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Input"</span>, <a class="code hl_variable" href="gallery_8cpp.html#a877535c3b6ffdf230bce90c82c597d17">input</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// -- 按鈕 -----------------------------------------------------------------</span></div>
|
||
<div class="line"> std::string <a class="code hl_variable" href="gallery_8cpp.html#a3bb2fc3ae8e0bafc513798bffcc7bd80">button_label</a> = <span class="stringliteral">"Quit"</span>;</div>
|
||
<div class="line"> std::function<void()> <a class="code hl_variable" href="gallery_8cpp.html#ac99c8e828d6c95009d62b49fb5dfbec0">on_button_clicked_</a>;</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a> = Button(&<a class="code hl_variable" href="gallery_8cpp.html#a3bb2fc3ae8e0bafc513798bffcc7bd80">button_label</a>, screen.ExitLoopClosure());</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a> = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Button"</span>, <a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// -- 滑桿 -----------------------------------------------------------------</span></div>
|
||
<div class="line"> <span class="keywordtype">int</span> <a class="code hl_variable" href="gallery_8cpp.html#af69578c6b997f238734526def33b92b7">slider_value_1</a> = 12;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> <a class="code hl_variable" href="gallery_8cpp.html#a9276795010f180471b7dd26273058018">slider_value_2</a> = 56;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> <a class="code hl_variable" href="gallery_8cpp.html#a2a3716976f1505be2ffcbff4cc14a104">slider_value_3</a> = 128;</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#af2dc883631510a23f84eaf3b6a6f941c">sliders</a> = Container::Vertical({</div>
|
||
<div class="line"> Slider(<span class="stringliteral">"R:"</span>, &<a class="code hl_variable" href="gallery_8cpp.html#af69578c6b997f238734526def33b92b7">slider_value_1</a>, 0, 256, 1),</div>
|
||
<div class="line"> Slider(<span class="stringliteral">"G:"</span>, &<a class="code hl_variable" href="gallery_8cpp.html#a9276795010f180471b7dd26273058018">slider_value_2</a>, 0, 256, 1),</div>
|
||
<div class="line"> Slider(<span class="stringliteral">"B:"</span>, &<a class="code hl_variable" href="gallery_8cpp.html#a2a3716976f1505be2ffcbff4cc14a104">slider_value_3</a>, 0, 256, 1),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#af2dc883631510a23f84eaf3b6a6f941c">sliders</a> = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Slider"</span>, <a class="code hl_variable" href="gallery_8cpp.html#af2dc883631510a23f84eaf3b6a6f941c">sliders</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 大段文字：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#aaf5c14b236419cfc06ac31a1ada008d2">lorel_ipsum</a> = Renderer([] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"Lorem ipsum dolor sit amet, consectetur adipiscing elit. "</span>),</div>
|
||
<div class="line"> text(<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"> text(<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"> text(<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"> text(<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"> <a class="code hl_variable" href="gallery_8cpp.html#aaf5c14b236419cfc06ac31a1ada008d2">lorel_ipsum</a> = <a class="code hl_function" href="gallery_8cpp.html#a0a320000c5a485508c57030f605b800a">Wrap</a>(<span class="stringliteral">"Lorel Ipsum"</span>, <a class="code hl_variable" href="gallery_8cpp.html#aaf5c14b236419cfc06ac31a1ada008d2">lorel_ipsum</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// -- 佈局</span></div>
|
||
<div class="line"> <span class="comment">// ----------------------------------------------------------------- auto layout = Container::Vertical({</span></div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a>,</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a31dce1c0128d7a2f28549bc690ea5f1a">toggle</a>,</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a1f3d583d421b1f81dfb46e6482a010c2">checkboxes</a>,</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>,</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a877535c3b6ffdf230bce90c82c597d17">input</a>,</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#af2dc883631510a23f84eaf3b6a6f941c">sliders</a>,</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a>,</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#aaf5c14b236419cfc06ac31a1ada008d2">lorel_ipsum</a>,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> = Renderer(layout, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a>->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a31dce1c0128d7a2f28549bc690ea5f1a">toggle</a>->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a1f3d583d421b1f81dfb46e6482a010c2">checkboxes</a>->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a877535c3b6ffdf230bce90c82c597d17">input</a>->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#af2dc883631510a23f84eaf3b6a6f941c">sliders</a>->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a>->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#aaf5c14b236419cfc06ac31a1ada008d2">lorel_ipsum</a>->Render(),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> xflex | size(WIDTH, GREATER_THAN, 40) | border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</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#l00017">gallery.cpp:17</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a0c67da2c8c743e9a8353163dff110024"><div class="ttname"><a href="gallery_8cpp.html#a0c67da2c8c743e9a8353163dff110024">checkbox_4_selected</a></div><div class="ttdeci">bool checkbox_4_selected</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00055">gallery.cpp:55</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a0fc22c6267acc69c3e286346a94da94e"><div class="ttname"><a href="gallery_8cpp.html#a0fc22c6267acc69c3e286346a94da94e">checkbox_1_selected</a></div><div class="ttdeci">bool checkbox_1_selected</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00052">gallery.cpp:52</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a117f301854808bb7c5c22b298ebd8d3e"><div class="ttname"><a href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a></div><div class="ttdeci">int menu_selected</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00038">gallery.cpp:38</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a1f3d583d421b1f81dfb46e6482a010c2"><div class="ttname"><a href="gallery_8cpp.html#a1f3d583d421b1f81dfb46e6482a010c2">checkboxes</a></div><div class="ttdeci">auto checkboxes</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00057">gallery.cpp:57</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a2a3716976f1505be2ffcbff4cc14a104"><div class="ttname"><a href="gallery_8cpp.html#a2a3716976f1505be2ffcbff4cc14a104">slider_value_3</a></div><div class="ttdeci">int slider_value_3</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00090">gallery.cpp:90</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a31dce1c0128d7a2f28549bc690ea5f1a"><div class="ttname"><a href="gallery_8cpp.html#a31dce1c0128d7a2f28549bc690ea5f1a">toggle</a></div><div class="ttdeci">auto toggle</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00048">gallery.cpp:48</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a3bb2fc3ae8e0bafc513798bffcc7bd80"><div class="ttname"><a href="gallery_8cpp.html#a3bb2fc3ae8e0bafc513798bffcc7bd80">button_label</a></div><div class="ttdeci">std::string button_label</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00082">gallery.cpp:82</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a3e5c2ac6bf6b8f0ee5a001e14b34255f"><div class="ttname"><a href="gallery_8cpp.html#a3e5c2ac6bf6b8f0ee5a001e14b34255f">checkbox_3_selected</a></div><div class="ttdeci">bool checkbox_3_selected</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00054">gallery.cpp:54</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a5368e529cd0f34deb4887f2e70e7ea92"><div class="ttname"><a href="gallery_8cpp.html#a5368e529cd0f34deb4887f2e70e7ea92">input_label</a></div><div class="ttdeci">std::string input_label</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00077">gallery.cpp:77</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a7c94829f1a30082a58d9b378c3afdbe9"><div class="ttname"><a href="gallery_8cpp.html#a7c94829f1a30082a58d9b378c3afdbe9">toggle_selected</a></div><div class="ttdeci">int toggle_selected</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00043">gallery.cpp:43</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a7df206f5592b8eb0553b4b124f72e72e"><div class="ttname"><a href="gallery_8cpp.html#a7df206f5592b8eb0553b4b124f72e72e">toggle_entries</a></div><div class="ttdeci">std::vector< std::string > toggle_entries</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00044">gallery.cpp:44</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a7e0c54c7c3439400acf8872e55e22f74"><div class="ttname"><a href="gallery_8cpp.html#a7e0c54c7c3439400acf8872e55e22f74">checkbox_2_selected</a></div><div class="ttdeci">bool checkbox_2_selected</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00053">gallery.cpp:53</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a877535c3b6ffdf230bce90c82c597d17"><div class="ttname"><a href="gallery_8cpp.html#a877535c3b6ffdf230bce90c82c597d17">input</a></div><div class="ttdeci">auto input</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00078">gallery.cpp:78</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a905479d79c2aa8410d2fc374bc75cc5b"><div class="ttname"><a href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a></div><div class="ttdeci">auto menu</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00039">gallery.cpp:39</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a9276795010f180471b7dd26273058018"><div class="ttname"><a href="gallery_8cpp.html#a9276795010f180471b7dd26273058018">slider_value_2</a></div><div class="ttdeci">int slider_value_2</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00089">gallery.cpp:89</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_a981dd77a66be08ae4cff176eefb99b16"><div class="ttname"><a href="gallery_8cpp.html#a981dd77a66be08ae4cff176eefb99b16">radiobox_selected</a></div><div class="ttdeci">int radiobox_selected</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00066">gallery.cpp:66</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_aaf5c14b236419cfc06ac31a1ada008d2"><div class="ttname"><a href="gallery_8cpp.html#aaf5c14b236419cfc06ac31a1ada008d2">lorel_ipsum</a></div><div class="ttdeci">auto lorel_ipsum</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00099">gallery.cpp:99</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_ab0f61defa62c405a77336f266aa2eb93"><div class="ttname"><a href="gallery_8cpp.html#ab0f61defa62c405a77336f266aa2eb93">radiobox_entries</a></div><div class="ttdeci">std::vector< std::string > radiobox_entries</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00067">gallery.cpp:67</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_ac99c8e828d6c95009d62b49fb5dfbec0"><div class="ttname"><a href="gallery_8cpp.html#ac99c8e828d6c95009d62b49fb5dfbec0">on_button_clicked_</a></div><div class="ttdeci">std::function< void()> on_button_clicked_</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00083">gallery.cpp:83</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_af2dc883631510a23f84eaf3b6a6f941c"><div class="ttname"><a href="gallery_8cpp.html#af2dc883631510a23f84eaf3b6a6f941c">sliders</a></div><div class="ttdeci">auto sliders</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00091">gallery.cpp:91</a></div></div>
|
||
<div class="ttc" id="agallery_8cpp_html_af69578c6b997f238734526def33b92b7"><div class="ttname"><a href="gallery_8cpp.html#af69578c6b997f238734526def33b92b7">slider_value_1</a></div><div class="ttdeci">int slider_value_1</div><div class="ttdef"><b>Definition</b> <a href="gallery_8cpp_source.html#l00088">gallery.cpp:88</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="homescreen"></a>
|
||
homescreen</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/homescreen">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni。保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 檔案。</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 <<a class="code" href="loop_8hpp.html">ftxui/component/loop.hpp</a>></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 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">"頻率 [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">"使用率 [%]"</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">"記憶體 [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> <a class="code hl_variable" href="gallery_8cpp.html#a877535c3b6ffdf230bce90c82c597d17">input</a> = Menu(&input_entries, &input_selected);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> input_option = <a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">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">"輸入檔案"</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">"可執行檔"</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"> <a class="code hl_variable" href="gallery_8cpp.html#a877535c3b6ffdf230bce90c82c597d17">input</a>,</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">// 編譯器</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">"編譯器"</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">"旗標"</span>), flags->Render() | vscroll_indicator | frame);</div>
|
||
<div class="line"> <span class="keyword">auto</span> executable_win = window(text(<span class="stringliteral">"可執行檔:"</span>), executable_->Render());</div>
|
||
<div class="line"> <span class="keyword">auto</span> input_win =</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"輸入"</span>), hbox({</div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"新增: "</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"> <a class="code hl_variable" href="gallery_8cpp.html#a877535c3b6ffdf230bce90c82c597d17">input</a>->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 / 5) | 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 色調色盤:"</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 色調色盤:"</span>);</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> std::vector<std::vector<ColorInfo>> info_columns = <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 class="code hl_class" href="group__screen.html#classftxui_1_1Color">Color</a>(<a class="code hl_enumeration" href="group__screen.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">"真彩色: 24位元:"</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 class="code hl_struct" href="group__dom.html#structftxui_1_1FlexboxConfig">FlexboxConfig</a>().<a class="code hl_function" href="group__dom.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 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">"內容"</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 只是印刷和排版行業的虛擬文字。\nLorem Ipsum 自 1500 年代以來一直是該行業的標準虛擬文字，當時一位不知名的印刷商取了一塊活字，並將其打亂製成了一本字體樣本。"</span>;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"靠左對齊:"</span>), paragraphAlignLeft(str)),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"置中對齊:"</span>), paragraphAlignCenter(str)),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"靠右對齊:"</span>), paragraphAlignRight(str)),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"左右對齊:"</span>), paragraphAlignJustify(str)),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"並排顯示"</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">"不同大小的元素:"</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">"<--- 這個垂直條可以使用滑鼠調整大小"</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">"顏色"</span>, <span class="stringliteral">"旋轉"</span>, <span class="stringliteral">"量表"</span>, <span class="stringliteral">"編譯器"</span>, <span class="stringliteral">"段落"</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">"離開"</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 示範"</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"> <a class="code hl_class" href="classftxui_1_1Loop.html">Loop</a> loop(&screen, main_renderer);</div>
|
||
<div class="line"> <span class="keywordflow">while</span> (!loop.HasQuitted()) {</div>
|
||
<div class="line"> <span class="comment">// 更新應用程式狀態。</span></div>
|
||
<div class="line"> shift++;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 請求繪製新畫面。</span></div>
|
||
<div class="line"> screen.RequestAnimationFrame();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// Execute events, and draw the next frame.</span></div>
|
||
<div class="line"> loop.RunOnce();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 短暫睡眠以控制幀率 (60 FPS)。</span></div>
|
||
<div class="line"> std::this_thread::sleep_for(std::chrono::milliseconds(1000 / 60));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</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="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>Definition</b> <a href="component__options_8hpp_source.html#l00165">component_options.hpp:165</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_a98d9a43033c09c7f967cdec791408bad"><div class="ttname"><a href="group__dom.html#a98d9a43033c09c7f967cdec791408bad">ftxui::FlexboxConfig::SetGap</a></div><div class="ttdeci">FlexboxConfig & SetGap(int gap_x, int gap_y)</div><div class="ttdoc">設定 flexbox 彈性方向。</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8cpp_source.html#l00039">flexbox_config.cpp:39</a></div></div>
|
||
<div class="ttc" id="agroup__screen_html_abd07c48f62cc507fafa2486a43130fcf"><div class="ttname"><a href="group__screen.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="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>Definition</b> <a href="color_8hpp_source.html#l00020">color.hpp:20</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="aterminal_8hpp_html"><div class="ttname"><a href="terminal_8hpp.html">terminal.hpp</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="input"></a>
|
||
input</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/input">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權約束，該授權可在 LICENSE 檔案中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for char_traits, operator+, string, basic_string</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 Input, Renderer, Vertical</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="component__options_8hpp.html">ftxui/component/component_options.hpp</a>"</span> <span class="comment">// for InputOption</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, hbox, separator, Element, operator|, vbox, border</span></div>
|
||
<div class="line"><span class="preprocessor">#include "<a class="code" href="ref_8hpp.html">ftxui/util/ref.hpp</a>"</span> <span class="comment">// for Ref</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 資料：</span></div>
|
||
<div class="line"> std::string first_name;</div>
|
||
<div class="line"> std::string last_name;</div>
|
||
<div class="line"> std::string password;</div>
|
||
<div class="line"> std::string phoneNumber;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 基本輸入元件：</span></div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> input_first_name = Input(&first_name, <span class="stringliteral">"first name"</span>);</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> input_last_name = Input(&last_name, <span class="stringliteral">"last name"</span>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 密碼輸入元件：</span></div>
|
||
<div class="line"> <a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">InputOption</a> password_option;</div>
|
||
<div class="line"> password_option.<a class="code hl_variable" href="group__component.html#a927bd46792ffe38c7545a764d847d066">password</a> = <span class="keyword">true</span>;</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> input_password = Input(&password, <span class="stringliteral">"password"</span>, password_option);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 電話號碼輸入元件：</span></div>
|
||
<div class="line"> <span class="comment">// 我們使用 `CatchEvent` 來過濾非數字字元。</span></div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> input_phone_number = Input(&phoneNumber, <span class="stringliteral">"phone number"</span>);</div>
|
||
<div class="line"> input_phone_number |= CatchEvent([&](<a class="code hl_struct" href="group__component.html#structftxui_1_1Event">Event</a> event) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <span class="keyword">event</span>.is_character() && !std::isdigit(event.<a class="code hl_function" href="group__component.html#a07022c6e92b9144a0e5b337b562f9892">character</a>()[0]);</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> input_phone_number |= CatchEvent([&](<a class="code hl_struct" href="group__component.html#structftxui_1_1Event">Event</a> event) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <span class="keyword">event</span>.is_character() && phoneNumber.size() > 10;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 元件樹：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> = Container::Vertical({</div>
|
||
<div class="line"> input_first_name,</div>
|
||
<div class="line"> input_last_name,</div>
|
||
<div class="line"> input_password,</div>
|
||
<div class="line"> input_phone_number,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 調整元件樹的渲染方式：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> hbox(text(<span class="stringliteral">" First name : "</span>), input_first_name->Render()),</div>
|
||
<div class="line"> hbox(text(<span class="stringliteral">" Last name : "</span>), input_last_name->Render()),</div>
|
||
<div class="line"> hbox(text(<span class="stringliteral">" Password : "</span>), input_password->Render()),</div>
|
||
<div class="line"> hbox(text(<span class="stringliteral">" Phone num : "</span>), input_phone_number->Render()),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> text(<span class="stringliteral">"Hello "</span> + first_name + <span class="stringliteral">" "</span> + last_name),</div>
|
||
<div class="line"> text(<span class="stringliteral">"Your password is "</span> + password),</div>
|
||
<div class="line"> text(<span class="stringliteral">"Your phone number is "</span> + phoneNumber),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="agroup__component_html_a07022c6e92b9144a0e5b337b562f9892"><div class="ttname"><a href="group__component.html#a07022c6e92b9144a0e5b337b562f9892">ftxui::Event::character</a></div><div class="ttdeci">std::string character() const</div><div class="ttdef"><b>Definition</b> <a href="event_8hpp_source.html#l00105">event.hpp:105</a></div></div>
|
||
<div class="ttc" id="agroup__component_html_a927bd46792ffe38c7545a764d847d066"><div class="ttname"><a href="group__component.html#a927bd46792ffe38c7545a764d847d066">ftxui::InputOption::password</a></div><div class="ttdeci">Ref< bool > password</div><div class="ttdoc">使用 '*' 隱藏輸入內容。</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00181">component_options.hpp:181</a></div></div>
|
||
<div class="ttc" id="aref_8hpp_html"><div class="ttname"><a href="ref_8hpp.html">ref.hpp</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="input_in_frame"></a>
|
||
input_in_frame</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/input_in_frame">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2021 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 文件。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, basic_string, operator+, to_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 Input, Renderer, Vertical</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 operator|, Element, size, border, frame, vscroll_indicator, HEIGHT, LESS_THAN</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> input_list = Container::Vertical({});</div>
|
||
<div class="line"> std::vector<std::string> items(100, <span class="stringliteral">""</span>);</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">size_t</span> i = 0; i < items.size(); ++i) {</div>
|
||
<div class="line"> input_list->Add(Input(&(items[i]), <span class="stringliteral">"placeholder "</span> + std::to_string(i)));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(input_list, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> input_list->Render() | vscroll_indicator | frame | border |</div>
|
||
<div class="line"> size(HEIGHT, LESS_THAN, 10);</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="input_style"></a>
|
||
input_style</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/input_style">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <<a class="code" href="linear__gradient_8hpp.html">ftxui/dom/linear_gradient.hpp</a>></span> <span class="comment">// for LinearGradient</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::White, Color::Red, Color::Blue, Color::Black, Color::GrayDark, ftxui</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 <string></span> <span class="comment">// for allocator, string</span></div>
|
||
<div class="line"><span class="preprocessor">#include <utility></span> <span class="comment">// for move</span></div>
|
||
<div class="line"> </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 Input, Horizontal, Vertical, operator|</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 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 InputState, InputOption</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 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 operator|=, Element, bgcolor, operator|, separatorEmpty, color, borderEmpty, separator, text, center, dim, hbox, vbox, border, borderDouble, borderRounded</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">InputOption</a> style_1 = InputOption::Default();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">InputOption</a> style_2 = InputOption::Spacious();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">InputOption</a> style_3 = InputOption::Spacious();</div>
|
||
<div class="line"> style_3.<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"> state.element |= borderEmpty;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.is_placeholder) {</div>
|
||
<div class="line"> state.element |= dim;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.focused) {</div>
|
||
<div class="line"> state.element |= borderDouble;</div>
|
||
<div class="line"> state.element |= bgcolor(Color::White);</div>
|
||
<div class="line"> state.element |= color(Color::Black);</div>
|
||
<div class="line"> } <span class="keywordflow">else</span> <span class="keywordflow">if</span> (state.hovered) {</div>
|
||
<div class="line"> state.element |= borderRounded;</div>
|
||
<div class="line"> state.element |= bgcolor(<a class="code hl_struct" href="group__dom.html#structftxui_1_1LinearGradient">LinearGradient</a>(90, Color::Blue, Color::Red));</div>
|
||
<div class="line"> state.element |= color(Color::White);</div>
|
||
<div class="line"> } <span class="keywordflow">else</span> {</div>
|
||
<div class="line"> state.element |= border;</div>
|
||
<div class="line"> state.element |= bgcolor(<a class="code hl_struct" href="group__dom.html#structftxui_1_1LinearGradient">LinearGradient</a>(0, Color::Blue, Color::Red));</div>
|
||
<div class="line"> state.element |= color(Color::White);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> state.element;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">InputOption</a> style_4 = InputOption::Spacious();</div>
|
||
<div class="line"> style_4.<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"> state.element = hbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"Theorem"</span>) | center | borderEmpty | bgcolor(Color::Red),</div>
|
||
<div class="line"> separatorEmpty(),</div>
|
||
<div class="line"> separator() | color(Color::White),</div>
|
||
<div class="line"> separatorEmpty(),</div>
|
||
<div class="line"> std::move(state.element),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> state.element |= borderEmpty;</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.is_placeholder) {</div>
|
||
<div class="line"> state.element |= dim;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.focused) {</div>
|
||
<div class="line"> state.element |= bgcolor(Color::Black);</div>
|
||
<div class="line"> } <span class="keywordflow">else</span> {</div>
|
||
<div class="line"> state.element |= bgcolor(Color::Blue);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.hovered) {</div>
|
||
<div class="line"> state.element |= bgcolor(Color::GrayDark);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({state.element, separatorEmpty()});</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> generateUiFromStyle = [&](<a class="code hl_struct" href="group__component.html#structftxui_1_1InputOption">InputOption</a> style) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> first_name = <span class="keyword">new</span> std::string(); <span class="comment">// 記憶體洩漏</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> middle_name = <span class="keyword">new</span> std::string(); <span class="comment">// 記憶體洩漏</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> last_name = <span class="keyword">new</span> std::string(); <span class="comment">// 記憶體洩漏</span></div>
|
||
<div class="line"> <span class="keywordflow">return</span> Container::Vertical({</div>
|
||
<div class="line"> Input(first_name, <span class="stringliteral">"first name"</span>, style),</div>
|
||
<div class="line"> Input(middle_name, <span class="stringliteral">"middle name"</span>, style),</div>
|
||
<div class="line"> Input(last_name, <span class="stringliteral">"last name"</span>, style),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> borderEmpty;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> ui = Container::Horizontal({</div>
|
||
<div class="line"> generateUiFromStyle(style_1),</div>
|
||
<div class="line"> generateUiFromStyle(style_2),</div>
|
||
<div class="line"> generateUiFromStyle(style_3),</div>
|
||
<div class="line"> generateUiFromStyle(style_4),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(ui);</div>
|
||
<div class="line">}</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< Element(InputState)> transform</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00180">component_options.hpp:180</a></div></div>
|
||
<div class="ttc" id="agroup__dom_html_structftxui_1_1LinearGradient"><div class="ttname"><a href="group__dom.html#structftxui_1_1LinearGradient">ftxui::LinearGradient</a></div><div class="ttdoc">表示線性漸變顏色效果設定的類別。</div><div class="ttdef"><b>Definition</b> <a href="linear__gradient_8hpp_source.html#l00031">linear_gradient.hpp:31</a></div></div>
|
||
<div class="ttc" id="alinear__gradient_8hpp_html"><div class="ttname"><a href="linear__gradient_8hpp.html">linear_gradient.hpp</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>Definition</b> <a href="component__options_8hpp_source.html#l00155">component_options.hpp:155</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="linear_gradient_gallery"></a>
|
||
linear_gradient_gallery</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/linear_gradient_gallery">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2023 Arthur Sonzogni。保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本源碼的使用受 MIT 許可證的約束，該許可證可在 LICENSE 文件中找到。</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="elements_8hpp.html">ftxui/dom/elements.hpp</a>></span> <span class="comment">// for operator|, Element, flex, bgcolor, text, vbox, center</span></div>
|
||
<div class="line"><span class="preprocessor">#include <<a class="code" href="linear__gradient_8hpp.html">ftxui/dom/linear_gradient.hpp</a>></span> <span class="comment">// for LinearGradient</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::Blue, Color::Red</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for __shared_ptr_access, shared_ptr</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for allocator, operator+, char_traits, string, to_string</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, Renderer, Vertical</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 ScreenInteractive</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::Fullscreen();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> <a class="code hl_variable" href="src_2ftxui_2dom_2linear__gradient_8cpp.html#ab8ef1bf8a70cc07c6d55823c390a7e76">angle</a> = 180.f;</div>
|
||
<div class="line"> <span class="keywordtype">float</span> start = 0.f;</div>
|
||
<div class="line"> <span class="keywordtype">float</span> end = 1.f;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::string slider_angle_text;</div>
|
||
<div class="line"> std::string slider_start_text;</div>
|
||
<div class="line"> std::string slider_end_text;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> slider_angle = Slider(&slider_angle_text, &<a class="code hl_variable" href="src_2ftxui_2dom_2linear__gradient_8cpp.html#ab8ef1bf8a70cc07c6d55823c390a7e76">angle</a>, 0, 360);</div>
|
||
<div class="line"> <span class="keyword">auto</span> slider_start = Slider(&slider_start_text, &start, 0.f, 1.f, 0.05f);</div>
|
||
<div class="line"> <span class="keyword">auto</span> slider_end = Slider(&slider_end_text, &end, 0.f, 1.f, 0.05f);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> layout = Container::Vertical({</div>
|
||
<div class="line"> slider_angle,</div>
|
||
<div class="line"> slider_start,</div>
|
||
<div class="line"> slider_end,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(layout, [&] {</div>
|
||
<div class="line"> slider_angle_text = <span class="stringliteral">"angle = "</span> + std::to_string(<a class="code hl_variable" href="src_2ftxui_2dom_2linear__gradient_8cpp.html#ab8ef1bf8a70cc07c6d55823c390a7e76">angle</a>) + <span class="stringliteral">"°"</span>;</div>
|
||
<div class="line"> slider_start_text = <span class="stringliteral">"start = "</span> + std::to_string(<span class="keywordtype">int</span>(start * 100)) + <span class="stringliteral">"%"</span>;</div>
|
||
<div class="line"> slider_end_text = <span class="stringliteral">"end = "</span> + std::to_string(<span class="keywordtype">int</span>(end * 100)) + <span class="stringliteral">"%"</span>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> background = text(<span class="stringliteral">"Gradient"</span>) | center |</div>
|
||
<div class="line"> bgcolor(<a class="code hl_struct" href="group__dom.html#structftxui_1_1LinearGradient">LinearGradient</a>()</div>
|
||
<div class="line"> .Angle(<a class="code hl_variable" href="src_2ftxui_2dom_2linear__gradient_8cpp.html#ab8ef1bf8a70cc07c6d55823c390a7e76">angle</a>)</div>
|
||
<div class="line"> .Stop(Color::Blue, start)</div>
|
||
<div class="line"> .Stop(Color::Red, end));</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> background | flex,</div>
|
||
<div class="line"> layout->Render(),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> flex;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="asrc_2ftxui_2dom_2linear__gradient_8cpp_html_ab8ef1bf8a70cc07c6d55823c390a7e76"><div class="ttname"><a href="src_2ftxui_2dom_2linear__gradient_8cpp.html#ab8ef1bf8a70cc07c6d55823c390a7e76">angle</a></div><div class="ttdeci">float angle</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html#l00022">src/ftxui/dom/linear_gradient.cpp:22</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="maybe"></a>
|
||
maybe</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/maybe">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni。保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱 LICENSE 檔案。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, allocator, 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 operator|, Maybe, Checkbox, Radiobox, Renderer, Vertical</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 Component</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 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 Element, border, color, operator|, text</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::Red</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 class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> std::vector<std::string> entries = {</div>
|
||
<div class="line"> <span class="stringliteral">"entry 1"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"entry 2"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"entry 3"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> menu_1_selected = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> menu_2_selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">bool</span> menu_1_show = <span class="keyword">false</span>;</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> menu_2_show = <span class="keyword">false</span>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> layout = Container::Vertical({</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"Show menu_1"</span>, &menu_1_show),</div>
|
||
<div class="line"> Radiobox(&entries, &menu_1_selected) | border | Maybe(&menu_1_show),</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"Show menu_2"</span>, &menu_2_show),</div>
|
||
<div class="line"> Radiobox(&entries, &menu_2_selected) | border | Maybe(&menu_2_show),</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> Renderer([] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(<span class="stringliteral">"You found the secret combinaison!"</span>) | color(Color::Red);</div>
|
||
<div class="line"> }) | Maybe([&] { <span class="keywordflow">return</span> menu_1_selected == 1 && menu_2_selected == 2; }),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(layout);</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="menu"></a>
|
||
menu</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/menu">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼受 MIT 授權條款約束，詳情請參閱 LICENSE 檔案。</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 <iostream></span> <span class="comment">// for basic_ostream::operator<<, operator<<, endl, basic_ostream, basic_ostream<>::__ostream_type, cout, ostream</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, basic_string, allocator</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 Menu</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</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 ScreenInteractive</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> entries = {</div>
|
||
<div class="line"> <span class="stringliteral">"entry 1"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"entry 2"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"entry 3"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_struct" href="group__component.html#structftxui_1_1MenuOption">MenuOption</a> option;</div>
|
||
<div class="line"> option.<a class="code hl_variable" href="group__component.html#a4ba9530701be07334a17c0184747c535">on_enter</a> = screen.ExitLoopClosure();</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a> = Menu(&entries, &selected, option);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(<a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a>);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::cout << <span class="stringliteral">"Selected element = "</span> << selected << std::endl;</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="agroup__component_html_a4ba9530701be07334a17c0184747c535"><div class="ttname"><a href="group__component.html#a4ba9530701be07334a17c0184747c535">ftxui::MenuOption::on_enter</a></div><div class="ttdeci">std::function< void()> on_enter</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00109">component_options.hpp:109</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>Definition</b> <a href="component__options_8hpp_source.html#l00088">component_options.hpp:88</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="menu2"></a>
|
||
menu2</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/menu2">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 許可證的約束，該許可證可在</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 文件中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <functional></span> <span class="comment">// 用於 function</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// 用於 allocator, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// 用於 string, basic_string, operator+, to_string</span></div>
|
||
<div class="line"><span class="preprocessor">#include <vector></span> <span class="comment">// 用於 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">// 用於 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">// 用於 Menu, Horizontal, Renderer</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">// 用於 ComponentBase</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">// 用於 MenuOption</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">// 用於 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">// 用於 text, separator, bold, hcenter, vbox, hbox, gauge, Element, operator|, border</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> left_menu_entries = {</div>
|
||
<div class="line"> <span class="stringliteral">"0%"</span>, <span class="stringliteral">"10%"</span>, <span class="stringliteral">"20%"</span>, <span class="stringliteral">"30%"</span>, <span class="stringliteral">"40%"</span>, <span class="stringliteral">"50%"</span>, <span class="stringliteral">"60%"</span>, <span class="stringliteral">"70%"</span>, <span class="stringliteral">"80%"</span>, <span class="stringliteral">"90%"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> std::vector<std::string> right_menu_entries = {</div>
|
||
<div class="line"> <span class="stringliteral">"0%"</span>, <span class="stringliteral">"1%"</span>, <span class="stringliteral">"2%"</span>, <span class="stringliteral">"3%"</span>, <span class="stringliteral">"4%"</span>, <span class="stringliteral">"5%"</span>, <span class="stringliteral">"6%"</span>, <span class="stringliteral">"7%"</span>, <span class="stringliteral">"8%"</span>, <span class="stringliteral">"9%"</span>, <span class="stringliteral">"10%"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> menu_option = <a class="code hl_struct" href="group__component.html#structftxui_1_1MenuOption">MenuOption</a>();</div>
|
||
<div class="line"> menu_option.on_enter = screen.ExitLoopClosure();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> left_menu_selected = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> right_menu_selected = 0;</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> left_menu_ =</div>
|
||
<div class="line"> Menu(&left_menu_entries, &left_menu_selected, menu_option);</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> right_menu_ =</div>
|
||
<div class="line"> Menu(&right_menu_entries, &right_menu_selected, menu_option);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> container = Container::Horizontal({</div>
|
||
<div class="line"> left_menu_,</div>
|
||
<div class="line"> right_menu_,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(container, [&] {</div>
|
||
<div class="line"> <span class="keywordtype">int</span> sum = left_menu_selected * 10 + right_menu_selected;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> <span class="comment">// -------- 頂部面板 --------------</span></div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> <span class="comment">// -------- 左側菜單 --------------</span></div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> hcenter(bold(text(<span class="stringliteral">"以 10% 為增量的百分比"</span>))),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> left_menu_->Render(),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <span class="comment">// -------- 右側菜單 --------------</span></div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> hcenter(bold(text(<span class="stringliteral">"以 1% 為增量的百分比"</span>))),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> right_menu_->Render(),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <span class="comment">// -------- 底部面板 --------------</span></div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">" 量表 : "</span>),</div>
|
||
<div class="line"> gauge(sum / 100.0),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">" 文字 : "</span>),</div>
|
||
<div class="line"> text(std::to_string(sum) + <span class="stringliteral">" %"</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"> </div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="menu_entries"></a>
|
||
menu_entries</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/menu_entries">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱 LICENSE 檔案。</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 <iostream></span> <span class="comment">// for basic_ostream::operator<<, operator<<, endl, basic_ostream, basic_ostream<>::__ostream_type, cout, ostream</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 char_traits, to_string, operator+, string, basic_string</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 MenuEntry, Renderer, Vertical</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="component__options_8hpp.html">ftxui/component/component_options.hpp</a>"</span> <span class="comment">// for MenuEntryOption</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 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 operator|, Element, separator, text, hbox, size, frame, color, vbox, HEIGHT, LESS_THAN, bold, border, inverted</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::Blue, Color::Cyan, Color::Green, Color::Red, Color::Yellow</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">// 為某些選單項目定義特殊樣式。</span></div>
|
||
<div class="line"><a class="code hl_struct" href="group__component.html#structftxui_1_1MenuEntryOption">MenuEntryOption</a> <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Color">ftxui::Color</a> c) {</div>
|
||
<div class="line"> <a class="code hl_struct" href="group__component.html#structftxui_1_1MenuEntryOption">MenuEntryOption</a> option;</div>
|
||
<div class="line"> option.<a class="code hl_variable" href="group__component.html#a5641c45021a8cc20bdd21498563825a0">transform</a> = [c](<a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a> state) {</div>
|
||
<div class="line"> state.label = (state.active ? <span class="stringliteral">"> "</span> : <span class="stringliteral">" "</span>) + state.label;</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> e = text(state.label) | color(c);</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.focused) {</div>
|
||
<div class="line"> e = e | inverted;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.active) {</div>
|
||
<div class="line"> e = e | bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> e;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">return</span> option;</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::TerminalOutput();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a> = Container::Vertical(</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 1. improve"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 2. tolerant"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 3. career"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 4. cast"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 5. question"</span>),</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> Renderer([] { <span class="keywordflow">return</span> separator(); }),</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 6. rear"</span>, <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(Color::Red)),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 7. drown"</span>, <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(Color::Yellow)),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 8. nail"</span>, <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(Color::Green)),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 9. quit"</span>, <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(Color::Cyan)),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"10. decorative"</span>, <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(Color::Blue)),</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> Renderer([] { <span class="keywordflow">return</span> separator(); }),</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"11. costume"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"12. pick"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"13. oral"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"14. minister"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"15. football"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"16. welcome"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"17. copper"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"18. inhabitant"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"19. fortune"</span>),</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> &selected);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 將選單與邊框一起顯示</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(<a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a>, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> hbox(text(<span class="stringliteral">"selected = "</span>), text(std::to_string(selected))),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a>->Render() | frame | size(HEIGHT, LESS_THAN, 10),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::cout << <span class="stringliteral">"Selected element = "</span> << selected << std::endl;</div>
|
||
<div class="line">}</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< Element(const EntryState &state)> transform</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00082">component_options.hpp:82</a></div></div>
|
||
<div class="ttc" id="agroup__component_html_structftxui_1_1MenuEntryOption"><div class="ttname"><a href="group__component.html#structftxui_1_1MenuEntryOption">ftxui::MenuEntryOption</a></div><div class="ttdoc">MenuEntry 元件的選項。</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00080">component_options.hpp:80</a></div></div>
|
||
<div class="ttc" id="amenu__entries_8cpp_html_a12f3ca405f8238e1d03dff81d4cf6997"><div class="ttname"><a href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a></div><div class="ttdeci">MenuEntryOption Colored(ftxui::Color c)</div><div class="ttdef"><b>Definition</b> <a href="menu__entries_8cpp_source.html#l00019">menu_entries.cpp:19</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="menu_entries_animated"></a>
|
||
menu_entries_animated</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/menu_entries_animated">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款的約束，詳情請參閱 LICENSE 檔案。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <iostream></span> <span class="comment">// for basic_ostream::operator<<, operator<<, endl, basic_ostream, basic_ostream<>::__ostream_type, cout, ostream</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for shared_ptr, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for to_string, allocator</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 MenuEntryAnimated, Renderer, Vertical</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="component__options_8hpp.html">ftxui/component/component_options.hpp</a>"</span> <span class="comment">// for MenuEntryAnimated</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 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 operator|, separator, Element, Decorator, color, text, hbox, size, bold, frame, inverted, vbox, HEIGHT, LESS_THAN, border</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::Blue, Color::Cyan, Color::Green, Color::Red, Color::Yellow</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">// 為某些菜單項目定義特殊樣式。</span></div>
|
||
<div class="line"><a class="code hl_struct" href="group__component.html#structftxui_1_1MenuEntryOption">MenuEntryOption</a> <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(<a class="code hl_class" href="group__screen.html#classftxui_1_1Color">ftxui::Color</a> c) {</div>
|
||
<div class="line"> <a class="code hl_struct" href="group__component.html#structftxui_1_1MenuEntryOption">MenuEntryOption</a> option;</div>
|
||
<div class="line"> 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_variable" href="group__component.html#a8740ba80e30dd75e71d09fa1dcf04f3d">enabled</a> = <span class="keyword">true</span>;</div>
|
||
<div class="line"> 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_variable" href="group__component.html#a8740ba80e30dd75e71d09fa1dcf04f3d">enabled</a> = <span class="keyword">true</span>;</div>
|
||
<div class="line"> 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_variable" href="group__component.html#a5c04e41d802330270ae14a9861c1e2df">active</a> = c;</div>
|
||
<div class="line"> 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_variable" href="group__component.html#a898e4eb6c2a93ea3b71fc373f39854eb">inactive</a> = Color::Black;</div>
|
||
<div class="line"> 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_variable" href="group__component.html#a5c04e41d802330270ae14a9861c1e2df">active</a> = Color::White;</div>
|
||
<div class="line"> 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_variable" href="group__component.html#a898e4eb6c2a93ea3b71fc373f39854eb">inactive</a> = c;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> option;</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::TerminalOutput();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a> = Container::Vertical(</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 1. rear"</span>, <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(Color::Red)),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 2. drown"</span>, <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(Color::Yellow)),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 3. nail"</span>, <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(Color::Green)),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 4. quit"</span>, <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(Color::Cyan)),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 5. decorative"</span>, <a class="code hl_function" href="menu__entries_8cpp.html#a12f3ca405f8238e1d03dff81d4cf6997">Colored</a>(Color::Blue)),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 7. costume"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 8. pick"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">" 9. oral"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"11. minister"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"12. football"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"13. welcome"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"14. copper"</span>),</div>
|
||
<div class="line"> MenuEntry(<span class="stringliteral">"15. inhabitant"</span>),</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> &selected);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 帶邊框的菜單一起顯示</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(<a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a>, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> hbox(text(<span class="stringliteral">"selected = "</span>), text(std::to_string(selected))),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a905479d79c2aa8410d2fc374bc75cc5b">menu</a>->Render() | frame,</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border | bgcolor(Color::Black);</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::cout << <span class="stringliteral">"Selected element = "</span> << selected << std::endl;</div>
|
||
<div class="line">}</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>Definition</b> <a href="component__options_8hpp_source.html#l00068">component_options.hpp:68</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>Definition</b> <a href="component__options_8hpp_source.html#l00066">component_options.hpp:66</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>Definition</b> <a href="component__options_8hpp_source.html#l00067">component_options.hpp:67</a></div></div>
|
||
<div class="ttc" id="agroup__component_html_ab7131557fbe84a6b4b2f2ffcff7d44f0"><div class="ttname"><a href="group__component.html#ab7131557fbe84a6b4b2f2ffcff7d44f0">ftxui::MenuEntryOption::animated_colors</a></div><div class="ttdeci">AnimatedColorsOption animated_colors</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00083">component_options.hpp:83</a></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>Definition</b> <a href="component__options_8hpp_source.html#l00075">component_options.hpp:75</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>Definition</b> <a href="component__options_8hpp_source.html#l00074">component_options.hpp:74</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="menu_in_frame"></a>
|
||
menu_in_frame</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/menu_in_frame">Demo</a> </p><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 <memory></span> <span class="comment">// for shared_ptr, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, basic_string, operator+, to_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 Radiobox, Renderer</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 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 operator|, Element, size, border, frame, HEIGHT, LESS_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="keywordtype">int</span> <a class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> std::vector<std::string> entries;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> i = 0; i < 30; ++i) {</div>
|
||
<div class="line"> entries.push_back(<span class="stringliteral">"Entry "</span> + std::to_string(i));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a> = Menu(&entries, &selected);</div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(<a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>->Render() | vscroll_indicator | frame |</div>
|
||
<div class="line"> size(HEIGHT, LESS_THAN, 10) | border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="menu_in_frame_horizontal"></a>
|
||
menu_in_frame_horizontal</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/menu_in_frame_horizontal">Demo</a> </p><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 <memory></span> <span class="comment">// for shared_ptr, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, basic_string, operator+, to_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 Radiobox, Renderer</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 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 operator|, Element, size, border, frame, HEIGHT, LESS_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="keywordtype">int</span> <a class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> std::vector<std::string> entries;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> i = 0; i < 100; ++i) {</div>
|
||
<div class="line"> entries.push_back(std::to_string(i));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a> = Menu(&entries, &selected, MenuOption::Horizontal());</div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>, [&] { <span class="keywordflow">return</span> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>->Render() | hscroll_indicator | frame; });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="menu_multiple"></a>
|
||
menu_multiple</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/menu_multiple">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <stdlib.h></span> <span class="comment">// for EXIT_SUCCESS</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, operator+, basic_string, to_string, char_traits</span></div>
|
||
<div class="line"><span class="preprocessor">#include <vector></span> <span class="comment">// for vector, __alloc_traits<>::value_type</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 Menu, Renderer, Horizontal, Vertical</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 text, Element, operator|, window, flex, vbox</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"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>(std::string title, <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Renderer(<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>, [<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>, title] { <span class="comment">//</span></div>
|
||
<div class="line"> <span class="keywordflow">return</span> window(text(title), <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>->Render()) | flex;</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="keywordtype">int</span> <a class="code hl_variable" href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a>[] = {0, 0, 0};</div>
|
||
<div class="line"> std::vector<std::vector<std::string>> menu_entries = {</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> <span class="stringliteral">"Ananas"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Raspberry"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Citrus"</span>,</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> <span class="stringliteral">"Potatoes"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Weat"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Rise"</span>,</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> <span class="stringliteral">"Carrot"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Lettuce"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Tomato"</span>,</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> menu_selected_global = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> menu_global = Container::Vertical(</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>(<span class="stringliteral">"Menu 1"</span>, Menu(&menu_entries[0], &<a class="code hl_variable" href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a>[0])),</div>
|
||
<div class="line"> <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>(<span class="stringliteral">"Menu 2"</span>, Menu(&menu_entries[1], &<a class="code hl_variable" href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a>[1])),</div>
|
||
<div class="line"> <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>(<span class="stringliteral">"Menu 3"</span>, Menu(&menu_entries[2], &<a class="code hl_variable" href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a>[2])),</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> &menu_selected_global);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> info = Renderer([&] {</div>
|
||
<div class="line"> <span class="keywordtype">int</span> g = menu_selected_global;</div>
|
||
<div class="line"> std::string value = menu_entries[g][<a class="code hl_variable" href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a>[g]];</div>
|
||
<div class="line"> <span class="keywordflow">return</span> window(text(<span class="stringliteral">"Content"</span>), <span class="comment">//</span></div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"menu_selected_global = "</span> + std::to_string(g)),</div>
|
||
<div class="line"> text(<span class="stringliteral">"menu_selected[0] = "</span> +</div>
|
||
<div class="line"> std::to_string(<a class="code hl_variable" href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a>[0])),</div>
|
||
<div class="line"> text(<span class="stringliteral">"menu_selected[1] = "</span> +</div>
|
||
<div class="line"> std::to_string(<a class="code hl_variable" href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a>[1])),</div>
|
||
<div class="line"> text(<span class="stringliteral">"menu_selected[2] = "</span> +</div>
|
||
<div class="line"> std::to_string(<a class="code hl_variable" href="gallery_8cpp.html#a117f301854808bb7c5c22b298ebd8d3e">menu_selected</a>[2])),</div>
|
||
<div class="line"> text(<span class="stringliteral">"Value = "</span> + value),</div>
|
||
<div class="line"> })) |</div>
|
||
<div class="line"> flex;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> global = Container::Horizontal({</div>
|
||
<div class="line"> menu_global,</div>
|
||
<div class="line"> info,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(global);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> EXIT_SUCCESS;</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="amenu__multiple_8cpp_html_ac2013764d7f0c7eb57876c3755e98bb3"><div class="ttname"><a href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a></div><div class="ttdeci">Component Window(std::string title, Component component)</div><div class="ttdef"><b>Definition</b> <a href="menu__multiple_8cpp_source.html#l00016">menu_multiple.cpp:16</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="menu_style"></a>
|
||
menu_style</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/menu_style">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 文件中找到。</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 <chrono></span> <span class="comment">// for milliseconds</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_access, shared_ptr, allocator</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, char_traits, operator+, 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="animation_8hpp.html">ftxui/component/animation.hpp</a>"</span> <span class="comment">// for ElasticOut, Linear</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 Menu, Horizontal, Renderer, Vertical</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="component__options_8hpp.html">ftxui/component/component_options.hpp</a>"</span> <span class="comment">// for MenuOption, EntryState, MenuEntryOption, AnimatedColorOption, AnimatedColorsOption, UnderlineOption</span></div>
|
||
<div class="line"><span class="preprocessor">#include "<a class="code" href="mouse_8hpp.html">ftxui/component/mouse.hpp</a>"</span> <span class="comment">// for ftxui</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, text, bgcolor, hbox, bold, color, filler, border, vbox, borderDouble, dim, flex, hcenter</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::Red, Color::Black, Color::Yellow, Color::Blue, Color::Default, Color::White</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"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#abc833415e917ac2a93b5a4f35df2f0fb">VMenu1</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#ab1c7204fedc90016a50553cdcdc9b58b">VMenu2</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#aec99d3a88e71643df15281e0041e44a2">VMenu3</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#afc540158e9fcd015af9e24d4ef072214">VMenu4</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#a62669e7b3cf3a388a714910a16cce19b">VMenu5</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#aeeb06101b3a771616149626f203be146">VMenu6</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#af07f6b560af2a9d723b3e53360d280b5">VMenu7</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#afade922e195c0cda670066485469de56">VMenu8</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#a909976f4b60ea372663d733e16011767">HMenu1</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#a9ec2a6df3ad7dd845b4d4ab507d9d5fe">HMenu2</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#ab5a58c425dbca17b57cfcbf4b8c98e2e">HMenu3</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#a1aead66022c928952b560ebab9913346">HMenu4</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#a16cc679d7e91d82d484eff7e443539cb">HMenu5</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected);</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::TerminalOutput();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> entries{</div>
|
||
<div class="line"> <span class="stringliteral">"Monkey"</span>, <span class="stringliteral">"Dog"</span>, <span class="stringliteral">"Cat"</span>, <span class="stringliteral">"Bird"</span>, <span class="stringliteral">"Elephant"</span>, <span class="stringliteral">"Cat"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> std::array<int, 12> selected = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0};</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> vmenu_1_ = <a class="code hl_function" href="menu__style_8cpp.html#abc833415e917ac2a93b5a4f35df2f0fb">VMenu1</a>(&entries, &selected[0]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> vmenu_2_ = <a class="code hl_function" href="menu__style_8cpp.html#ab1c7204fedc90016a50553cdcdc9b58b">VMenu2</a>(&entries, &selected[1]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> vmenu_3_ = <a class="code hl_function" href="menu__style_8cpp.html#aec99d3a88e71643df15281e0041e44a2">VMenu3</a>(&entries, &selected[2]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> vmenu_4_ = <a class="code hl_function" href="menu__style_8cpp.html#afc540158e9fcd015af9e24d4ef072214">VMenu4</a>(&entries, &selected[3]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> vmenu_5_ = <a class="code hl_function" href="menu__style_8cpp.html#a62669e7b3cf3a388a714910a16cce19b">VMenu5</a>(&entries, &selected[4]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> vmenu_6_ = <a class="code hl_function" href="menu__style_8cpp.html#aeeb06101b3a771616149626f203be146">VMenu6</a>(&entries, &selected[5]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> vmenu_7_ = <a class="code hl_function" href="menu__style_8cpp.html#af07f6b560af2a9d723b3e53360d280b5">VMenu7</a>(&entries, &selected[6]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> vmenu_8_ = <a class="code hl_function" href="menu__style_8cpp.html#afade922e195c0cda670066485469de56">VMenu8</a>(&entries, &selected[7]);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> hmenu_1_ = <a class="code hl_function" href="menu__style_8cpp.html#a909976f4b60ea372663d733e16011767">HMenu1</a>(&entries, &selected[8]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> hmenu_2_ = <a class="code hl_function" href="menu__style_8cpp.html#a9ec2a6df3ad7dd845b4d4ab507d9d5fe">HMenu2</a>(&entries, &selected[9]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> hmenu_3_ = <a class="code hl_function" href="menu__style_8cpp.html#ab5a58c425dbca17b57cfcbf4b8c98e2e">HMenu3</a>(&entries, &selected[10]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> hmenu_4_ = <a class="code hl_function" href="menu__style_8cpp.html#a1aead66022c928952b560ebab9913346">HMenu4</a>(&entries, &selected[11]);</div>
|
||
<div class="line"> <span class="keyword">auto</span> hmenu_5_ = <a class="code hl_function" href="menu__style_8cpp.html#a16cc679d7e91d82d484eff7e443539cb">HMenu5</a>(&entries, &selected[12]);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> container = Container::Vertical({</div>
|
||
<div class="line"> Container::Horizontal({</div>
|
||
<div class="line"> vmenu_1_,</div>
|
||
<div class="line"> vmenu_2_,</div>
|
||
<div class="line"> vmenu_3_,</div>
|
||
<div class="line"> vmenu_4_,</div>
|
||
<div class="line"> vmenu_5_,</div>
|
||
<div class="line"> vmenu_6_,</div>
|
||
<div class="line"> vmenu_7_,</div>
|
||
<div class="line"> vmenu_8_,</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> hmenu_1_,</div>
|
||
<div class="line"> hmenu_2_,</div>
|
||
<div class="line"> hmenu_3_,</div>
|
||
<div class="line"> hmenu_4_,</div>
|
||
<div class="line"> hmenu_5_,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(container, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <span class="comment">//</span></div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> vmenu_1_->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> vmenu_2_->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> vmenu_3_->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> vmenu_4_->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> vmenu_5_->Render(),</div>
|
||
<div class="line"> vmenu_6_->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> vmenu_7_->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> vmenu_8_->Render(),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> hmenu_1_->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> hmenu_2_->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> hmenu_3_->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> hmenu_4_->Render(),</div>
|
||
<div class="line"> hmenu_5_->Render(),</div>
|
||
<div class="line"> }) | border,</div>
|
||
<div class="line"> filler(),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#abc833415e917ac2a93b5a4f35df2f0fb">VMenu1</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::Vertical();</div>
|
||
<div class="line"> option.entries_option.<a class="code hl_variable" href="group__component.html#a5641c45021a8cc20bdd21498563825a0">transform</a> = [](<a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a> state) {</div>
|
||
<div class="line"> state.label = (state.active ? <span class="stringliteral">"> "</span> : <span class="stringliteral">" "</span>) + state.label;</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> e = text(state.label);</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.focused) {</div>
|
||
<div class="line"> e = e | bgcolor(Color::Blue);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.active) {</div>
|
||
<div class="line"> e = e | bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> e;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, option);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#ab1c7204fedc90016a50553cdcdc9b58b">VMenu2</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::Vertical();</div>
|
||
<div class="line"> option.entries_option.<a class="code hl_variable" href="group__component.html#a5641c45021a8cc20bdd21498563825a0">transform</a> = [](<a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a> state) {</div>
|
||
<div class="line"> state.label += (state.active ? <span class="stringliteral">" <"</span> : <span class="stringliteral">" "</span>);</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> e = hbox(filler(), text(state.label));</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.focused) {</div>
|
||
<div class="line"> e = e | bgcolor(Color::Red);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.active) {</div>
|
||
<div class="line"> e = e | bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> e;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, option);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#aec99d3a88e71643df15281e0041e44a2">VMenu3</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::Vertical();</div>
|
||
<div class="line"> option.entries_option.<a class="code hl_variable" href="group__component.html#a5641c45021a8cc20bdd21498563825a0">transform</a> = [](<a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a> state) {</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> e = state.active ? text(<span class="stringliteral">"["</span> + state.label + <span class="stringliteral">"]"</span>)</div>
|
||
<div class="line"> : text(<span class="stringliteral">" "</span> + state.label + <span class="stringliteral">" "</span>);</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.focused) {</div>
|
||
<div class="line"> e = e | bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> if (state.focused) {</div>
|
||
<div class="line"> e = e | color(Color::Blue);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> if (state.active) {</div>
|
||
<div class="line"> e = e | bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> e;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, option);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#afc540158e9fcd015af9e24d4ef072214">VMenu4</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::Vertical();</div>
|
||
<div class="line"> option.entries_option.<a class="code hl_variable" href="group__component.html#a5641c45021a8cc20bdd21498563825a0">transform</a> = [](<a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a> state) {</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.active && state.focused) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(state.label) | color(Color::Yellow) | bgcolor(Color::Black) |</div>
|
||
<div class="line"> bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.active) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(state.label) | color(Color::Yellow) | bgcolor(Color::Black);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.focused) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(state.label) | color(Color::Black) | bgcolor(Color::Yellow) |</div>
|
||
<div class="line"> bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(state.label) | color(Color::Black) | bgcolor(Color::Yellow);</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, option);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#a62669e7b3cf3a388a714910a16cce19b">VMenu5</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::Vertical();</div>
|
||
<div class="line"> option.entries_option.<a class="code hl_variable" href="group__component.html#a5641c45021a8cc20bdd21498563825a0">transform</a> = [](<a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a> state) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> element = text(state.label);</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.active && state.focused) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> element | borderDouble;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.active) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> element | border;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.focused) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> element | bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> element;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, option);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#aeeb06101b3a771616149626f203be146">VMenu6</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::VerticalAnimated();</div>
|
||
<div class="line"> option.underline.color_inactive = Color::Default;</div>
|
||
<div class="line"> option.underline.color_active = Color::Red;</div>
|
||
<div class="line"> option.underline.SetAnimationFunction(animation::easing::Linear);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, option);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#af07f6b560af2a9d723b3e53360d280b5">VMenu7</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::Vertical();</div>
|
||
<div class="line"> option.entries_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_variable" href="group__component.html#a8740ba80e30dd75e71d09fa1dcf04f3d">enabled</a> = <span class="keyword">true</span>;</div>
|
||
<div class="line"> option.entries_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_variable" href="group__component.html#a8740ba80e30dd75e71d09fa1dcf04f3d">enabled</a> = <span class="keyword">true</span>;</div>
|
||
<div class="line"> option.entries_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_variable" href="group__component.html#a5c04e41d802330270ae14a9861c1e2df">active</a> = Color::Red;</div>
|
||
<div class="line"> option.entries_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_variable" href="group__component.html#a898e4eb6c2a93ea3b71fc373f39854eb">inactive</a> = Color::Black;</div>
|
||
<div class="line"> option.entries_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_variable" href="group__component.html#a5c04e41d802330270ae14a9861c1e2df">active</a> = Color::White;</div>
|
||
<div class="line"> option.entries_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_variable" href="group__component.html#a898e4eb6c2a93ea3b71fc373f39854eb">inactive</a> = Color::Red;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, option);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#afade922e195c0cda670066485469de56">VMenu8</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::Vertical();</div>
|
||
<div class="line"> option.entries_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>(</div>
|
||
<div class="line"> Color::Red, Color::White, std::chrono::milliseconds(500));</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, option);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#a909976f4b60ea372663d733e16011767">HMenu1</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, MenuOption::Horizontal());</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#a9ec2a6df3ad7dd845b4d4ab507d9d5fe">HMenu2</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, MenuOption::Toggle());</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#ab5a58c425dbca17b57cfcbf4b8c98e2e">HMenu3</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::Toggle();</div>
|
||
<div class="line"> option.elements_infix = [] { <span class="keywordflow">return</span> text(<span class="stringliteral">" 🮣🮠 "</span>); };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, option);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#a1aead66022c928952b560ebab9913346">HMenu4</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, MenuOption::HorizontalAnimated());</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__style_8cpp.html#a16cc679d7e91d82d484eff7e443539cb">HMenu5</a>(std::vector<std::string>* entries, <span class="keywordtype">int</span>* selected) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::HorizontalAnimated();</div>
|
||
<div class="line"> option.underline.SetAnimation(std::chrono::milliseconds(1500),</div>
|
||
<div class="line"> animation::easing::ElasticOut);</div>
|
||
<div class="line"> option.entries_option.<a class="code hl_variable" href="group__component.html#a5641c45021a8cc20bdd21498563825a0">transform</a> = [](<a class="code hl_struct" href="structftxui_1_1EntryState.html">EntryState</a> state) {</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> e = text(state.label) | hcenter | flex;</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (state.active && state.focused) {</div>
|
||
<div class="line"> e = e | bold;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (!state.focused && !state.active) {</div>
|
||
<div class="line"> e = e | dim;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> e;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> option.underline.color_inactive = Color::Default;</div>
|
||
<div class="line"> option.underline.color_active = Color::Red;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Menu(entries, selected, option);</div>
|
||
<div class="line">}</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="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 動畫的持續時間。 @params...</div><div class="ttdef"><b>Definition</b> <a href="component__options_8cpp_source.html#l00020">component_options.cpp:20</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_a16cc679d7e91d82d484eff7e443539cb"><div class="ttname"><a href="menu__style_8cpp.html#a16cc679d7e91d82d484eff7e443539cb">HMenu5</a></div><div class="ttdeci">Component HMenu5(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00248">menu_style.cpp:248</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_a1aead66022c928952b560ebab9913346"><div class="ttname"><a href="menu__style_8cpp.html#a1aead66022c928952b560ebab9913346">HMenu4</a></div><div class="ttdeci">Component HMenu4(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00244">menu_style.cpp:244</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_a62669e7b3cf3a388a714910a16cce19b"><div class="ttname"><a href="menu__style_8cpp.html#a62669e7b3cf3a388a714910a16cce19b">VMenu5</a></div><div class="ttdeci">Component VMenu5(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00185">menu_style.cpp:185</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_a909976f4b60ea372663d733e16011767"><div class="ttname"><a href="menu__style_8cpp.html#a909976f4b60ea372663d733e16011767">HMenu1</a></div><div class="ttdeci">Component HMenu1(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00229">menu_style.cpp:229</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_a9ec2a6df3ad7dd845b4d4ab507d9d5fe"><div class="ttname"><a href="menu__style_8cpp.html#a9ec2a6df3ad7dd845b4d4ab507d9d5fe">HMenu2</a></div><div class="ttdeci">Component HMenu2(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00233">menu_style.cpp:233</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_ab1c7204fedc90016a50553cdcdc9b58b"><div class="ttname"><a href="menu__style_8cpp.html#ab1c7204fedc90016a50553cdcdc9b58b">VMenu2</a></div><div class="ttdeci">Component VMenu2(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00129">menu_style.cpp:129</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_ab5a58c425dbca17b57cfcbf4b8c98e2e"><div class="ttname"><a href="menu__style_8cpp.html#ab5a58c425dbca17b57cfcbf4b8c98e2e">HMenu3</a></div><div class="ttdeci">Component HMenu3(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00237">menu_style.cpp:237</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_abc833415e917ac2a93b5a4f35df2f0fb"><div class="ttname"><a href="menu__style_8cpp.html#abc833415e917ac2a93b5a4f35df2f0fb">VMenu1</a></div><div class="ttdeci">Component VMenu1(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00113">menu_style.cpp:113</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_aec99d3a88e71643df15281e0041e44a2"><div class="ttname"><a href="menu__style_8cpp.html#aec99d3a88e71643df15281e0041e44a2">VMenu3</a></div><div class="ttdeci">Component VMenu3(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00145">menu_style.cpp:145</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_aeeb06101b3a771616149626f203be146"><div class="ttname"><a href="menu__style_8cpp.html#aeeb06101b3a771616149626f203be146">VMenu6</a></div><div class="ttdeci">Component VMenu6(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00203">menu_style.cpp:203</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_af07f6b560af2a9d723b3e53360d280b5"><div class="ttname"><a href="menu__style_8cpp.html#af07f6b560af2a9d723b3e53360d280b5">VMenu7</a></div><div class="ttdeci">Component VMenu7(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00211">menu_style.cpp:211</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_afade922e195c0cda670066485469de56"><div class="ttname"><a href="menu__style_8cpp.html#afade922e195c0cda670066485469de56">VMenu8</a></div><div class="ttdeci">Component VMenu8(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00222">menu_style.cpp:222</a></div></div>
|
||
<div class="ttc" id="amenu__style_8cpp_html_afc540158e9fcd015af9e24d4ef072214"><div class="ttname"><a href="menu__style_8cpp.html#afc540158e9fcd015af9e24d4ef072214">VMenu4</a></div><div class="ttdeci">Component VMenu4(std::vector< std::string > *entries, int *selected)</div><div class="ttdef"><b>Definition</b> <a href="menu__style_8cpp_source.html#l00165">menu_style.cpp:165</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="menu_underline_animated_gallery"></a>
|
||
menu_underline_animated_gallery</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/menu_underline_animated_gallery">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 文件。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <chrono></span> <span class="comment">// for operator""ms, literals</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, operator+, to_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="animation_8hpp.html">ftxui/component/animation.hpp</a>"</span> <span class="comment">// for BackOut, Duration</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 Menu, Renderer, Vertical</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="component__options_8hpp.html">ftxui/component/component_options.hpp</a>"</span> <span class="comment">// for MenuOption, UnderlineOption</span></div>
|
||
<div class="line"><span class="preprocessor">#include "<a class="code" href="mouse_8hpp.html">ftxui/component/mouse.hpp</a>"</span> <span class="comment">// for ftxui</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, Element, operator|, borderEmpty, inverted</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::Blue, Color::Red</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"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__underline__animated__gallery_8cpp.html#a488a81f58d76f17bf95ef222f68e0dfe">DummyComponent</a>(<span class="keywordtype">int</span> <span class="keywordtype">id</span>) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Renderer([<span class="keywordtype">id</span>](<span class="keywordtype">bool</span> focused) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> t = text(<span class="stringliteral">"component "</span> + std::to_string(<span class="keywordtype">id</span>));</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (focused) {</div>
|
||
<div class="line"> t = t | inverted;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> t;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="menu__underline__animated__gallery_8cpp.html#abd88e1b2ce2a860c64bbcd44c0e0282b">Text</a>(<span class="keyword">const</span> std::string& t) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Renderer([t] { <span class="keywordflow">return</span> text(t) | borderEmpty; });</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">using namespace </span>std::literals;</div>
|
||
<div class="line"> std::vector<std::string> tab_values{</div>
|
||
<div class="line"> <span class="stringliteral">"Tab 1"</span>, <span class="stringliteral">"Tab 2"</span>, <span class="stringliteral">"Tab 3"</span>, <span class="stringliteral">"A very very long tab"</span>, <span class="stringliteral">"탭"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> tab_selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> container = Container::Vertical({});</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> frame_count = 0;</div>
|
||
<div class="line"> container->Add(Renderer(</div>
|
||
<div class="line"> [&] { <span class="keywordflow">return</span> text(<span class="stringliteral">"Frame count: "</span> + std::to_string(frame_count++)); }));</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::HorizontalAnimated();</div>
|
||
<div class="line"> container->Add(<a class="code hl_function" href="menu__underline__animated__gallery_8cpp.html#abd88e1b2ce2a860c64bbcd44c0e0282b">Text</a>(<span class="stringliteral">"這展示了 Menu 元件"</span>));</div>
|
||
<div class="line"> container->Add(Menu(&tab_values, &tab_selected, option));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> container->Add(<a class="code hl_function" href="menu__underline__animated__gallery_8cpp.html#abd88e1b2ce2a860c64bbcd44c0e0282b">Text</a>(<span class="stringliteral">"將底線顏色設為藍色"</span>));</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::HorizontalAnimated();</div>
|
||
<div class="line"> option.underline.color_inactive = Color::Blue;</div>
|
||
<div class="line"> container->Add(Menu(&tab_values, &tab_selected, option));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> container->Add(<a class="code hl_function" href="menu__underline__animated__gallery_8cpp.html#abd88e1b2ce2a860c64bbcd44c0e0282b">Text</a>(<span class="stringliteral">"將底線啟用顏色設為紅色"</span>));</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::HorizontalAnimated();</div>
|
||
<div class="line"> option.underline.color_active = Color::Red;</div>
|
||
<div class="line"> container->Add(Menu(&tab_values, &tab_selected, option));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> container->Add(<a class="code hl_function" href="menu__underline__animated__gallery_8cpp.html#abd88e1b2ce2a860c64bbcd44c0e0282b">Text</a>(<span class="stringliteral">"將動畫持續時間設為 0 毫秒"</span>));</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::HorizontalAnimated();</div>
|
||
<div class="line"> option.underline.SetAnimationDuration(0ms);</div>
|
||
<div class="line"> container->Add(Menu(&tab_values, &tab_selected, option));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> container->Add(<a class="code hl_function" href="menu__underline__animated__gallery_8cpp.html#abd88e1b2ce2a860c64bbcd44c0e0282b">Text</a>(<span class="stringliteral">"將動畫緩動函數設為 back-out"</span>));</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::HorizontalAnimated();</div>
|
||
<div class="line"> option.underline.SetAnimationFunction(animation::easing::BackOut);</div>
|
||
<div class="line"> option.underline.SetAnimationDuration(350ms);</div>
|
||
<div class="line"> container->Add(Menu(&tab_values, &tab_selected, option));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// option.underline_animation_follower_delay = 250ms</span></div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> container->Add(<a class="code hl_function" href="menu__underline__animated__gallery_8cpp.html#abd88e1b2ce2a860c64bbcd44c0e0282b">Text</a>(<span class="stringliteral">"新增延遲以使動畫不同步"</span>));</div>
|
||
<div class="line"> <span class="keyword">auto</span> option = MenuOption::HorizontalAnimated();</div>
|
||
<div class="line"> option.underline.follower_delay = 250ms;</div>
|
||
<div class="line"> container->Add(Menu(&tab_values, &tab_selected, option));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> container->SetActiveChild(container->ChildAt(2));</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(container);</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="amenu__underline__animated__gallery_8cpp_html_a488a81f58d76f17bf95ef222f68e0dfe"><div class="ttname"><a href="menu__underline__animated__gallery_8cpp.html#a488a81f58d76f17bf95ef222f68e0dfe">DummyComponent</a></div><div class="ttdeci">Component DummyComponent(int id)</div><div class="ttdef"><b>Definition</b> <a href="menu__underline__animated__gallery_8cpp_source.html#l00020">menu_underline_animated_gallery.cpp:20</a></div></div>
|
||
<div class="ttc" id="amenu__underline__animated__gallery_8cpp_html_abd88e1b2ce2a860c64bbcd44c0e0282b"><div class="ttname"><a href="menu__underline__animated__gallery_8cpp.html#abd88e1b2ce2a860c64bbcd44c0e0282b">Text</a></div><div class="ttdeci">Component Text(const std::string &t)</div><div class="ttdef"><b>Definition</b> <a href="menu__underline__animated__gallery_8cpp_source.html#l00030">menu_underline_animated_gallery.cpp:30</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="modal_dialog"></a>
|
||
modal_dialog</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/modal_dialog">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2022 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 <<a class="code" href="component__options_8hpp.html">ftxui/component/component_options.hpp</a>></span> <span class="comment">// for ButtonOption</span></div>
|
||
<div class="line"><span class="preprocessor">#include <<a class="code" href="mouse_8hpp.html">ftxui/component/mouse.hpp</a>></span> <span class="comment">// for ftxui</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 allocator, shared_ptr</span></div>
|
||
<div class="line"> </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 Button, operator|=, Renderer, Vertical, Modal</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 ScreenInteractive, Component</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 operator|, separator, text, size, Element, vbox, border, GREATER_THAN, WIDTH, center, HEIGHT</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="keyword">auto</span> <a class="code hl_variable" href="modal__dialog_8cpp.html#a1a0df261e66f85913256ea3d321b3e87">button_style</a> = ButtonOption::Animated();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><span class="comment">// 主元件的定義。細節不重要。</span></div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="modal__dialog_8cpp.html#aa61b015248766b6067b6d3c99f04c389">MainComponent</a>(std::function<<span class="keywordtype">void</span>()> show_modal,</div>
|
||
<div class="line"> std::function<<span class="keywordtype">void</span>()> exit) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> = Container::Vertical({</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Show modal"</span>, show_modal, <a class="code hl_variable" href="modal__dialog_8cpp.html#a1a0df261e66f85913256ea3d321b3e87">button_style</a>),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Quit"</span>, exit, <a class="code hl_variable" href="modal__dialog_8cpp.html#a1a0df261e66f85913256ea3d321b3e87">button_style</a>),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> <span class="comment">// 優化兩個按鈕的渲染方式：</span></div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> |= Renderer([&](<a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> inner) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"Main component"</span>),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> inner,</div>
|
||
<div class="line"> }) <span class="comment">//</span></div>
|
||
<div class="line"> | size(WIDTH, GREATER_THAN, 15) <span class="comment">//</span></div>
|
||
<div class="line"> | size(HEIGHT, GREATER_THAN, 15) <span class="comment">//</span></div>
|
||
<div class="line"> | border <span class="comment">//</span></div>
|
||
<div class="line"> | center; <span class="comment">//</span></div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>;</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><span class="comment">// 模態元件的定義。細節不重要。</span></div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="modal__dialog_8cpp.html#a3b73476f6f304dce17f808a7c3789f5c">ModalComponent</a>(std::function<<span class="keywordtype">void</span>()> do_nothing,</div>
|
||
<div class="line"> std::function<<span class="keywordtype">void</span>()> hide_modal) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> = Container::Vertical({</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Do nothing"</span>, do_nothing, <a class="code hl_variable" href="modal__dialog_8cpp.html#a1a0df261e66f85913256ea3d321b3e87">button_style</a>),</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Quit modal"</span>, hide_modal, <a class="code hl_variable" href="modal__dialog_8cpp.html#a1a0df261e66f85913256ea3d321b3e87">button_style</a>),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> <span class="comment">// 優化兩個按鈕的渲染方式：</span></div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> |= Renderer([&](<a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> inner) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"Modal component "</span>),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> inner,</div>
|
||
<div class="line"> }) <span class="comment">//</span></div>
|
||
<div class="line"> | size(WIDTH, GREATER_THAN, 30) <span class="comment">//</span></div>
|
||
<div class="line"> | border; <span class="comment">//</span></div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>;</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>(<span class="keywordtype">int</span> argc, <span class="keyword">const</span> <span class="keywordtype">char</span>* argv[]) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 應用程式的狀態：</span></div>
|
||
<div class="line"> <span class="keywordtype">bool</span> modal_shown = <span class="keyword">false</span>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 一些修改狀態的動作：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> show_modal = [&] { modal_shown = <span class="keyword">true</span>; };</div>
|
||
<div class="line"> <span class="keyword">auto</span> hide_modal = [&] { modal_shown = <span class="keyword">false</span>; };</div>
|
||
<div class="line"> <span class="keyword">auto</span> exit = screen.ExitLoopClosure();</div>
|
||
<div class="line"> <span class="keyword">auto</span> do_nothing = [&] {};</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 實例化主元件和模態元件：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> main_component = <a class="code hl_function" href="modal__dialog_8cpp.html#aa61b015248766b6067b6d3c99f04c389">MainComponent</a>(show_modal, exit);</div>
|
||
<div class="line"> <span class="keyword">auto</span> modal_component = <a class="code hl_function" href="modal__dialog_8cpp.html#a3b73476f6f304dce17f808a7c3789f5c">ModalComponent</a>(do_nothing, hide_modal);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 使用 `Modal` 函數將主元件及其模態視窗一起使用。</span></div>
|
||
<div class="line"> <span class="comment">// `modal_shown` 布林值控制模態是否顯示。</span></div>
|
||
<div class="line"> main_component |= Modal(modal_component, &modal_shown);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(main_component);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="amodal__dialog_8cpp_html_a1a0df261e66f85913256ea3d321b3e87"><div class="ttname"><a href="modal__dialog_8cpp.html#a1a0df261e66f85913256ea3d321b3e87">button_style</a></div><div class="ttdeci">auto button_style</div><div class="ttdef"><b>Definition</b> <a href="modal__dialog_8cpp_source.html#l00015">modal_dialog.cpp:15</a></div></div>
|
||
<div class="ttc" id="amodal__dialog_8cpp_html_a3b73476f6f304dce17f808a7c3789f5c"><div class="ttname"><a href="modal__dialog_8cpp.html#a3b73476f6f304dce17f808a7c3789f5c">ModalComponent</a></div><div class="ttdeci">Component ModalComponent(std::function< void()> do_nothing, std::function< void()> hide_modal)</div><div class="ttdef"><b>Definition</b> <a href="modal__dialog_8cpp_source.html#l00040">modal_dialog.cpp:40</a></div></div>
|
||
<div class="ttc" id="amodal__dialog_8cpp_html_aa61b015248766b6067b6d3c99f04c389"><div class="ttname"><a href="modal__dialog_8cpp.html#aa61b015248766b6067b6d3c99f04c389">MainComponent</a></div><div class="ttdeci">Component MainComponent(std::function< void()> show_modal, std::function< void()> exit)</div><div class="ttdef"><b>Definition</b> <a href="modal__dialog_8cpp_source.html#l00018">modal_dialog.cpp:18</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="modal_dialog_custom"></a>
|
||
modal_dialog_custom</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/modal_dialog_custom">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. 著作權所有。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 檔案中找到。</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+</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 Button, Renderer, Horizontal, 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</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 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 operator|, Element, filler, text, hbox, separator, center, vbox, bold, border, clear_under, dbox, size, GREATER_THAN, HEIGHT</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 有兩個圖層。一個在 depth = 0，另一個是深度為 1 的模態視窗；</span></div>
|
||
<div class="line"> <span class="keywordtype">int</span> depth = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// FTXUI 的當前評分。</span></div>
|
||
<div class="line"> std::string rating = <span class="stringliteral">"3/5 stars"</span>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 在 depth=0 時，有兩個按鈕。一個用於評分 FTXUI，另一個用於退出。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> button_rate_ftxui = Button(<span class="stringliteral">"Rate FTXUI"</span>, [&] { depth = 1; });</div>
|
||
<div class="line"> <span class="keyword">auto</span> button_quit = Button(<span class="stringliteral">"Quit"</span>, screen.ExitLoopClosure());</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> depth_0_container = Container::Horizontal({</div>
|
||
<div class="line"> button_rate_ftxui,</div>
|
||
<div class="line"> button_quit,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> <span class="keyword">auto</span> depth_0_renderer = Renderer(depth_0_container, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"Modal dialog example"</span>),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> text(<span class="stringliteral">"☆☆☆ FTXUI:"</span> + rating + <span class="stringliteral">" ☆☆☆"</span>) | bold,</div>
|
||
<div class="line"> filler(),</div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> button_rate_ftxui->Render(),</div>
|
||
<div class="line"> filler(),</div>
|
||
<div class="line"> button_quit->Render(),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border | size(HEIGHT, GREATER_THAN, 18) | center;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 在 depth=1 時，即為「模態」視窗。</span></div>
|
||
<div class="line"> std::vector<std::string> rating_labels = {</div>
|
||
<div class="line"> <span class="stringliteral">"1/5 stars"</span>, <span class="stringliteral">"2/5 stars"</span>, <span class="stringliteral">"3/5 stars"</span>, <span class="stringliteral">"4/5 stars"</span>, <span class="stringliteral">"5/5 stars"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keyword">auto</span> on_rating = [&](std::string new_rating) {</div>
|
||
<div class="line"> rating = new_rating;</div>
|
||
<div class="line"> depth = 0;</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keyword">auto</span> depth_1_container = Container::Horizontal({</div>
|
||
<div class="line"> Button(&rating_labels[0], [&] { on_rating(rating_labels[0]); }),</div>
|
||
<div class="line"> Button(&rating_labels[1], [&] { on_rating(rating_labels[1]); }),</div>
|
||
<div class="line"> Button(&rating_labels[2], [&] { on_rating(rating_labels[2]); }),</div>
|
||
<div class="line"> Button(&rating_labels[3], [&] { on_rating(rating_labels[3]); }),</div>
|
||
<div class="line"> Button(&rating_labels[4], [&] { on_rating(rating_labels[4]); }),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> depth_1_renderer = Renderer(depth_1_container, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"Do you like FTXUI?"</span>),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> hbox(depth_1_container->Render()),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> main_container = Container::Tab(</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> depth_0_renderer,</div>
|
||
<div class="line"> depth_1_renderer,</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> &depth);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> main_renderer = Renderer(main_container, [&] {</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = depth_0_renderer->Render();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">if</span> (depth == 1) {</div>
|
||
<div class="line"> document = dbox({</div>
|
||
<div class="line"> document,</div>
|
||
<div class="line"> depth_1_renderer->Render() | clear_under | center,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> document;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(main_renderer);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="nested_screen"></a>
|
||
nested_screen</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/nested_screen">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni。保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本源代碼受 MIT 許可證約束，可在</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 文件中找到。</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 operator+, string, char_traits, basic_string</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 Button, Vertical, Renderer</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 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, text, Element, operator|, vbox, border</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">void</span> <a class="code hl_function" href="nested__screen_8cpp.html#a77fdac0113a8c43983469efa26ce7276">Nested</a>(std::string path) {</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> <span class="keyword">auto</span> back_button = Button(<span class="stringliteral">"Back"</span>, screen.ExitLoopClosure());</div>
|
||
<div class="line"> <span class="keyword">auto</span> goto_1 = Button(<span class="stringliteral">"Goto /1"</span>, [path] { <a class="code hl_function" href="nested__screen_8cpp.html#a77fdac0113a8c43983469efa26ce7276">Nested</a>(path + <span class="stringliteral">"/1"</span>); });</div>
|
||
<div class="line"> <span class="keyword">auto</span> goto_2 = Button(<span class="stringliteral">"Goto /2"</span>, [path] { <a class="code hl_function" href="nested__screen_8cpp.html#a77fdac0113a8c43983469efa26ce7276">Nested</a>(path + <span class="stringliteral">"/2"</span>); });</div>
|
||
<div class="line"> <span class="keyword">auto</span> goto_3 = Button(<span class="stringliteral">"Goto /3"</span>, [path] { <a class="code hl_function" href="nested__screen_8cpp.html#a77fdac0113a8c43983469efa26ce7276">Nested</a>(path + <span class="stringliteral">"/3"</span>); });</div>
|
||
<div class="line"> <span class="keyword">auto</span> layout = Container::Vertical({</div>
|
||
<div class="line"> back_button,</div>
|
||
<div class="line"> goto_1,</div>
|
||
<div class="line"> goto_2,</div>
|
||
<div class="line"> goto_3,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(layout, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"path: "</span> + path),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> back_button->Render(),</div>
|
||
<div class="line"> goto_1->Render(),</div>
|
||
<div class="line"> goto_2->Render(),</div>
|
||
<div class="line"> goto_3->Render(),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> screen.Loop(renderer);</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"> <span class="keyword">auto</span> button_quit = Button(<span class="stringliteral">"Quit"</span>, screen.ExitLoopClosure());</div>
|
||
<div class="line"> <span class="keyword">auto</span> button_nested = Button(<span class="stringliteral">"Nested"</span>, [] { <a class="code hl_function" href="nested__screen_8cpp.html#a77fdac0113a8c43983469efa26ce7276">Nested</a>(<span class="stringliteral">""</span>); });</div>
|
||
<div class="line"> screen.Loop(Container::Vertical({</div>
|
||
<div class="line"> button_quit,</div>
|
||
<div class="line"> button_nested,</div>
|
||
<div class="line"> }));</div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="anested__screen_8cpp_html_a77fdac0113a8c43983469efa26ce7276"><div class="ttname"><a href="nested__screen_8cpp.html#a77fdac0113a8c43983469efa26ce7276">Nested</a></div><div class="ttdeci">void Nested(std::string path)</div><div class="ttdef"><b>Definition</b> <a href="nested__screen_8cpp_source.html#l00015">nested_screen.cpp:15</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="print_key_press"></a>
|
||
print_key_press</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/print_key_press">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</span></div>
|
||
<div class="line"> </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 <algorithm></span> <span class="comment">// for max</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, shared_ptr</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for char_traits, operator+, string, basic_string, to_string</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 "<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 CatchEvent, Renderer</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</span></div>
|
||
<div class="line"><span class="preprocessor">#include "<a class="code" href="mouse_8hpp.html">ftxui/component/mouse.hpp</a>"</span> <span class="comment">// for Mouse, Mouse::Left, Mouse::Middle, Mouse::None, Mouse::Pressed, Mouse::Released, Mouse::Right, Mouse::WheelDown, Mouse::WheelUp</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 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, vbox, window, Element, Elements</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">std::string <a class="code hl_function" href="print__key__press_8cpp.html#a1bbdd0071095abee0e28134bd4ad9213">Code</a>(<a class="code hl_struct" href="group__component.html#structftxui_1_1Event">Event</a> event) {</div>
|
||
<div class="line"> std::string codes;</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keyword">auto</span>& it : event.<a class="code hl_function" href="group__component.html#a947e2de698c4bef07c78674218330677">input</a>()) {</div>
|
||
<div class="line"> codes += <span class="stringliteral">" "</span> + std::to_string((<span class="keywordtype">unsigned</span> <span class="keywordtype">int</span>)it);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> codes;</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::TerminalOutput();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<Event> keys;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> left_column = Renderer([&] {</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children = {</div>
|
||
<div class="line"> text(<span class="stringliteral">"Codes"</span>),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">size_t</span> i = std::max(0, (<span class="keywordtype">int</span>)keys.size() - 20); i < keys.size(); ++i) {</div>
|
||
<div class="line"> children.push_back(text(<a class="code hl_function" href="print__key__press_8cpp.html#a1bbdd0071095abee0e28134bd4ad9213">Code</a>(keys[i])));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox(children);</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> right_column = Renderer([&] {</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children = {</div>
|
||
<div class="line"> text(<span class="stringliteral">"Event"</span>),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">size_t</span> i = std::max(0, (<span class="keywordtype">int</span>)keys.size() - 20); i < keys.size(); ++i) {</div>
|
||
<div class="line"> children.push_back(text(keys[i].DebugString()));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox(children);</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> split_size = 40;</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> = ResizableSplitLeft(left_column, right_column, &split_size);</div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> |= border;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> |= CatchEvent([&](<a class="code hl_struct" href="group__component.html#structftxui_1_1Event">Event</a> event) {</div>
|
||
<div class="line"> keys.push_back(event);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <span class="keyword">false</span>;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>);</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="agroup__component_html_a947e2de698c4bef07c78674218330677"><div class="ttname"><a href="group__component.html#a947e2de698c4bef07c78674218330677">ftxui::Event::input</a></div><div class="ttdeci">const std::string & input() const</div><div class="ttdef"><b>Definition</b> <a href="event_8hpp_source.html#l00102">event.hpp:102</a></div></div>
|
||
<div class="ttc" id="aprint__key__press_8cpp_html_a1bbdd0071095abee0e28134bd4ad9213"><div class="ttname"><a href="print__key__press_8cpp.html#a1bbdd0071095abee0e28134bd4ad9213">Code</a></div><div class="ttdeci">std::string Code(Event event)</div><div class="ttdef"><b>Definition</b> <a href="print__key__press_8cpp_source.html#l00020">print_key_press.cpp:20</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="radiobox"></a>
|
||
radiobox</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/radiobox">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. 著作權所有。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱 LICENSE 檔案。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, allocator, 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 Radiobox</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 ScreenInteractive</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 class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> std::vector<std::string> radiobox_list = {</div>
|
||
<div class="line"> <span class="stringliteral">"Use gcc"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Use clang"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Use emscripten"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Use tcc"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(Radiobox(&radiobox_list, &selected));</div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="radiobox_in_frame"></a>
|
||
radiobox_in_frame</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/radiobox_in_frame">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for shared_ptr, __shared_ptr_access</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string, basic_string, operator+, to_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 Radiobox, Renderer</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 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 operator|, Element, size, border, frame, HEIGHT, LESS_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="keywordtype">int</span> <a class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> std::vector<std::string> entries;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">int</span> i = 0; i < 30; ++i) {</div>
|
||
<div class="line"> entries.push_back(<span class="stringliteral">"RadioBox "</span> + std::to_string(i));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a> = Radiobox(&entries, &selected);</div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(<a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_variable" href="gallery_8cpp.html#a2f9270043301860784c4a1744ff064e1">radiobox</a>->Render() | vscroll_indicator | frame |</div>
|
||
<div class="line"> size(HEIGHT, LESS_THAN, 10) | border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> 0;</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="renderer"></a>
|
||
renderer</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/renderer">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 許可證約束，該許可證可在</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 文件中找到。</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"> </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 Renderer, Button, Vertical</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 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 operator|, Element, text, bold, border, center, color</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::Red</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::FitComponent();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// Renderer() 是一個組件，它使用 lambda 函數作為參數來</span></div>
|
||
<div class="line"> <span class="comment">// 渲染自己。</span></div>
|
||
<div class="line"> <span class="comment">// 1. 可聚焦渲染器的範例：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_focusable = Renderer([](<span class="keywordtype">bool</span> focused) {</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (focused) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(<span class="stringliteral">"FOCUSABLE RENDERER()"</span>) | center | bold | border;</div>
|
||
<div class="line"> } <span class="keywordflow">else</span> {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(<span class="stringliteral">" Focusable renderer() "</span>) | center | border;</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 2. 不可聚焦渲染器的範例。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_non_focusable = Renderer([&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(<span class="stringliteral">"~~~~~ Non Focusable renderer() ~~~~~"</span>); <span class="comment">//</span></div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 3. Renderer 可以包裝其他組件以重新定義它們的 Render() 函數。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a> = Button(<span class="stringliteral">"Wrapped quit button"</span>, screen.ExitLoopClosure());</div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer_wrap = Renderer(<a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a>, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">if</span> (<a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a>->Focused()) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a>->Render() | bold | color(Color::Red);</div>
|
||
<div class="line"> } <span class="keywordflow">else</span> {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_variable" href="gallery_8cpp.html#a14139799dd4b2fc41ecb6cb14936322f">button</a>->Render();</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 讓我們渲染所有組件：</span></div>
|
||
<div class="line"> screen.Loop(Container::Vertical({</div>
|
||
<div class="line"> renderer_focusable,</div>
|
||
<div class="line"> renderer_non_focusable,</div>
|
||
<div class="line"> renderer_wrap,</div>
|
||
<div class="line"> }));</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="resizable_split"></a>
|
||
resizable_split</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/resizable_split">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼受 MIT 授權條款約束，詳情請參閱 LICENSE 文件。</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"> </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 Renderer, ResizableSplitBottom, ResizableSplitLeft, ResizableSplitRight, ResizableSplitTop</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 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 Element, operator|, text, center, border</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 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="keywordtype">int</span> left_size = 20;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> right_size = 20;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> top_size = 10;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> bottom_size = 10;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 渲染器：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> RendererInfo = [](<span class="keyword">const</span> std::string& name, <span class="keywordtype">int</span>* size) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Renderer([name, size] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(name + <span class="stringliteral">": "</span> + std::to_string(*size)) | center;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keyword">auto</span> middle = Renderer([] { <span class="keywordflow">return</span> text(<span class="stringliteral">"Middle"</span>) | center; });</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="screen_8cpp.html#a972107f15f3c0c099eb9fd605e7f51c6">left</a> = RendererInfo(<span class="stringliteral">"Left"</span>, &left_size);</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="screen_8cpp.html#aa4b74e56e675912bbc06504407fc7a46">right</a> = RendererInfo(<span class="stringliteral">"Right"</span>, &right_size);</div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="screen_8cpp.html#a495e1456dc6a7df7638b2c507c756a24">top</a> = RendererInfo(<span class="stringliteral">"Top"</span>, &top_size);</div>
|
||
<div class="line"> <span class="keyword">auto</span> bottom = RendererInfo(<span class="stringliteral">"Bottom"</span>, &bottom_size);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> container = middle;</div>
|
||
<div class="line"> container = ResizableSplitLeft(<a class="code hl_variable" href="screen_8cpp.html#a972107f15f3c0c099eb9fd605e7f51c6">left</a>, container, &left_size);</div>
|
||
<div class="line"> container = ResizableSplitRight(<a class="code hl_variable" href="screen_8cpp.html#aa4b74e56e675912bbc06504407fc7a46">right</a>, container, &right_size);</div>
|
||
<div class="line"> container = ResizableSplitTop(<a class="code hl_variable" href="screen_8cpp.html#a495e1456dc6a7df7638b2c507c756a24">top</a>, container, &top_size);</div>
|
||
<div class="line"> container = ResizableSplitBottom(bottom, container, &bottom_size);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer =</div>
|
||
<div class="line"> Renderer(container, [&] { <span class="keywordflow">return</span> container->Render() | border; });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="ascreen_8cpp_html_a495e1456dc6a7df7638b2c507c756a24"><div class="ttname"><a href="screen_8cpp.html#a495e1456dc6a7df7638b2c507c756a24">top</a></div><div class="ttdeci">std::uint8_t top</div><div class="ttdef"><b>Definition</b> <a href="screen_8cpp_source.html#l00131">screen.cpp:131</a></div></div>
|
||
<div class="ttc" id="ascreen_8cpp_html_a972107f15f3c0c099eb9fd605e7f51c6"><div class="ttname"><a href="screen_8cpp.html#a972107f15f3c0c099eb9fd605e7f51c6">left</a></div><div class="ttdeci">std::uint8_t left</div><div class="ttdef"><b>Definition</b> <a href="screen_8cpp_source.html#l00130">screen.cpp:130</a></div></div>
|
||
<div class="ttc" id="ascreen_8cpp_html_aa4b74e56e675912bbc06504407fc7a46"><div class="ttname"><a href="screen_8cpp.html#aa4b74e56e675912bbc06504407fc7a46">right</a></div><div class="ttdeci">std::uint8_t right</div><div class="ttdef"><b>Definition</b> <a href="screen_8cpp_source.html#l00132">screen.cpp:132</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="resizable_split_clamp"></a>
|
||
resizable_split_clamp</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/resizable_split_clamp">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2025 Arthur Sonzogni。保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼受 MIT 授權條款約束，詳情請參閱</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 檔案。</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"> </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 Renderer, ResizableSplitBottom, ResizableSplitLeft, ResizableSplitRight, ResizableSplitTop</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 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 Element, operator|, text, center, border</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 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="keywordtype">int</span> size = 40;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> size_min = 10;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> size_max = 80;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 渲染器：</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> split = ResizableSplit({</div>
|
||
<div class="line"> .main = Renderer([] { <span class="keywordflow">return</span> text(<span class="stringliteral">"Left"</span>) | center; }),</div>
|
||
<div class="line"> .back = Renderer([] { <span class="keywordflow">return</span> text(<span class="stringliteral">"Right"</span>) | center; }),</div>
|
||
<div class="line"> .direction = Direction::Left,</div>
|
||
<div class="line"> .main_size = &size,</div>
|
||
<div class="line"> .min = &size_min,</div>
|
||
<div class="line"> .max = &size_max,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(split, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> window(text(<span class="stringliteral">"用滑鼠拖曳分隔線"</span>),</div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"Min: "</span> + std::to_string(size_min)),</div>
|
||
<div class="line"> text(<span class="stringliteral">"Max: "</span> + std::to_string(size_max)),</div>
|
||
<div class="line"> text(<span class="stringliteral">"Size: "</span> + std::to_string(size)),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> split->Render() | flex,</div>
|
||
<div class="line"> }));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="scrollbar"></a>
|
||
scrollbar</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/scrollbar">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2023 Arthur Sonzogni. 版權所有。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 檔案。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <<a class="code" href="component_8hpp.html">ftxui/component/component.hpp</a>></span></div>
|
||
<div class="line"><span class="preprocessor">#include <<a class="code" href="screen__interactive_8hpp.html">ftxui/component/screen_interactive.hpp</a>></span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></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"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="scrollbar_8cpp.html#a83db372d294b69185f7a26148935cfc3">DummyWindowContent</a>() {</div>
|
||
<div class="line"> <span class="keyword">class </span>Impl : <span class="keyword">public</span> <a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a> {</div>
|
||
<div class="line"> <span class="keyword">private</span>:</div>
|
||
<div class="line"> <span class="keywordtype">float</span> scroll_x = 0.1;</div>
|
||
<div class="line"> <span class="keywordtype">float</span> scroll_y = 0.1;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">public</span>:</div>
|
||
<div class="line"> Impl() {</div>
|
||
<div class="line"> <span class="keyword">auto</span> content = Renderer([=] {</div>
|
||
<div class="line"> <span class="keyword">const</span> std::string lorem =</div>
|
||
<div class="line"> <span class="stringliteral">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed "</span></div>
|
||
<div class="line"> <span class="stringliteral">"do eiusmod tempor incididunt ut labore et dolore magna "</span></div>
|
||
<div class="line"> <span class="stringliteral">"aliqua. Ut enim ad minim veniam, quis nostrud exercitation "</span></div>
|
||
<div class="line"> <span class="stringliteral">"ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis "</span></div>
|
||
<div class="line"> <span class="stringliteral">"aute irure dolor in reprehenderit in voluptate velit esse "</span></div>
|
||
<div class="line"> <span class="stringliteral">"cillum dolore eu fugiat nulla pariatur. Excepteur sint "</span></div>
|
||
<div class="line"> <span class="stringliteral">"occaecat cupidatat non proident, sunt in culpa qui officia "</span></div>
|
||
<div class="line"> <span class="stringliteral">"deserunt mollit anim id est laborum."</span>;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(lorem.substr(0, -1)), text(lorem.substr(5, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(10, -1)), text(lorem.substr(15, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(20, -1)), text(lorem.substr(25, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(30, -1)), text(lorem.substr(35, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(40, -1)), text(lorem.substr(45, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(50, -1)), text(lorem.substr(55, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(60, -1)), text(lorem.substr(65, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(70, -1)), text(lorem.substr(75, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(80, -1)), text(lorem.substr(85, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(90, -1)), text(lorem.substr(95, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(100, -1)), text(lorem.substr(105, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(110, -1)), text(lorem.substr(115, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(120, -1)), text(lorem.substr(125, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(130, -1)), text(lorem.substr(135, -1)), text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> text(lorem.substr(140, -1)),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> scrollable_content = Renderer(content, [&, content] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> content->Render() | focusPositionRelative(scroll_x, scroll_y) |</div>
|
||
<div class="line"> frame | flex;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_struct" href="structftxui_1_1SliderOption.html">SliderOption<float></a> option_x;</div>
|
||
<div class="line"> option_x.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#ab256d6c86a100045ed2329da289dce3a">value</a> = &scroll_x;</div>
|
||
<div class="line"> option_x.min = 0.f;</div>
|
||
<div class="line"> option_x.max = 1.f;</div>
|
||
<div class="line"> option_x.increment = 0.1f;</div>
|
||
<div class="line"> option_x.direction = Direction::Right;</div>
|
||
<div class="line"> option_x.color_active = Color::Blue;</div>
|
||
<div class="line"> option_x.color_inactive = Color::BlueLight;</div>
|
||
<div class="line"> <span class="keyword">auto</span> scrollbar_x = Slider(option_x);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <a class="code hl_struct" href="structftxui_1_1SliderOption.html">SliderOption<float></a> option_y;</div>
|
||
<div class="line"> option_y.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#ab256d6c86a100045ed2329da289dce3a">value</a> = &scroll_y;</div>
|
||
<div class="line"> option_y.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#a337a8e502154b70ef2a1d4bb3cb47ea9">min</a> = 0.f;</div>
|
||
<div class="line"> option_y.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#abd146f0de5789f02aee07c54e819099b">max</a> = 1.f;</div>
|
||
<div class="line"> option_y.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#a752366b00bdf7bba57a18e239e86e2e1">increment</a> = 0.1f;</div>
|
||
<div class="line"> option_y.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#a53421c695d00016ab925777d423b4eb6">direction</a> = Direction::Down;</div>
|
||
<div class="line"> option_y.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#a593f1ba15add21d1972c01372db369df">color_active</a> = Color::Yellow;</div>
|
||
<div class="line"> option_y.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#ad5a77e0bc0ce649271a13949a7a0a635">color_inactive</a> = Color::YellowLight;</div>
|
||
<div class="line"> <span class="keyword">auto</span> scrollbar_y = Slider(option_y);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> Add(Container::Vertical({</div>
|
||
<div class="line"> Container::Horizontal({</div>
|
||
<div class="line"> scrollable_content,</div>
|
||
<div class="line"> scrollbar_y,</div>
|
||
<div class="line"> }) | flex,</div>
|
||
<div class="line"> Container::Horizontal({</div>
|
||
<div class="line"> scrollbar_x,</div>
|
||
<div class="line"> Renderer([] { <span class="keywordflow">return</span> text(L<span class="stringliteral">"x"</span>); }),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> }));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Make<Impl>();</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> window_1 = <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>({</div>
|
||
<div class="line"> .inner = <a class="code hl_function" href="scrollbar_8cpp.html#a83db372d294b69185f7a26148935cfc3">DummyWindowContent</a>(),</div>
|
||
<div class="line"> .title = <span class="stringliteral">"First window"</span>,</div>
|
||
<div class="line"> .width = 80,</div>
|
||
<div class="line"> .height = 30,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> window_2 = <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>({</div>
|
||
<div class="line"> .inner = <a class="code hl_function" href="scrollbar_8cpp.html#a83db372d294b69185f7a26148935cfc3">DummyWindowContent</a>(),</div>
|
||
<div class="line"> .title = <span class="stringliteral">"My window"</span>,</div>
|
||
<div class="line"> .left = 40,</div>
|
||
<div class="line"> .top = 20,</div>
|
||
<div class="line"> .width = 80,</div>
|
||
<div class="line"> .height = 30,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> window_container = Container::Stacked({</div>
|
||
<div class="line"> window_1,</div>
|
||
<div class="line"> window_2,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::Fullscreen();</div>
|
||
<div class="line"> screen.Loop(window_container);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> EXIT_SUCCESS;</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="agroup__component_html_classftxui_1_1ComponentBase"><div class="ttname"><a href="group__component.html#classftxui_1_1ComponentBase">ftxui::ComponentBase</a></div><div class="ttdoc">它將自己實作為 ftxui::Element 進行渲染。它透過回應 ftxui::Event 來實現鍵盤導航。</div><div class="ttdef"><b>Definition</b> <a href="component__base_8hpp_source.html#l00028">component_base.hpp:28</a></div></div>
|
||
<div class="ttc" id="ascrollbar_8cpp_html_a83db372d294b69185f7a26148935cfc3"><div class="ttname"><a href="scrollbar_8cpp.html#a83db372d294b69185f7a26148935cfc3">DummyWindowContent</a></div><div class="ttdeci">Component DummyWindowContent()</div><div class="ttdef"><b>Definition</b> <a href="scrollbar_8cpp_source.html#l00010">scrollbar.cpp:10</a></div></div>
|
||
<div class="ttc" id="astructftxui_1_1SliderOption_html"><div class="ttname"><a href="structftxui_1_1SliderOption.html">ftxui::SliderOption</a></div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00230">component_options.hpp:230</a></div></div>
|
||
<div class="ttc" id="astructftxui_1_1SliderOption_html_a337a8e502154b70ef2a1d4bb3cb47ea9"><div class="ttname"><a href="structftxui_1_1SliderOption.html#a337a8e502154b70ef2a1d4bb3cb47ea9">ftxui::SliderOption::min</a></div><div class="ttdeci">ConstRef< T > min</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00232">component_options.hpp:232</a></div></div>
|
||
<div class="ttc" id="astructftxui_1_1SliderOption_html_a53421c695d00016ab925777d423b4eb6"><div class="ttname"><a href="structftxui_1_1SliderOption.html#a53421c695d00016ab925777d423b4eb6">ftxui::SliderOption::direction</a></div><div class="ttdeci">Direction direction</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00235">component_options.hpp:235</a></div></div>
|
||
<div class="ttc" id="astructftxui_1_1SliderOption_html_a593f1ba15add21d1972c01372db369df"><div class="ttname"><a href="structftxui_1_1SliderOption.html#a593f1ba15add21d1972c01372db369df">ftxui::SliderOption::color_active</a></div><div class="ttdeci">Color color_active</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00236">component_options.hpp:236</a></div></div>
|
||
<div class="ttc" id="astructftxui_1_1SliderOption_html_a752366b00bdf7bba57a18e239e86e2e1"><div class="ttname"><a href="structftxui_1_1SliderOption.html#a752366b00bdf7bba57a18e239e86e2e1">ftxui::SliderOption::increment</a></div><div class="ttdeci">ConstRef< T > increment</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00234">component_options.hpp:234</a></div></div>
|
||
<div class="ttc" id="astructftxui_1_1SliderOption_html_ab256d6c86a100045ed2329da289dce3a"><div class="ttname"><a href="structftxui_1_1SliderOption.html#ab256d6c86a100045ed2329da289dce3a">ftxui::SliderOption::value</a></div><div class="ttdeci">Ref< T > value</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00231">component_options.hpp:231</a></div></div>
|
||
<div class="ttc" id="astructftxui_1_1SliderOption_html_abd146f0de5789f02aee07c54e819099b"><div class="ttname"><a href="structftxui_1_1SliderOption.html#abd146f0de5789f02aee07c54e819099b">ftxui::SliderOption::max</a></div><div class="ttdeci">ConstRef< T > max</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00233">component_options.hpp:233</a></div></div>
|
||
<div class="ttc" id="astructftxui_1_1SliderOption_html_ad5a77e0bc0ce649271a13949a7a0a635"><div class="ttname"><a href="structftxui_1_1SliderOption.html#ad5a77e0bc0ce649271a13949a7a0a635">ftxui::SliderOption::color_inactive</a></div><div class="ttdeci">Color color_inactive</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00237">component_options.hpp:237</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="selection"></a>
|
||
selection</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/selection">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 此原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for char_traits, operator+, string, basic_string</span></div>
|
||
<div class="line"> </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 Input, Renderer, Vertical</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="component__options_8hpp.html">ftxui/component/component_options.hpp</a>"</span> <span class="comment">// for InputOption</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, hbox, separator, Element, operator|, vbox, border</span></div>
|
||
<div class="line"><span class="preprocessor">#include "<a class="code" href="ref_8hpp.html">ftxui/util/ref.hpp</a>"</span> <span class="comment">// for Ref</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"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>() {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"FTXUI：一個用於構建使用者介面的強大函式庫。"</span>),</div>
|
||
<div class="line"> text(<span class="stringliteral">"享受豐富的組件和宣告式風格。"</span>),</div>
|
||
<div class="line"> text(<span class="stringliteral">"以最少的工作量建立美觀且回應迅速的使用者介面。"</span>),</div>
|
||
<div class="line"> text(<span class="stringliteral">"加入社群，體驗 FTXUI 的強大功能。"</span>),</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::TerminalOutput();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> quit =</div>
|
||
<div class="line"> Button(<span class="stringliteral">"Quit"</span>, screen.ExitLoopClosure(), ButtonOption::Animated());</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> selection_change_counter = 0;</div>
|
||
<div class="line"> std::string selection_content = <span class="stringliteral">""</span>;</div>
|
||
<div class="line"> screen.SelectionChange([&] {</div>
|
||
<div class="line"> selection_change_counter++;</div>
|
||
<div class="line"> selection_content = screen.GetSelection();</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 組件:</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(quit, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"選取已變更: "</span> + std::to_string(selection_change_counter) +</div>
|
||
<div class="line"> <span class="stringliteral">" 次"</span>),</div>
|
||
<div class="line"> text(<span class="stringliteral">"目前選取: "</span>),</div>
|
||
<div class="line"> paragraph(selection_content) | vscroll_indicator | frame | border |</div>
|
||
<div class="line"> size(HEIGHT, EQUAL, 10),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"水平分割"</span>), hbox({</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>(),</div>
|
||
<div class="line"> })),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"垂直分割"</span>), vbox({</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>(),</div>
|
||
<div class="line"> })),</div>
|
||
<div class="line"> window(text(<span class="stringliteral">"Grid split with different style"</span>),</div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>() <span class="comment">//</span></div>
|
||
<div class="line"> | selectionBackgroundColor(Color::Yellow) <span class="comment">//</span></div>
|
||
<div class="line"> | selectionColor(Color::Black) <span class="comment">//</span></div>
|
||
<div class="line"> | selectionStyleReset,</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>() | selectionColor(Color::Blue),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>() | selectionColor(Color::Red),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>() | selectionStyle([](<a class="code hl_struct" href="group__screen.html#structftxui_1_1Pixel">Pixel</a>& pixel) {</div>
|
||
<div class="line"> pixel.<a class="code hl_variable" href="group__screen.html#afe0ea73f380e746092213b879003afd6">underlined_double</a> = <span class="keyword">true</span>;</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_function" href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a>(),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> })),</div>
|
||
<div class="line"> quit->Render(),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="aexamples_2component_2selection_8cpp_html_a693bf20426978b4a6d5114374d8c521d"><div class="ttname"><a href="examples_2component_2selection_8cpp.html#a693bf20426978b4a6d5114374d8c521d">LoremIpsum</a></div><div class="ttdeci">Element LoremIpsum()</div><div class="ttdef"><b>Definition</b> <a href="examples_2component_2selection_8cpp_source.html#l00014">examples/component/selection.cpp:14</a></div></div>
|
||
<div class="ttc" id="agroup__screen_html_afe0ea73f380e746092213b879003afd6"><div class="ttname"><a href="group__screen.html#afe0ea73f380e746092213b879003afd6">ftxui::Pixel::underlined_double</a></div><div class="ttdeci">bool underlined_double</div><div class="ttdef"><b>Definition</b> <a href="pixel_8hpp_source.html#l00033">pixel.hpp:33</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="slider"></a>
|
||
slider</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/slider">Demo</a> </p><div class="fragment"><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</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 ScreenInteractive</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 class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> <span class="keywordtype">int</span> value = 50;</div>
|
||
<div class="line"> <span class="keyword">auto</span> slider = Slider(<span class="stringliteral">"Value:"</span>, &value, 0, 100, 1);</div>
|
||
<div class="line"> screen.Loop(slider);</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<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><!-- fragment --><h1><a class="anchor" id="slider_direction"></a>
|
||
slider_direction</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/slider_direction">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權約束，可在 LICENSE 檔案中找到。</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 <cmath></span> <span class="comment">// for sin</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="component__options_8hpp.html">ftxui/component/component_options.hpp</a>></span> <span class="comment">// for SliderOption</span></div>
|
||
<div class="line"><span class="preprocessor">#include <<a class="code" href="direction_8hpp.html">ftxui/dom/direction.hpp</a>></span> <span class="comment">// for Direction, Direction::Up</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 size, GREATER_THAN, HEIGHT</span></div>
|
||
<div class="line"><span class="preprocessor">#include <<a class="code" href="ref_8hpp.html">ftxui/util/ref.hpp</a>></span> <span class="comment">// for ConstRef, Ref</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for shared_ptr, __shared_ptr_access</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 Horizontal, Slider, operator|=</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 ScreenInteractive</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 class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> std::array<int, 30> values;</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keywordtype">size_t</span> i = 0; i < values.size(); ++i) {</div>
|
||
<div class="line"> values[i] = 50 + 20 * std::sin(i * 0.3);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> layout_horizontal = Container::Horizontal({});</div>
|
||
<div class="line"> <span class="keywordflow">for</span> (<span class="keyword">auto</span>& value : values) {</div>
|
||
<div class="line"> <span class="comment">// 在 C++17 中：</span></div>
|
||
<div class="line"> <a class="code hl_struct" href="structftxui_1_1SliderOption.html">SliderOption<int></a> option;</div>
|
||
<div class="line"> option.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#ab256d6c86a100045ed2329da289dce3a">value</a> = &value;</div>
|
||
<div class="line"> option.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#abd146f0de5789f02aee07c54e819099b">max</a> = 100;</div>
|
||
<div class="line"> option.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#a752366b00bdf7bba57a18e239e86e2e1">increment</a> = 5;</div>
|
||
<div class="line"> option.<a class="code hl_variable" href="structftxui_1_1SliderOption.html#a53421c695d00016ab925777d423b4eb6">direction</a> = Direction::Up;</div>
|
||
<div class="line"> layout_horizontal->Add(Slider<int>(option));</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">/* 在 C++20 中：</span></div>
|
||
<div class="line"><span class="comment"> layout_horizontal->Add(Slider<int>({</span></div>
|
||
<div class="line"><span class="comment"> .value = &values[i],</span></div>
|
||
<div class="line"><span class="comment"> .max = 100,</span></div>
|
||
<div class="line"><span class="comment"> .increment = 5,</span></div>
|
||
<div class="line"><span class="comment"> .direction = Direction::Up,</span></div>
|
||
<div class="line"><span class="comment"> }));</span></div>
|
||
<div class="line"><span class="comment"> */</span></div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> layout_horizontal |= size(HEIGHT, GREATER_THAN, 20);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(layout_horizontal);</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="adirection_8hpp_html"><div class="ttname"><a href="direction_8hpp.html">direction.hpp</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="slider_rgb"></a>
|
||
slider_rgb</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/slider_rgb">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</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 char_traits, operator+, to_string</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, Renderer, Vertical</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 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, text, vbox, xflex, bgcolor, hbox, GREATER_THAN, WIDTH, border, HEIGHT, LESS_THAN</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</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"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> <a class="code hl_function" href="slider__rgb_8cpp.html#ac5038fb3740e7d9137dfb4969a9a8035">ColorTile</a>(<span class="keywordtype">int</span> red, <span class="keywordtype">int</span> green, <span class="keywordtype">int</span> blue) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(<span class="stringliteral">""</span>) | size(WIDTH, GREATER_THAN, 14) |</div>
|
||
<div class="line"> size(HEIGHT, GREATER_THAN, 7) | bgcolor(Color::RGB(red, green, blue));</div>
|
||
<div class="line">}</div>
|
||
<div class="line"> </div>
|
||
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> <a class="code hl_function" href="slider__rgb_8cpp.html#acfbf512737b012658b0c3b6997da144e">ColorString</a>(<span class="keywordtype">int</span> red, <span class="keywordtype">int</span> green, <span class="keywordtype">int</span> blue) {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(<span class="stringliteral">"RGB = ("</span> + <span class="comment">//</span></div>
|
||
<div class="line"> std::to_string(red) + <span class="stringliteral">","</span> + <span class="comment">//</span></div>
|
||
<div class="line"> std::to_string(green) + <span class="stringliteral">","</span> + <span class="comment">//</span></div>
|
||
<div class="line"> std::to_string(blue) + <span class="stringliteral">")"</span> <span class="comment">//</span></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="keywordtype">int</span> red = 128;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> green = 25;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> blue = 100;</div>
|
||
<div class="line"> <span class="keyword">auto</span> slider_red = Slider(<span class="stringliteral">"Red :"</span>, &red, 0, 255, 1);</div>
|
||
<div class="line"> <span class="keyword">auto</span> slider_green = Slider(<span class="stringliteral">"Green:"</span>, &green, 0, 255, 1);</div>
|
||
<div class="line"> <span class="keyword">auto</span> slider_blue = Slider(<span class="stringliteral">"Blue :"</span>, &blue, 0, 255, 1);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> container = Container::Vertical({</div>
|
||
<div class="line"> slider_red,</div>
|
||
<div class="line"> slider_green,</div>
|
||
<div class="line"> slider_blue,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(container, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> hbox({</div>
|
||
<div class="line"> <a class="code hl_function" href="slider__rgb_8cpp.html#ac5038fb3740e7d9137dfb4969a9a8035">ColorTile</a>(red, green, blue),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> vbox({</div>
|
||
<div class="line"> slider_red->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> slider_green->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> slider_blue->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> <a class="code hl_function" href="slider__rgb_8cpp.html#acfbf512737b012658b0c3b6997da144e">ColorString</a>(red, green, blue),</div>
|
||
<div class="line"> }) | xflex,</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border | size(WIDTH, LESS_THAN, 80);</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
<div class="ttc" id="aslider__rgb_8cpp_html_ac5038fb3740e7d9137dfb4969a9a8035"><div class="ttname"><a href="slider__rgb_8cpp.html#ac5038fb3740e7d9137dfb4969a9a8035">ColorTile</a></div><div class="ttdeci">Element ColorTile(int red, int green, int blue)</div><div class="ttdef"><b>Definition</b> <a href="slider__rgb_8cpp_source.html#l00015">slider_rgb.cpp:15</a></div></div>
|
||
<div class="ttc" id="aslider__rgb_8cpp_html_acfbf512737b012658b0c3b6997da144e"><div class="ttname"><a href="slider__rgb_8cpp.html#acfbf512737b012658b0c3b6997da144e">ColorString</a></div><div class="ttdeci">Element ColorString(int red, int green, int blue)</div><div class="ttdef"><b>Definition</b> <a href="slider__rgb_8cpp_source.html#l00020">slider_rgb.cpp:20</a></div></div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="tab_horizontal"></a>
|
||
tab_horizontal</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/tab_horizontal">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni。保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱 LICENSE 檔案。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, __shared_ptr_access, shared_ptr</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 Radiobox, Renderer, Tab, Toggle, Vertical</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 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 Element, separator, operator|, vbox, border</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 class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> std::vector<std::string> tab_values{</div>
|
||
<div class="line"> <span class="stringliteral">"tab_1"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"tab_2"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"tab_3"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> tab_selected = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> tab_toggle = Toggle(&tab_values, &tab_selected);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> tab_1_entries{</div>
|
||
<div class="line"> <span class="stringliteral">"Forest"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Water"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"I don't know"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> tab_1_selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> tab_2_entries{</div>
|
||
<div class="line"> <span class="stringliteral">"Hello"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Hi"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Hay"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> tab_2_selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> tab_3_entries{</div>
|
||
<div class="line"> <span class="stringliteral">"Table"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Nothing"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Is"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Empty"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> tab_3_selected = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> tab_container = Container::Tab(</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> Radiobox(&tab_1_entries, &tab_1_selected),</div>
|
||
<div class="line"> Radiobox(&tab_2_entries, &tab_2_selected),</div>
|
||
<div class="line"> Radiobox(&tab_3_entries, &tab_3_selected),</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> &tab_selected);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> container = Container::Vertical({</div>
|
||
<div class="line"> tab_toggle,</div>
|
||
<div class="line"> tab_container,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(container, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> tab_toggle->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> tab_container->Render(),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="tab_vertical"></a>
|
||
tab_vertical</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/tab_vertical">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// 版權所有 2020 Arthur Sonzogni. 保留所有權利。</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，該條款可在 LICENSE 檔案中找到。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, __shared_ptr_access, shared_ptr</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 Radiobox, Horizontal, Menu, Renderer, 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</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 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 Element, separator, hbox, operator|, border</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 class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> std::vector<std::string> tab_values{</div>
|
||
<div class="line"> <span class="stringliteral">"tab_1"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"tab_2"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"tab_3"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> tab_selected = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> tab_menu = Menu(&tab_values, &tab_selected);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> tab_1_entries{</div>
|
||
<div class="line"> <span class="stringliteral">"Forest"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Water"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"I don't know"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> tab_1_selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> tab_2_entries{</div>
|
||
<div class="line"> <span class="stringliteral">"Hello"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Hi"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Hay"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> tab_2_selected = 0;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::vector<std::string> tab_3_entries{</div>
|
||
<div class="line"> <span class="stringliteral">"Table"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Nothing"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Is"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"Empty"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordtype">int</span> tab_3_selected = 0;</div>
|
||
<div class="line"> <span class="keyword">auto</span> tab_container = Container::Tab(</div>
|
||
<div class="line"> {</div>
|
||
<div class="line"> Radiobox(&tab_1_entries, &tab_1_selected),</div>
|
||
<div class="line"> Radiobox(&tab_2_entries, &tab_2_selected),</div>
|
||
<div class="line"> Radiobox(&tab_3_entries, &tab_3_selected),</div>
|
||
<div class="line"> },</div>
|
||
<div class="line"> &tab_selected);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> container = Container::Horizontal({</div>
|
||
<div class="line"> tab_menu,</div>
|
||
<div class="line"> tab_container,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(container, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> hbox({</div>
|
||
<div class="line"> tab_menu->Render(),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> tab_container->Render(),</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="textarea"></a>
|
||
textarea</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/textarea">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2020 Arthur Sonzogni. All rights reserved.</span></div>
|
||
<div class="line"><span class="comment">// 本原始碼的使用受 MIT 授權條款約束，詳情請參閱</span></div>
|
||
<div class="line"><span class="comment">// LICENSE 檔案。</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for allocator, __shared_ptr_access, shared_ptr</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for string</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 Input, Renderer, ResizableSplitLeft</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="screen__interactive_8hpp.html">ftxui/component/screen_interactive.hpp</a>"</span> <span class="comment">// for 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 operator|, separator, text, Element, flex, vbox, border</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> std::string content_1;</div>
|
||
<div class="line"> std::string content_2;</div>
|
||
<div class="line"> <span class="keyword">auto</span> textarea_1 = Input(&content_1);</div>
|
||
<div class="line"> <span class="keyword">auto</span> textarea_2 = Input(&content_2);</div>
|
||
<div class="line"> <span class="keywordtype">int</span> size = 50;</div>
|
||
<div class="line"> <span class="keyword">auto</span> layout = ResizableSplitLeft(textarea_1, textarea_2, &size);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> <a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a> = Renderer(layout, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"Input:"</span>),</div>
|
||
<div class="line"> separator(),</div>
|
||
<div class="line"> layout->Render() | flex,</div>
|
||
<div class="line"> }) |</div>
|
||
<div class="line"> border;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::Fullscreen();</div>
|
||
<div class="line"> screen.Loop(<a class="code hl_variable" href="gallery_8cpp.html#a768a57bc667a7482ea6e7fdadf02ba90">component</a>);</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="toggle"></a>
|
||
toggle</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/toggle">Demo</a> </p><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 <memory></span> <span class="comment">// for 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 Toggle, Renderer, Vertical</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 text, hbox, vbox, Element</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 class="code hl_function" href="examples_2component_2button_8cpp.html#ae66f6b31b5ad750f1fe042a706a4e3d4">main</a>() {</div>
|
||
<div class="line"> std::vector<std::string> toggle_1_entries = {</div>
|
||
<div class="line"> <span class="stringliteral">"開啟"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"關閉"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> std::vector<std::string> toggle_2_entries = {</div>
|
||
<div class="line"> <span class="stringliteral">"啟用"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"禁用"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> std::vector<std::string> toggle_3_entries = {</div>
|
||
<div class="line"> <span class="stringliteral">"10€"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"0€"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> std::vector<std::string> toggle_4_entries = {</div>
|
||
<div class="line"> <span class="stringliteral">"無"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"一個元素"</span>,</div>
|
||
<div class="line"> <span class="stringliteral">"多個元素"</span>,</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordtype">int</span> toggle_1_selected = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> toggle_2_selected = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> toggle_3_selected = 0;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> toggle_4_selected = 0;</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> toggle_1 = Toggle(&toggle_1_entries, &toggle_1_selected);</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> toggle_2 = Toggle(&toggle_2_entries, &toggle_2_selected);</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> toggle_3 = Toggle(&toggle_3_entries, &toggle_3_selected);</div>
|
||
<div class="line"> <a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> toggle_4 = Toggle(&toggle_4_entries, &toggle_4_selected);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> container = Container::Vertical({</div>
|
||
<div class="line"> toggle_1,</div>
|
||
<div class="line"> toggle_2,</div>
|
||
<div class="line"> toggle_3,</div>
|
||
<div class="line"> toggle_4,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(container, [&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> vbox({</div>
|
||
<div class="line"> text(<span class="stringliteral">"選擇您的選項："</span>),</div>
|
||
<div class="line"> text(<span class="stringliteral">""</span>),</div>
|
||
<div class="line"> hbox(text(<span class="stringliteral">" * 啟動時關機 ： "</span>), toggle_1->Render()),</div>
|
||
<div class="line"> hbox(text(<span class="stringliteral">" * 外部進程 ： "</span>), toggle_2->Render()),</div>
|
||
<div class="line"> hbox(text(<span class="stringliteral">" * 資訊價格 ： "</span>), toggle_3->Render()),</div>
|
||
<div class="line"> hbox(text(<span class="stringliteral">" * 元素數量 ： "</span>), toggle_4->Render()),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::TerminalOutput();</div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="window"></a>
|
||
window</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/window">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2023 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 <<a class="code" href="component_8hpp.html">ftxui/component/component.hpp</a>></span></div>
|
||
<div class="line"><span class="preprocessor">#include <<a class="code" href="screen__interactive_8hpp.html">ftxui/component/screen_interactive.hpp</a>></span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></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"><a class="code hl_typedef" href="namespaceftxui.html#af1479ede01dbf087342534ab4ada11d3">Component</a> <a class="code hl_function" href="scrollbar_8cpp.html#a83db372d294b69185f7a26148935cfc3">DummyWindowContent</a>() {</div>
|
||
<div class="line"> <span class="keyword">class </span>Impl : <span class="keyword">public</span> <a class="code hl_class" href="group__component.html#classftxui_1_1ComponentBase">ComponentBase</a> {</div>
|
||
<div class="line"> <span class="keyword">private</span>:</div>
|
||
<div class="line"> <span class="keywordtype">bool</span> checked[3] = {<span class="keyword">false</span>, <span class="keyword">false</span>, <span class="keyword">false</span>};</div>
|
||
<div class="line"> <span class="keywordtype">float</span> slider = 50;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">public</span>:</div>
|
||
<div class="line"> Impl() {</div>
|
||
<div class="line"> Add(Container::Vertical({</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"Check me"</span>, &checked[0]),</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"Check me"</span>, &checked[1]),</div>
|
||
<div class="line"> Checkbox(<span class="stringliteral">"Check me"</span>, &checked[2]),</div>
|
||
<div class="line"> Slider(<span class="stringliteral">"Slider"</span>, &slider, 0.f, 100.f),</div>
|
||
<div class="line"> }));</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> };</div>
|
||
<div class="line"> <span class="keywordflow">return</span> Make<Impl>();</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="keywordtype">int</span> window_1_left = 20;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> window_1_top = 10;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> window_1_width = 40;</div>
|
||
<div class="line"> <span class="keywordtype">int</span> window_1_height = 20;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> window_1 = <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>({</div>
|
||
<div class="line"> .inner = <a class="code hl_function" href="scrollbar_8cpp.html#a83db372d294b69185f7a26148935cfc3">DummyWindowContent</a>(),</div>
|
||
<div class="line"> .title = <span class="stringliteral">"First window"</span>,</div>
|
||
<div class="line"> .left = &window_1_left,</div>
|
||
<div class="line"> .top = &window_1_top,</div>
|
||
<div class="line"> .width = &window_1_width,</div>
|
||
<div class="line"> .height = &window_1_height,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> window_2 = <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>({</div>
|
||
<div class="line"> .inner = <a class="code hl_function" href="scrollbar_8cpp.html#a83db372d294b69185f7a26148935cfc3">DummyWindowContent</a>(),</div>
|
||
<div class="line"> .title = <span class="stringliteral">"My window"</span>,</div>
|
||
<div class="line"> .left = 40,</div>
|
||
<div class="line"> .top = 20,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> window_3 = <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>({</div>
|
||
<div class="line"> .inner = <a class="code hl_function" href="scrollbar_8cpp.html#a83db372d294b69185f7a26148935cfc3">DummyWindowContent</a>(),</div>
|
||
<div class="line"> .title = <span class="stringliteral">"My window"</span>,</div>
|
||
<div class="line"> .left = 60,</div>
|
||
<div class="line"> .top = 30,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> window_4 = <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>({</div>
|
||
<div class="line"> .inner = <a class="code hl_function" href="scrollbar_8cpp.html#a83db372d294b69185f7a26148935cfc3">DummyWindowContent</a>(),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> window_5 = <a class="code hl_function" href="menu__multiple_8cpp.html#ac2013764d7f0c7eb57876c3755e98bb3">Window</a>({});</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> window_container = Container::Stacked({</div>
|
||
<div class="line"> window_1,</div>
|
||
<div class="line"> window_2,</div>
|
||
<div class="line"> window_3,</div>
|
||
<div class="line"> window_4,</div>
|
||
<div class="line"> window_5,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> display_win_1 = Renderer([&] {</div>
|
||
<div class="line"> <span class="keywordflow">return</span> text(<span class="stringliteral">"window_1: "</span> + <span class="comment">//</span></div>
|
||
<div class="line"> std::to_string(window_1_width) + <span class="stringliteral">"x"</span> +</div>
|
||
<div class="line"> std::to_string(window_1_height) + <span class="stringliteral">" + "</span> +</div>
|
||
<div class="line"> std::to_string(window_1_left) + <span class="stringliteral">","</span> +</div>
|
||
<div class="line"> std::to_string(window_1_top));</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> layout = Container::Vertical({</div>
|
||
<div class="line"> display_win_1,</div>
|
||
<div class="line"> window_container,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::Fullscreen();</div>
|
||
<div class="line"> screen.Loop(layout);</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keywordflow">return</span> EXIT_SUCCESS;</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --><h1><a class="anchor" id="with_restored_io"></a>
|
||
with_restored_io</h1>
|
||
<p><a href="https://arthursonzogni.github.io/FTXUI/examples/?file=component/with_restored_io">Demo</a> </p><div class="fragment"><div class="line"><span class="comment">// Copyright 2022 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 <cstdlib></span> <span class="comment">// for system, EXIT_SUCCESS</span></div>
|
||
<div class="line"><span class="preprocessor">#include <iostream></span> <span class="comment">// for operator<<, basic_ostream, basic_ostream::operator<<, cout, endl, flush, ostream, basic_ostream<>::__ostream_type, cin</span></div>
|
||
<div class="line"><span class="preprocessor">#include <memory></span> <span class="comment">// for shared_ptr, __shared_ptr_access, allocator</span></div>
|
||
<div class="line"><span class="preprocessor">#include <string></span> <span class="comment">// for getline, string</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 Button, Horizontal, Renderer</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 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 operator|, filler, Element, borderEmpty, hbox, size, paragraph, vbox, LESS_THAN, border, center, HEIGHT, WIDTH</span></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">using namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a>;</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> screen = ScreenInteractive::Fullscreen();</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="comment">// 當按下此按鈕時，"screen.WithRestoredIO" 將暫時卸載終端鉤子並執行所提供的回調函數。</span></div>
|
||
<div class="line"> <span class="comment">// 這允許應用程式以非互動模式運行。</span></div>
|
||
<div class="line"> <span class="keyword">auto</span> btn_run = Button(<span class="stringliteral">"Execute with restored IO"</span>, screen.WithRestoredIO([] {</div>
|
||
<div class="line"> std::cout << <span class="stringliteral">"This is a child program using stdin/stdout."</span> << std::endl;</div>
|
||
<div class="line"> for (int i = 0; i < 10; ++i) {</div>
|
||
<div class="line"> std::cout << <span class="stringliteral">"Please enter 10 strings ("</span> << i << <span class="stringliteral">"/10)"</span> << std::flush;</div>
|
||
<div class="line"> std::string input;</div>
|
||
<div class="line"> std::getline(std::cin, input);</div>
|
||
<div class="line"> }</div>
|
||
<div class="line"> }));</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> btn_quit = Button(<span class="stringliteral">"Quit"</span>, screen.ExitLoopClosure());</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> layout = Container::Horizontal({</div>
|
||
<div class="line"> btn_run,</div>
|
||
<div class="line"> btn_quit,</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> <span class="keyword">auto</span> renderer = Renderer(layout, [&] {</div>
|
||
<div class="line"> <span class="keyword">auto</span> explanation = paragraph(</div>
|
||
<div class="line"> <span class="stringliteral">"點擊此按鈕後，ScreenInteractive 將會被暫停，並暫時恢復對 stdin/stdout 的訪問，以執行一個函數。"</span>);</div>
|
||
<div class="line"> <span class="keyword">auto</span> element = vbox({</div>
|
||
<div class="line"> explanation | borderEmpty,</div>
|
||
<div class="line"> hbox({</div>
|
||
<div class="line"> btn_run->Render(),</div>
|
||
<div class="line"> filler(),</div>
|
||
<div class="line"> btn_quit->Render(),</div>
|
||
<div class="line"> }),</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> element = element | borderEmpty | border | size(WIDTH, LESS_THAN, 80) |</div>
|
||
<div class="line"> size(HEIGHT, LESS_THAN, 20) | center;</div>
|
||
<div class="line"> <span class="keywordflow">return</span> element;</div>
|
||
<div class="line"> });</div>
|
||
<div class="line"> </div>
|
||
<div class="line"> screen.Loop(renderer);</div>
|
||
<div class="line"> <span class="keywordflow">return</span> EXIT_SUCCESS;</div>
|
||
<div class="line">}</div>
|
||
</div><!-- fragment --> </div></div><!-- contents -->
|
||
</div><!-- PageDoc -->
|
||
</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": "../zh-CH/index.html", "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-TW";
|
||
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>
|