Files
FTXUI/zh-TW/group__dom.html
2025-12-13 19:38:34 +00:00

8009 lines
504 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!-- HTML header for doxygen 1.9.8-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="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: ftxui/dom</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="dynsections.js"></script>
<script type="text/javascript" src="doxygen-awesome-fragment-copy-button.js"></script>
<script type="text/javascript" src="doxygen-awesome-paragraph-link.js"></script>
<script type="text/javascript" src="doxygen-awesome-interactive-toc.js"></script>
<script type="text/javascript" src="doxygen-awesome-tabs.js"></script>
<script type="module">
DoxygenAwesomeFragmentCopyButton.init()
DoxygenAwesomeParagraphLink.init()
DoxygenAwesomeInteractiveToc.init()
DoxygenAwesomeTabs.init()
await new Promise(r => window.addEventListener('DOMContentLoaded', r));
// Remove title when a img[alt='title-img'] is present.
// Find an image with the alt "img-title".
const img = document.querySelector("img[alt='title-img']");
const header = document.querySelector(".headertitle");
if (img && header) {
// Hide the header title progressively.
header.style.display = "none";
// Show progressively the image.
img.style.maxHeight = "40vh";
img.style.maxWidth = "100%";
img.style.objectFit = "contain";
}
// In the "examples.html" page. Turn every link with text
// "examples/<...>
//
// Add a "demo" link toward.
// https://arthursonzogni.github.io/FTXUI/examples/?file=<...>
const examples = document.querySelectorAll("a")
examples.forEach((example) => {
if (!example.textContent.startsWith("examples/")) {
return;
}
// Remove the ".cpp" extension from the example name.
const exampleName = example.textContent.replace("examples/", "").replace(".cpp", "");
const a = document.createElement("a");
a.textContent = "[demo]";
a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + exampleName;
a.style.marginRight= "1em";
a.style.fontWeight = "bold";
example.parentElement.insertBefore(a, example)
});
// If the current URL ends with -example.html, we can add a link to the demo
// as well using the div.title textContent.
const url = new URL(window.location.href);
if (url.pathname.endsWith("-example.html")) {
// Get the title text.
const title = document.querySelector("div.title").textContent;
const example = title.replace("examples/", "").replace(".cpp", "");
// Create a link to the demo.
const a = document.createElement("a");
a.textContent = "[demo]";
a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + example;
a.style.marginLeft = "1em";
a.style.fontWeight = "bold";
a.style.display = "inline-block";
// Insert the link after the title.
const titleDiv = document.querySelector("div.title");
if (titleDiv) {
titleDiv.insertBefore(a, titleDiv.nextSibling);
}
}
</script>
<script type="module">
// Click on the navtree, except for the main page where this is already done
// automatically.
let delay = 0;
while(true) {
const navtree = document.querySelector("div.item.selected");
if (!navtree) {
delay *= 2;
delay += 1;
await new Promise(resolve => setTimeout(resolve, delay));
continue;
}
// Include only selected navtree items.
console.log("navtree.textContent", navtree.textContent);
if (!navtree.textContent.includes("Getting Started") &&
!navtree.textContent.includes("Installation") &&
!navtree.textContent.includes("ftxui / screen") &&
!navtree.textContent.includes("ftxui / dom") &&
!navtree.textContent.includes("ftxui / component") &&
!navtree.textContent.includes("Reference")) {
break;
}
// Find the first link inside the navtree.
const link = navtree.querySelector("a");
if (link) {
// Simulate a click on the link.
link.click();
break;
}
}
</script>
<link href="navtree.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="navtreedata.js"></script>
<script type="text/javascript" src="navtree.js"></script>
<script type="text/javascript" src="resize.js"></script>
<script type="text/javascript" src="cookie.js"></script>
<link href="search/search.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="search/searchdata.js"></script>
<script type="text/javascript" src="search/search.js"></script>
<link href="doxygen.css" rel="stylesheet" type="text/css" />
<link href="doxygen-awesome.css" rel="stylesheet" type="text/css"/>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr id="projectrow">
<td id="projectalign">
<div id="projectname">FTXUI<span id="projectnumber">&#160;6.1.9</span>
</div>
<div id="projectbrief">C++ functional terminal UI.</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- end header part -->
<!-- Generated by Doxygen 1.12.0 -->
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
var searchBox = new SearchBox("searchBox", "search/",'.html');
/* @license-end */
</script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function() { codefold.init(0); });
/* @license-end */
</script>
<script type="text/javascript" src="menudata.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function() {
initMenu('',true,false,'search.php','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&amp;dn=expat.txt MIT */
$(function(){initNavTree('group__dom.html',''); initResizable(true); });
/* @license-end */
</script>
<div id="doc-content">
<!-- window showing the filter options -->
<div id="MSearchSelectWindow"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
onkeydown="return searchBox.OnSearchSelectKey(event)">
</div>
<!-- iframe showing the search results (closed by default) -->
<div id="MSearchResultsWindow">
<div id="MSearchResults">
<div class="SRPage">
<div id="SRIndex">
<div id="SRResults"></div>
<div class="SRStatus" id="Loading">Loading...</div>
<div class="SRStatus" id="Searching">Searching...</div>
<div class="SRStatus" id="NoMatches">No Matches</div>
</div>
</div>
</div>
</div>
<div class="header">
<div class="summary">
<a href="#nested-classes">Classes</a> &#124;
<a href="#enum-members">Enumerations</a> &#124;
<a href="#func-members">Functions</a> </div>
<div class="headertitle"><div class="title">ftxui/dom</div></div>
</div><!--header-->
<div class="contents">
<a name="details" id="details"></a><h2 class="groupheader">Detailed Description</h2>
<p>請查看 <code>ftxui/dom</code> 模組的 <a href="module-dom.html">教學</a></p>
<table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="nested-classes" name="nested-classes"></a>
Classes</h2></td></tr>
<tr class="memitem:structftxui_1_1Canvas" id="r_structftxui_1_1Canvas"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1Canvas">Canvas</a></td></tr>
<tr class="memdesc:structftxui_1_1Canvas"><td class="mdescLeft">&#160;</td><td class="mdescRight">畫布是與繪圖操作相關聯的可繪製緩衝區。 <a href="#structftxui_1_1Canvas">More...</a><br /></td></tr>
<tr class="separator:structftxui_1_1Canvas"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1FlexboxConfig" id="r_structftxui_1_1FlexboxConfig"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a></td></tr>
<tr class="memdesc:structftxui_1_1FlexboxConfig"><td class="mdescLeft">&#160;</td><td class="mdescRight"><a class="el" href="#structftxui_1_1FlexboxConfig" title="FlexboxConfig 是一個配置結構,用於定義彈性盒容器的佈局屬性。">FlexboxConfig</a> 是一個配置結構,用於定義彈性盒容器的佈局屬性。 <a href="#structftxui_1_1FlexboxConfig">More...</a><br /></td></tr>
<tr class="separator:structftxui_1_1FlexboxConfig"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1LinearGradient" id="r_structftxui_1_1LinearGradient"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a></td></tr>
<tr class="memdesc:structftxui_1_1LinearGradient"><td class="mdescLeft">&#160;</td><td class="mdescRight">表示線性漸變顏色效果設定的類別。 <a href="#structftxui_1_1LinearGradient">More...</a><br /></td></tr>
<tr class="separator:structftxui_1_1LinearGradient"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:classftxui_1_1Node" id="r_classftxui_1_1Node"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#classftxui_1_1Node">Node</a></td></tr>
<tr class="memdesc:classftxui_1_1Node"><td class="mdescLeft">&#160;</td><td class="mdescRight">節點是DOM樹中所有元素的基底類別。 <a href="#classftxui_1_1Node">More...</a><br /></td></tr>
<tr class="separator:classftxui_1_1Node"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1Requirement" id="r_structftxui_1_1Requirement"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1Requirement">Requirement</a></td></tr>
<tr class="memdesc:structftxui_1_1Requirement"><td class="mdescLeft">&#160;</td><td class="mdescRight"><a class="el" href="#structftxui_1_1Requirement" title="Requirement 是一個結構,定義了終端使用者介面中節點的佈局要求。">Requirement</a> 是一個結構,定義了終端使用者介面中節點的佈局要求。 <a href="#structftxui_1_1Requirement">More...</a><br /></td></tr>
<tr class="separator:structftxui_1_1Requirement"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:classftxui_1_1Selection" id="r_classftxui_1_1Selection"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#classftxui_1_1Selection">Selection</a></td></tr>
<tr class="memdesc:classftxui_1_1Selection"><td class="mdescLeft">&#160;</td><td class="mdescRight">表示終端機使用者介面中的選取範圍。 <a href="#classftxui_1_1Selection">More...</a><br /></td></tr>
<tr class="separator:classftxui_1_1Selection"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:classftxui_1_1Table" id="r_classftxui_1_1Table"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#classftxui_1_1Table">Table</a></td></tr>
<tr class="memdesc:classftxui_1_1Table"><td class="mdescLeft">&#160;</td><td class="mdescRight"><a class="el" href="#classftxui_1_1Table" title="Table 是一個用於繪製表格的工具。">Table</a> 是一個用於繪製表格的工具。 <a href="#classftxui_1_1Table">More...</a><br /></td></tr>
<tr class="separator:classftxui_1_1Table"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table><table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="enum-members" name="enum-members"></a>
Enumerations</h2></td></tr>
<tr class="memitem:ga224b9163917ac32fc95a60d8c1eec3aa" id="r_ga224b9163917ac32fc95a60d8c1eec3aa"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga224b9163917ac32fc95a60d8c1eec3aa">Direction</a> { <br />
&#160;&#160;<a class="el" href="#gga224b9163917ac32fc95a60d8c1eec3aaa258f49887ef8d14ac268c92b02503aaa">Up</a> = 0
, <br />
&#160;&#160;<a class="el" href="#gga224b9163917ac32fc95a60d8c1eec3aaa08a38277b0309070706f6652eeae9a53">Down</a> = 1
, <br />
&#160;&#160;<a class="el" href="#gga224b9163917ac32fc95a60d8c1eec3aaa945d5e233cf7d6240f6b783b36a374ff">Left</a> = 2
, <br />
&#160;&#160;<a class="el" href="#gga224b9163917ac32fc95a60d8c1eec3aaa92b09c7c48c520c3c55e497875da437c">Right</a> = 3
<br />
}</td></tr>
<tr class="memdesc:ga224b9163917ac32fc95a60d8c1eec3aa"><td class="mdescLeft">&#160;</td><td class="mdescRight">Direction 是一個列舉,表示四個主要方向。 <a href="#ga224b9163917ac32fc95a60d8c1eec3aa">More...</a><br /></td></tr>
<tr class="separator:ga224b9163917ac32fc95a60d8c1eec3aa"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gafe3103dd0b8240c5443892484ef5af9c" id="r_gafe3103dd0b8240c5443892484ef5af9c"><td class="memItemLeft" align="right" valign="top">enum &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> { <br />
&#160;&#160;<a class="el" href="#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>
, <br />
&#160;&#160;<a class="el" href="#ggafe3103dd0b8240c5443892484ef5af9ca830310bdfd296d7cd00c59773579b892">DASHED</a>
, <br />
&#160;&#160;<a class="el" href="#ggafe3103dd0b8240c5443892484ef5af9ca34cd68a92c52759ed9b545969a11c2da">HEAVY</a>
, <br />
&#160;&#160;<a class="el" href="#ggafe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92">DOUBLE</a>
, <br />
&#160;&#160;<a class="el" href="#ggafe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493">ROUNDED</a>
, <br />
&#160;&#160;<a class="el" href="#ggafe3103dd0b8240c5443892484ef5af9ca2f0d18fc0d0fa4a6cd92dc328501874d">EMPTY</a>
<br />
}</td></tr>
<tr class="memdesc:gafe3103dd0b8240c5443892484ef5af9c"><td class="mdescLeft">&#160;</td><td class="mdescRight">BorderStyle 是一個列舉,表示可以應用於終端機 UI 元素的不同邊框樣式。 <a href="#gafe3103dd0b8240c5443892484ef5af9c">More...</a><br /></td></tr>
<tr class="separator:gafe3103dd0b8240c5443892484ef5af9c"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table><table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="func-members" name="func-members"></a>
Functions</h2></td></tr>
<tr class="memitem:gaca42bd6c44d8d366d5c1014330402086" id="r_gaca42bd6c44d8d366d5c1014330402086"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaca42bd6c44d8d366d5c1014330402086">automerge</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gaca42bd6c44d8d366d5c1014330402086"><td class="mdescLeft">&#160;</td><td class="mdescRight">啟用字符自動與附近其他字符合併。 <br /></td></tr>
<tr class="separator:gaca42bd6c44d8d366d5c1014330402086"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gad57613de5895e774218d91dea48d074b" id="r_gad57613de5895e774218d91dea48d074b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gad57613de5895e774218d91dea48d074b">blink</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gad57613de5895e774218d91dea48d074b"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製的文字在可見和隱藏之間交替。 <br /></td></tr>
<tr class="separator:gad57613de5895e774218d91dea48d074b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga353c769068e25303eb41fa2da565c604" id="r_ga353c769068e25303eb41fa2da565c604"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga353c769068e25303eb41fa2da565c604">bold</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga353c769068e25303eb41fa2da565c604"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用粗體字型,用於需要更多強調的元素。 <br /></td></tr>
<tr class="separator:ga353c769068e25303eb41fa2da565c604"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gae8537acd423d47cf07e61bd774fb1098" id="r_gae8537acd423d47cf07e61bd774fb1098"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gae8537acd423d47cf07e61bd774fb1098">border</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gae8537acd423d47cf07e61bd774fb1098"><td class="mdescLeft">&#160;</td><td class="mdescRight">在元素周圍繪製邊框。 <br /></td></tr>
<tr class="separator:gae8537acd423d47cf07e61bd774fb1098"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaa97cfcfbe6df92dac085454395ec7b2f" id="r_gaa97cfcfbe6df92dac085454395ec7b2f"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaa97cfcfbe6df92dac085454395ec7b2f">borderWith</a> (const <a class="el" href="group__screen.html#structftxui_1_1Pixel">Pixel</a> &amp;pixel)</td></tr>
<tr class="memdesc:gaa97cfcfbe6df92dac085454395ec7b2f"><td class="mdescLeft">&#160;</td><td class="mdescRight">與 border 相同,但在元素周圍使用恆定的像素。 <br /></td></tr>
<tr class="separator:gaa97cfcfbe6df92dac085454395ec7b2f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gabc9db79957d4dd36deb8ca79938e4c41" id="r_gabc9db79957d4dd36deb8ca79938e4c41"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gabc9db79957d4dd36deb8ca79938e4c41">borderStyled</a> (<a class="el" href="#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> style)</td></tr>
<tr class="memdesc:gabc9db79957d4dd36deb8ca79938e4c41"><td class="mdescLeft">&#160;</td><td class="mdescRight">與 border 相同,但具有不同的樣式。 <br /></td></tr>
<tr class="separator:gabc9db79957d4dd36deb8ca79938e4c41"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gad1dbf36194dcb77674085df9e11c1e22" id="r_gad1dbf36194dcb77674085df9e11c1e22"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gad1dbf36194dcb77674085df9e11c1e22">borderStyled</a> (<a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> foreground_color)</td></tr>
<tr class="memdesc:gad1dbf36194dcb77674085df9e11c1e22"><td class="mdescLeft">&#160;</td><td class="mdescRight">與 border 相同,但具有前景色。 <br /></td></tr>
<tr class="separator:gad1dbf36194dcb77674085df9e11c1e22"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga5aab98b289d2e7b2ce8ca0eeee51ce78" id="r_ga5aab98b289d2e7b2ce8ca0eeee51ce78"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga5aab98b289d2e7b2ce8ca0eeee51ce78">borderStyled</a> (<a class="el" href="#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> style, <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> foreground_color)</td></tr>
<tr class="memdesc:ga5aab98b289d2e7b2ce8ca0eeee51ce78"><td class="mdescLeft">&#160;</td><td class="mdescRight">與 border 相同,但具有前景色和不同的樣式。 <br /></td></tr>
<tr class="separator:ga5aab98b289d2e7b2ce8ca0eeee51ce78"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga181c80f8ada12d1356f6bfa0ebb7219f" id="r_ga181c80f8ada12d1356f6bfa0ebb7219f"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga181c80f8ada12d1356f6bfa0ebb7219f">borderDashed</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga181c80f8ada12d1356f6bfa0ebb7219f"><td class="mdescLeft">&#160;</td><td class="mdescRight">在元素周圍繪製虛線邊框。 <br /></td></tr>
<tr class="separator:ga181c80f8ada12d1356f6bfa0ebb7219f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaa074cdab57eeb47b99f1699bcc8addd8" id="r_gaa074cdab57eeb47b99f1699bcc8addd8"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaa074cdab57eeb47b99f1699bcc8addd8">borderLight</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gaa074cdab57eeb47b99f1699bcc8addd8"><td class="mdescLeft">&#160;</td><td class="mdescRight">在元素周圍繪製細邊框。 <br /></td></tr>
<tr class="separator:gaa074cdab57eeb47b99f1699bcc8addd8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga666c31419cc31cdadc9f8178ed63529e" id="r_ga666c31419cc31cdadc9f8178ed63529e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga666c31419cc31cdadc9f8178ed63529e">borderHeavy</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga666c31419cc31cdadc9f8178ed63529e"><td class="mdescLeft">&#160;</td><td class="mdescRight">在元素周圍繪製粗邊框。 <br /></td></tr>
<tr class="separator:ga666c31419cc31cdadc9f8178ed63529e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga052b504344f3bc1ff86b3493cd934215" id="r_ga052b504344f3bc1ff86b3493cd934215"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga052b504344f3bc1ff86b3493cd934215">borderDouble</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga052b504344f3bc1ff86b3493cd934215"><td class="mdescLeft">&#160;</td><td class="mdescRight">在元素周圍繪製雙線邊框。 <br /></td></tr>
<tr class="separator:ga052b504344f3bc1ff86b3493cd934215"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga3cf2db223a5efaa370f0ca6bb405b80e" id="r_ga3cf2db223a5efaa370f0ca6bb405b80e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga3cf2db223a5efaa370f0ca6bb405b80e">borderRounded</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga3cf2db223a5efaa370f0ca6bb405b80e"><td class="mdescLeft">&#160;</td><td class="mdescRight">在元素周圍繪製圓角邊框。 <br /></td></tr>
<tr class="separator:ga3cf2db223a5efaa370f0ca6bb405b80e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaf20f7d6fb275d109f0bdc01a2e4d3f3e" id="r_gaf20f7d6fb275d109f0bdc01a2e4d3f3e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaf20f7d6fb275d109f0bdc01a2e4d3f3e">borderEmpty</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gaf20f7d6fb275d109f0bdc01a2e4d3f3e"><td class="mdescLeft">&#160;</td><td class="mdescRight">在元素周圍繪製空邊框。 <br /></td></tr>
<tr class="separator:gaf20f7d6fb275d109f0bdc01a2e4d3f3e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga03049def08fa7a5eaa4d5e897152bc1a" id="r_ga03049def08fa7a5eaa4d5e897152bc1a"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga03049def08fa7a5eaa4d5e897152bc1a">window</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> title, <a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> content, <a class="el" href="#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> border)</td></tr>
<tr class="memdesc:ga03049def08fa7a5eaa4d5e897152bc1a"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製帶有標題和邊框的視窗。 <br /></td></tr>
<tr class="separator:ga03049def08fa7a5eaa4d5e897152bc1a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga17a89519e6b87e12b1e5811a702f7847" id="r_ga17a89519e6b87e12b1e5811a702f7847"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga17a89519e6b87e12b1e5811a702f7847">clear_under</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> element)</td></tr>
<tr class="memdesc:ga17a89519e6b87e12b1e5811a702f7847"><td class="mdescLeft">&#160;</td><td class="mdescRight">在繪製 |child| 之前,清除下方的像素。這在與 dbox 結合使用時非常有用。 <br /></td></tr>
<tr class="separator:ga17a89519e6b87e12b1e5811a702f7847"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gadef6e6e66199153de6d3b21b14dcf868" id="r_gadef6e6e66199153de6d3b21b14dcf868"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gadef6e6e66199153de6d3b21b14dcf868">color</a> (<a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> color, <a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gadef6e6e66199153de6d3b21b14dcf868"><td class="mdescLeft">&#160;</td><td class="mdescRight">設定元素的前景顏色。 <br /></td></tr>
<tr class="separator:gadef6e6e66199153de6d3b21b14dcf868"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaae86eacae0a0626b41e9964ac7f4f532" id="r_gaae86eacae0a0626b41e9964ac7f4f532"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaae86eacae0a0626b41e9964ac7f4f532">bgcolor</a> (<a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> color, <a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gaae86eacae0a0626b41e9964ac7f4f532"><td class="mdescLeft">&#160;</td><td class="mdescRight">設定元素的背景顏色。 <br /></td></tr>
<tr class="separator:gaae86eacae0a0626b41e9964ac7f4f532"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaf61b489da39ca5e24b68e6e1a2b09c0d" id="r_gaf61b489da39ca5e24b68e6e1a2b09c0d"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaf61b489da39ca5e24b68e6e1a2b09c0d">color</a> (<a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> c)</td></tr>
<tr class="memdesc:gaf61b489da39ca5e24b68e6e1a2b09c0d"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用前景顏色進行裝飾。 <br /></td></tr>
<tr class="separator:gaf61b489da39ca5e24b68e6e1a2b09c0d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga01d4c5aaf0447e862246849111782245" id="r_ga01d4c5aaf0447e862246849111782245"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga01d4c5aaf0447e862246849111782245">bgcolor</a> (<a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> color)</td></tr>
<tr class="memdesc:ga01d4c5aaf0447e862246849111782245"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用背景顏色進行裝飾。 <br /></td></tr>
<tr class="separator:ga01d4c5aaf0447e862246849111782245"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaf7d0d1e44c1a5424e42a5cddceacf7f7" id="r_gaf7d0d1e44c1a5424e42a5cddceacf7f7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaf7d0d1e44c1a5424e42a5cddceacf7f7">hcenter</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gaf7d0d1e44c1a5424e42a5cddceacf7f7"><td class="mdescLeft">&#160;</td><td class="mdescRight">水平置中一個元素。 <br /></td></tr>
<tr class="separator:gaf7d0d1e44c1a5424e42a5cddceacf7f7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gad907a8a48bb9f9dfdb06402e9fc12316" id="r_gad907a8a48bb9f9dfdb06402e9fc12316"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gad907a8a48bb9f9dfdb06402e9fc12316">vcenter</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gad907a8a48bb9f9dfdb06402e9fc12316"><td class="mdescLeft">&#160;</td><td class="mdescRight">垂直置中一個元素。 <br /></td></tr>
<tr class="separator:gad907a8a48bb9f9dfdb06402e9fc12316"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga5b11656305fce8427b81daf1c35883f1" id="r_ga5b11656305fce8427b81daf1c35883f1"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga5b11656305fce8427b81daf1c35883f1">center</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga5b11656305fce8427b81daf1c35883f1"><td class="mdescLeft">&#160;</td><td class="mdescRight">水平與垂直置中一個元素。 <br /></td></tr>
<tr class="separator:ga5b11656305fce8427b81daf1c35883f1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga778e52afe28f1978f1f7ef065ed92d6d" id="r_ga778e52afe28f1978f1f7ef065ed92d6d"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga778e52afe28f1978f1f7ef065ed92d6d">align_right</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga778e52afe28f1978f1f7ef065ed92d6d"><td class="mdescLeft">&#160;</td><td class="mdescRight">將元素靠右對齊。 <br /></td></tr>
<tr class="separator:ga778e52afe28f1978f1f7ef065ed92d6d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga901ab1b6b2e0e8c295552168ab206441" id="r_ga901ab1b6b2e0e8c295552168ab206441"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga901ab1b6b2e0e8c295552168ab206441">dbox</a> (<a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children_)</td></tr>
<tr class="memdesc:ga901ab1b6b2e0e8c295552168ab206441"><td class="mdescLeft">&#160;</td><td class="mdescRight">將多個元素堆疊在一起。 <br /></td></tr>
<tr class="separator:ga901ab1b6b2e0e8c295552168ab206441"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gac6a3b77604739516e809369810896646" id="r_gac6a3b77604739516e809369810896646"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gac6a3b77604739516e809369810896646">dim</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gac6a3b77604739516e809369810896646"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用淺色字體,適用於不那麼強調的元素。 <br /></td></tr>
<tr class="separator:gac6a3b77604739516e809369810896646"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gac2a9ed2d22ec3c8811b61f4a901ed367" id="r_gac2a9ed2d22ec3c8811b61f4a901ed367"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gac2a9ed2d22ec3c8811b61f4a901ed367">filler</a> ()</td></tr>
<tr class="memdesc:gac2a9ed2d22ec3c8811b61f4a901ed367"><td class="mdescLeft">&#160;</td><td class="mdescRight">一個元素,它會按比例擴展以佔據容器中剩餘的空間。 <br /></td></tr>
<tr class="separator:gac2a9ed2d22ec3c8811b61f4a901ed367"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga257acd2bd47bab7db879cca2c0e67e23" id="r_ga257acd2bd47bab7db879cca2c0e67e23"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga257acd2bd47bab7db879cca2c0e67e23">flex</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga257acd2bd47bab7db879cca2c0e67e23"><td class="mdescLeft">&#160;</td><td class="mdescRight">使子元素按比例擴展以佔據容器中剩餘的空間。 <br /></td></tr>
<tr class="separator:ga257acd2bd47bab7db879cca2c0e67e23"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga0dbba98e14f63f1dd5163cbdc4f42da8" id="r_ga0dbba98e14f63f1dd5163cbdc4f42da8"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga0dbba98e14f63f1dd5163cbdc4f42da8">xflex</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga0dbba98e14f63f1dd5163cbdc4f42da8"><td class="mdescLeft">&#160;</td><td class="mdescRight">在 X 軸上盡可能擴展/在需要時最小化。 <br /></td></tr>
<tr class="separator:ga0dbba98e14f63f1dd5163cbdc4f42da8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga42c7a33df6d890de30fc1ebb2d1b3ca6" id="r_ga42c7a33df6d890de30fc1ebb2d1b3ca6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga42c7a33df6d890de30fc1ebb2d1b3ca6">yflex</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga42c7a33df6d890de30fc1ebb2d1b3ca6"><td class="mdescLeft">&#160;</td><td class="mdescRight">在 Y 軸上盡可能擴展/在需要時最小化。 <br /></td></tr>
<tr class="separator:ga42c7a33df6d890de30fc1ebb2d1b3ca6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga81ed6b31f512e849247f13d249f6f20e" id="r_ga81ed6b31f512e849247f13d249f6f20e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga81ed6b31f512e849247f13d249f6f20e">flex_grow</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga81ed6b31f512e849247f13d249f6f20e"><td class="mdescLeft">&#160;</td><td class="mdescRight">盡可能擴展。 <br /></td></tr>
<tr class="separator:ga81ed6b31f512e849247f13d249f6f20e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga1618cb15307f29eb3d531e7b44c280d3" id="r_ga1618cb15307f29eb3d531e7b44c280d3"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga1618cb15307f29eb3d531e7b44c280d3">xflex_grow</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga1618cb15307f29eb3d531e7b44c280d3"><td class="mdescLeft">&#160;</td><td class="mdescRight">在 X 軸上盡可能擴展。 <br /></td></tr>
<tr class="separator:ga1618cb15307f29eb3d531e7b44c280d3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga7eac3f709e905af8f583aed52093b7ce" id="r_ga7eac3f709e905af8f583aed52093b7ce"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga7eac3f709e905af8f583aed52093b7ce">yflex_grow</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga7eac3f709e905af8f583aed52093b7ce"><td class="mdescLeft">&#160;</td><td class="mdescRight">在 Y 軸上盡可能擴展。 <br /></td></tr>
<tr class="separator:ga7eac3f709e905af8f583aed52093b7ce"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga4629196b5ffc280054d35f2a9977e829" id="r_ga4629196b5ffc280054d35f2a9977e829"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga4629196b5ffc280054d35f2a9977e829">flex_shrink</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga4629196b5ffc280054d35f2a9977e829"><td class="mdescLeft">&#160;</td><td class="mdescRight">在需要時最小化。 <br /></td></tr>
<tr class="separator:ga4629196b5ffc280054d35f2a9977e829"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga95275a9271934cf76e970c6650cc224d" id="r_ga95275a9271934cf76e970c6650cc224d"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga95275a9271934cf76e970c6650cc224d">xflex_shrink</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga95275a9271934cf76e970c6650cc224d"><td class="mdescLeft">&#160;</td><td class="mdescRight">在 X 軸上在需要時最小化。 <br /></td></tr>
<tr class="separator:ga95275a9271934cf76e970c6650cc224d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaf7d0757f5965aa579bccc125ff909256" id="r_gaf7d0757f5965aa579bccc125ff909256"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaf7d0757f5965aa579bccc125ff909256">yflex_shrink</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gaf7d0757f5965aa579bccc125ff909256"><td class="mdescLeft">&#160;</td><td class="mdescRight">在 Y 軸上在需要時最小化。 <br /></td></tr>
<tr class="separator:gaf7d0757f5965aa579bccc125ff909256"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga845b0ea50d51024aa4e050447b46e1dd" id="r_ga845b0ea50d51024aa4e050447b46e1dd"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga845b0ea50d51024aa4e050447b46e1dd">notflex</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga845b0ea50d51024aa4e050447b46e1dd"><td class="mdescLeft">&#160;</td><td class="mdescRight">使元素不可伸縮。 <br /></td></tr>
<tr class="separator:ga845b0ea50d51024aa4e050447b46e1dd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga13befad33cb4125e2143f2af3eddcc71" id="r_ga13befad33cb4125e2143f2af3eddcc71"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga13befad33cb4125e2143f2af3eddcc71">focusPositionRelative</a> (float x, float y)</td></tr>
<tr class="memdesc:ga13befad33cb4125e2143f2af3eddcc71"><td class="mdescLeft">&#160;</td><td class="mdescRight"><code>frame</code> 內部使用,這會強制視圖滾動到給定位置。該位置以請求大小的比例表示。 <br /></td></tr>
<tr class="separator:ga13befad33cb4125e2143f2af3eddcc71"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga78447ba1ccb792963ad6d306f4ed1256" id="r_ga78447ba1ccb792963ad6d306f4ed1256"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga78447ba1ccb792963ad6d306f4ed1256">focusPosition</a> (int x, int y)</td></tr>
<tr class="memdesc:ga78447ba1ccb792963ad6d306f4ed1256"><td class="mdescLeft">&#160;</td><td class="mdescRight"><code>frame</code> 內部使用,這會強制視圖滾動到給定位置。該位置以單元格數表示。 <br /></td></tr>
<tr class="separator:ga78447ba1ccb792963ad6d306f4ed1256"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaa2d7d671f184f85e0f396f2610fa6c2e" id="r_gaa2d7d671f184f85e0f396f2610fa6c2e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaa2d7d671f184f85e0f396f2610fa6c2e">focus</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gaa2d7d671f184f85e0f396f2610fa6c2e"><td class="mdescLeft">&#160;</td><td class="mdescRight"><code>child</code> 設置為其同級元素中被聚焦的元素。 <br /></td></tr>
<tr class="separator:gaa2d7d671f184f85e0f396f2610fa6c2e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga509ef7e7f8913ea3de7efd45e3301ea1" id="r_ga509ef7e7f8913ea3de7efd45e3301ea1"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga509ef7e7f8913ea3de7efd45e3301ea1">focusCursorBlock</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga509ef7e7f8913ea3de7efd45e3301ea1"><td class="mdescLeft">&#160;</td><td class="mdescRight"><code>focus</code> 相同,但將游標形狀設置為靜止方塊。 <br /></td></tr>
<tr class="separator:ga509ef7e7f8913ea3de7efd45e3301ea1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gadda589914ba8fe863c905b6566557768" id="r_gadda589914ba8fe863c905b6566557768"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gadda589914ba8fe863c905b6566557768">focusCursorBlockBlinking</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gadda589914ba8fe863c905b6566557768"><td class="mdescLeft">&#160;</td><td class="mdescRight"><code>focus</code> 相同,但將游標形狀設置為閃爍方塊。 <br /></td></tr>
<tr class="separator:gadda589914ba8fe863c905b6566557768"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga4f89e72e7001064e3eb8189c8317e95b" id="r_ga4f89e72e7001064e3eb8189c8317e95b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga4f89e72e7001064e3eb8189c8317e95b">focusCursorBar</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga4f89e72e7001064e3eb8189c8317e95b"><td class="mdescLeft">&#160;</td><td class="mdescRight"><code>focus</code> 相同,但將游標形狀設置為靜止條狀。 <br /></td></tr>
<tr class="separator:ga4f89e72e7001064e3eb8189c8317e95b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga085a7c997e7364c5a54e73c7b84145db" id="r_ga085a7c997e7364c5a54e73c7b84145db"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga085a7c997e7364c5a54e73c7b84145db">focusCursorBarBlinking</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga085a7c997e7364c5a54e73c7b84145db"><td class="mdescLeft">&#160;</td><td class="mdescRight"><code>focus</code> 相同,但將游標形狀設置為閃爍條狀。 <br /></td></tr>
<tr class="separator:ga085a7c997e7364c5a54e73c7b84145db"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga61e1fe02a18c2b18e31ccc9cd3943823" id="r_ga61e1fe02a18c2b18e31ccc9cd3943823"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga61e1fe02a18c2b18e31ccc9cd3943823">focusCursorUnderline</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga61e1fe02a18c2b18e31ccc9cd3943823"><td class="mdescLeft">&#160;</td><td class="mdescRight"><code>focus</code> 相同,但將游標形狀設置為靜止底線。 <br /></td></tr>
<tr class="separator:ga61e1fe02a18c2b18e31ccc9cd3943823"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga33637d59d1e52aa06dd2a94162adbfe9" id="r_ga33637d59d1e52aa06dd2a94162adbfe9"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga33637d59d1e52aa06dd2a94162adbfe9">focusCursorUnderlineBlinking</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga33637d59d1e52aa06dd2a94162adbfe9"><td class="mdescLeft">&#160;</td><td class="mdescRight"><code>focus</code> 相同,但將游標形狀設置為閃爍底線。 <br /></td></tr>
<tr class="separator:ga33637d59d1e52aa06dd2a94162adbfe9"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga1265cc8a52448e1b98d7abe84a04681e" id="r_ga1265cc8a52448e1b98d7abe84a04681e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga1265cc8a52448e1b98d7abe84a04681e">gaugeDirection</a> (float progress, <a class="el" href="#ga224b9163917ac32fc95a60d8c1eec3aa">Direction</a> direction)</td></tr>
<tr class="memdesc:ga1265cc8a52448e1b98d7abe84a04681e"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個指定方向的高解析度進度條。 <br /></td></tr>
<tr class="separator:ga1265cc8a52448e1b98d7abe84a04681e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga333d781a44885ed4b5ea8444015b86f7" id="r_ga333d781a44885ed4b5ea8444015b86f7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga333d781a44885ed4b5ea8444015b86f7">gaugeRight</a> (float progress)</td></tr>
<tr class="memdesc:ga333d781a44885ed4b5ea8444015b86f7"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個從左到右進展的高解析度進度條。 <br /></td></tr>
<tr class="separator:ga333d781a44885ed4b5ea8444015b86f7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga97898b9f77b3edd330eaef22fce7cf2b" id="r_ga97898b9f77b3edd330eaef22fce7cf2b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga97898b9f77b3edd330eaef22fce7cf2b">gaugeLeft</a> (float progress)</td></tr>
<tr class="memdesc:ga97898b9f77b3edd330eaef22fce7cf2b"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個從右到左進展的高解析度進度條。 <br /></td></tr>
<tr class="separator:ga97898b9f77b3edd330eaef22fce7cf2b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga6e9a97b66c14404a2b3f95f4dae414c2" id="r_ga6e9a97b66c14404a2b3f95f4dae414c2"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga6e9a97b66c14404a2b3f95f4dae414c2">gaugeUp</a> (float progress)</td></tr>
<tr class="memdesc:ga6e9a97b66c14404a2b3f95f4dae414c2"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個從下到上進展的高解析度進度條。 <br /></td></tr>
<tr class="separator:ga6e9a97b66c14404a2b3f95f4dae414c2"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gafe537f915cac5613261580bae3a8fe33" id="r_gafe537f915cac5613261580bae3a8fe33"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gafe537f915cac5613261580bae3a8fe33">gaugeDown</a> (float progress)</td></tr>
<tr class="memdesc:gafe537f915cac5613261580bae3a8fe33"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個從上到下進展的高解析度進度條。 <br /></td></tr>
<tr class="separator:gafe537f915cac5613261580bae3a8fe33"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gae0b8041a60629fd790716038738c93ce" id="r_gae0b8041a60629fd790716038738c93ce"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gae0b8041a60629fd790716038738c93ce">gauge</a> (float progress)</td></tr>
<tr class="memdesc:gae0b8041a60629fd790716038738c93ce"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個高解析度進度條。 <br /></td></tr>
<tr class="separator:gae0b8041a60629fd790716038738c93ce"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga8bacc04e0cbde663ccc4a4891e8b50d5" id="r_ga8bacc04e0cbde663ccc4a4891e8b50d5"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga8bacc04e0cbde663ccc4a4891e8b50d5">hyperlink</a> (std::string link, <a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga8bacc04e0cbde663ccc4a4891e8b50d5"><td class="mdescLeft">&#160;</td><td class="mdescRight">使渲染區域可點擊並使用網路瀏覽器開啟。 當用戶點擊時,連結將被開啟。 此功能僅在有限的終端模擬器中受支援。 List: <a href="https://github.com/Alhadis/OSC8-Adoption/">https://github.com/Alhadis/OSC8-Adoption/</a> <br /></td></tr>
<tr class="separator:ga8bacc04e0cbde663ccc4a4891e8b50d5"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gad0eac58eac9e6cd9a04879b20f8e123b" id="r_gad0eac58eac9e6cd9a04879b20f8e123b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gad0eac58eac9e6cd9a04879b20f8e123b">hyperlink</a> (std::string link)</td></tr>
<tr class="memdesc:gad0eac58eac9e6cd9a04879b20f8e123b"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用超連結裝飾。 當用戶點擊時,連結將被開啟。 此功能僅在有限的終端模擬器中受支援。 List: <a href="https://github.com/Alhadis/OSC8-Adoption/">https://github.com/Alhadis/OSC8-Adoption/</a> <br /></td></tr>
<tr class="separator:gad0eac58eac9e6cd9a04879b20f8e123b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga672456b8f2091b615a30ff755418b37b" id="r_ga672456b8f2091b615a30ff755418b37b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga672456b8f2091b615a30ff755418b37b">inverted</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga672456b8f2091b615a30ff755418b37b"><td class="mdescLeft">&#160;</td><td class="mdescRight">添加一個濾鏡,它將反轉前景和背景 顏色。 <br /></td></tr>
<tr class="separator:ga672456b8f2091b615a30ff755418b37b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga8a8d190765de7bbd9e78f9e639c2a96d" id="r_ga8a8d190765de7bbd9e78f9e639c2a96d"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga8a8d190765de7bbd9e78f9e639c2a96d">italic</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga8a8d190765de7bbd9e78f9e639c2a96d"><td class="mdescLeft">&#160;</td><td class="mdescRight">將文字套用斜體。 <br /></td></tr>
<tr class="separator:ga8a8d190765de7bbd9e78f9e639c2a96d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga050df9c8ed04eec13309d6c0542c636d" id="r_ga050df9c8ed04eec13309d6c0542c636d"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga050df9c8ed04eec13309d6c0542c636d">color</a> (const <a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;gradient, <a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga050df9c8ed04eec13309d6c0542c636d"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用線性漸變效果設定元素的前景色。 <br /></td></tr>
<tr class="separator:ga050df9c8ed04eec13309d6c0542c636d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaaac1622d43662a6a02113d9230a4fdd4" id="r_gaaac1622d43662a6a02113d9230a4fdd4"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaaac1622d43662a6a02113d9230a4fdd4">bgcolor</a> (const <a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;gradient, <a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:gaaac1622d43662a6a02113d9230a4fdd4"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用線性漸變效果設定元素的背景顏色。 <br /></td></tr>
<tr class="separator:gaaac1622d43662a6a02113d9230a4fdd4"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga8af6b5a06b03fd53bf30a6b050b96968" id="r_ga8af6b5a06b03fd53bf30a6b050b96968"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga8af6b5a06b03fd53bf30a6b050b96968">color</a> (const <a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;gradient)</td></tr>
<tr class="memdesc:ga8af6b5a06b03fd53bf30a6b050b96968"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用線性漸變效果裝飾前景色。 <br /></td></tr>
<tr class="separator:ga8af6b5a06b03fd53bf30a6b050b96968"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaee41f3eaff28a123214e81231f8f4593" id="r_gaee41f3eaff28a123214e81231f8f4593"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaee41f3eaff28a123214e81231f8f4593">bgcolor</a> (const <a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;gradient)</td></tr>
<tr class="memdesc:gaee41f3eaff28a123214e81231f8f4593"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用線性漸變效果裝飾背景顏色。 <br /></td></tr>
<tr class="separator:gaee41f3eaff28a123214e81231f8f4593"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gad4b8aa9392f56ba41e2b421e046a7d83" id="r_gad4b8aa9392f56ba41e2b421e046a7d83"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gad4b8aa9392f56ba41e2b421e046a7d83">Render</a> (Screen &amp;screen, const Element &amp;element)</td></tr>
<tr class="memdesc:gad4b8aa9392f56ba41e2b421e046a7d83"><td class="mdescLeft">&#160;</td><td class="mdescRight"><a class="el" href="group__screen.html#classftxui_1_1Screen" title="像素的矩形網格。">ftxui::Screen</a> 上顯示元素。 <br /></td></tr>
<tr class="separator:gad4b8aa9392f56ba41e2b421e046a7d83"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga32a24db985fa1b37bf686b00f7e1b4ff" id="r_ga32a24db985fa1b37bf686b00f7e1b4ff"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga32a24db985fa1b37bf686b00f7e1b4ff">Render</a> (Screen &amp;screen, Node *node)</td></tr>
<tr class="memdesc:ga32a24db985fa1b37bf686b00f7e1b4ff"><td class="mdescLeft">&#160;</td><td class="mdescRight"><a class="el" href="group__screen.html#classftxui_1_1Screen" title="像素的矩形網格。">ftxui::Screen</a> 上顯示元素。 <br /></td></tr>
<tr class="separator:ga32a24db985fa1b37bf686b00f7e1b4ff"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga3f9093ae1a2790d396fc2cff9990fbbd" id="r_ga3f9093ae1a2790d396fc2cff9990fbbd"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga3f9093ae1a2790d396fc2cff9990fbbd">paragraph</a> (const std::string &amp;the_text)</td></tr>
<tr class="memdesc:ga3f9093ae1a2790d396fc2cff9990fbbd"><td class="mdescLeft">&#160;</td><td class="mdescRight">回傳一個在多行上繪製段落的元素。 <br /></td></tr>
<tr class="separator:ga3f9093ae1a2790d396fc2cff9990fbbd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaa334a836eccc573e1137a1ba29d07d8a" id="r_gaa334a836eccc573e1137a1ba29d07d8a"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaa334a836eccc573e1137a1ba29d07d8a">paragraphAlignLeft</a> (const std::string &amp;the_text)</td></tr>
<tr class="memdesc:gaa334a836eccc573e1137a1ba29d07d8a"><td class="mdescLeft">&#160;</td><td class="mdescRight">回傳一個在多行上繪製段落並靠左對齊的元素。 <br /></td></tr>
<tr class="separator:gaa334a836eccc573e1137a1ba29d07d8a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga28a69f06a88c89fe7a507e33ab486411" id="r_ga28a69f06a88c89fe7a507e33ab486411"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga28a69f06a88c89fe7a507e33ab486411">paragraphAlignRight</a> (const std::string &amp;the_text)</td></tr>
<tr class="memdesc:ga28a69f06a88c89fe7a507e33ab486411"><td class="mdescLeft">&#160;</td><td class="mdescRight">回傳一個在多行上繪製段落並靠右對齊的元素。 <br /></td></tr>
<tr class="separator:ga28a69f06a88c89fe7a507e33ab486411"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga6a105f6b0d07d7933379ff1ae9282fb8" id="r_ga6a105f6b0d07d7933379ff1ae9282fb8"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga6a105f6b0d07d7933379ff1ae9282fb8">paragraphAlignCenter</a> (const std::string &amp;the_text)</td></tr>
<tr class="memdesc:ga6a105f6b0d07d7933379ff1ae9282fb8"><td class="mdescLeft">&#160;</td><td class="mdescRight">回傳一個在多行上繪製段落並置中對齊的元素。 <br /></td></tr>
<tr class="separator:ga6a105f6b0d07d7933379ff1ae9282fb8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gae4de548aa67ab77cb345e4ddec6b248b" id="r_gae4de548aa67ab77cb345e4ddec6b248b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gae4de548aa67ab77cb345e4ddec6b248b">paragraphAlignJustify</a> (const std::string &amp;the_text)</td></tr>
<tr class="memdesc:gae4de548aa67ab77cb345e4ddec6b248b"><td class="mdescLeft">&#160;</td><td class="mdescRight">回傳一個在多行上繪製段落並使用左右對齊的元素。 <br /></td></tr>
<tr class="separator:gae4de548aa67ab77cb345e4ddec6b248b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga1974176e676afdb96d203e8e0f579219" id="r_ga1974176e676afdb96d203e8e0f579219"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga1974176e676afdb96d203e8e0f579219">vscroll_indicator</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga1974176e676afdb96d203e8e0f579219"><td class="mdescLeft">&#160;</td><td class="mdescRight">在右側顯示一個垂直捲軸。 顏色與內容一致。 <br /></td></tr>
<tr class="separator:ga1974176e676afdb96d203e8e0f579219"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga7f48136f949ccbde722dd93a6de4d0de" id="r_ga7f48136f949ccbde722dd93a6de4d0de"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga7f48136f949ccbde722dd93a6de4d0de">hscroll_indicator</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga7f48136f949ccbde722dd93a6de4d0de"><td class="mdescLeft">&#160;</td><td class="mdescRight">在底部顯示一個水平捲軸。 顏色與內容一致。 <br /></td></tr>
<tr class="separator:ga7f48136f949ccbde722dd93a6de4d0de"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gac1ef1cf6bf7cd0759ffa195071edb2a0" id="r_gac1ef1cf6bf7cd0759ffa195071edb2a0"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a> ()</td></tr>
<tr class="memdesc:gac1ef1cf6bf7cd0759ffa195071edb2a0"><td class="mdescLeft">&#160;</td><td class="mdescRight">在兩個元素之間繪製垂直或水平分隔線。 <br /></td></tr>
<tr class="separator:gac1ef1cf6bf7cd0759ffa195071edb2a0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga13cb559cfc7e409b3f211f0bb35ea7fa" id="r_ga13cb559cfc7e409b3f211f0bb35ea7fa"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga13cb559cfc7e409b3f211f0bb35ea7fa">separatorStyled</a> (<a class="el" href="#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> style)</td></tr>
<tr class="memdesc:ga13cb559cfc7e409b3f211f0bb35ea7fa"><td class="mdescLeft">&#160;</td><td class="mdescRight">在兩個元素之間繪製垂直或水平分隔線。 <br /></td></tr>
<tr class="separator:ga13cb559cfc7e409b3f211f0bb35ea7fa"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga37c2b93daf557f68064bc9fbf93ebde0" id="r_ga37c2b93daf557f68064bc9fbf93ebde0"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga37c2b93daf557f68064bc9fbf93ebde0">separatorLight</a> ()</td></tr>
<tr class="memdesc:ga37c2b93daf557f68064bc9fbf93ebde0"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用 LIGHT 樣式在兩個元素之間繪製垂直或水平分隔線。 <br /></td></tr>
<tr class="separator:ga37c2b93daf557f68064bc9fbf93ebde0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga81f2d3256c0cfbc70f820129286f08c6" id="r_ga81f2d3256c0cfbc70f820129286f08c6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga81f2d3256c0cfbc70f820129286f08c6">separatorDashed</a> ()</td></tr>
<tr class="memdesc:ga81f2d3256c0cfbc70f820129286f08c6"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用 DASHED 樣式在兩個元素之間繪製垂直或水平分隔線。 <br /></td></tr>
<tr class="separator:ga81f2d3256c0cfbc70f820129286f08c6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gaf0649e89a9960f1c2703e48c1817645b" id="r_gaf0649e89a9960f1c2703e48c1817645b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gaf0649e89a9960f1c2703e48c1817645b">separatorHeavy</a> ()</td></tr>
<tr class="memdesc:gaf0649e89a9960f1c2703e48c1817645b"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用 HEAVY 樣式在兩個元素之間繪製垂直或水平分隔線。 <br /></td></tr>
<tr class="separator:gaf0649e89a9960f1c2703e48c1817645b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gadd376830fdb51b0bf52672ef17515989" id="r_gadd376830fdb51b0bf52672ef17515989"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gadd376830fdb51b0bf52672ef17515989">separatorDouble</a> ()</td></tr>
<tr class="memdesc:gadd376830fdb51b0bf52672ef17515989"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用 DOUBLE 樣式在兩個元素之間繪製垂直或水平分隔線。 <br /></td></tr>
<tr class="separator:gadd376830fdb51b0bf52672ef17515989"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga1934703e56ab66f6f259b9f8da331f1b" id="r_ga1934703e56ab66f6f259b9f8da331f1b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga1934703e56ab66f6f259b9f8da331f1b">separatorEmpty</a> ()</td></tr>
<tr class="memdesc:ga1934703e56ab66f6f259b9f8da331f1b"><td class="mdescLeft">&#160;</td><td class="mdescRight">使用 EMPTY 樣式在兩個元素之間繪製垂直或水平分隔線。 <br /></td></tr>
<tr class="separator:ga1934703e56ab66f6f259b9f8da331f1b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga97a10482d591aade2958da0f2f19b371" id="r_ga97a10482d591aade2958da0f2f19b371"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga97a10482d591aade2958da0f2f19b371">separatorCharacter</a> (std::string value)</td></tr>
<tr class="memdesc:ga97a10482d591aade2958da0f2f19b371"><td class="mdescLeft">&#160;</td><td class="mdescRight">在兩個元素之間繪製垂直或水平分隔線。 <br /></td></tr>
<tr class="separator:ga97a10482d591aade2958da0f2f19b371"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga71d9a6a32f65b6d172f9696b3b9579b4" id="r_ga71d9a6a32f65b6d172f9696b3b9579b4"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga71d9a6a32f65b6d172f9696b3b9579b4">separator</a> (<a class="el" href="group__screen.html#structftxui_1_1Pixel">Pixel</a> pixel)</td></tr>
<tr class="memdesc:ga71d9a6a32f65b6d172f9696b3b9579b4"><td class="mdescLeft">&#160;</td><td class="mdescRight">在兩個元素之間繪製一個由給定像素填充的分隔線。 <br /></td></tr>
<tr class="separator:ga71d9a6a32f65b6d172f9696b3b9579b4"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga201220986fbdc539e42efe067985cbdb" id="r_ga201220986fbdc539e42efe067985cbdb"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga201220986fbdc539e42efe067985cbdb">size</a> (<a class="el" href="namespaceftxui.html#a04711c04f28aabfa0e5928a35baaec53">WidthOrHeight</a> direction, <a class="el" href="namespaceftxui.html#ae09f44b989d381a387329fd0a0935926">Constraint</a> constraint, int value)</td></tr>
<tr class="memdesc:ga201220986fbdc539e42efe067985cbdb"><td class="mdescLeft">&#160;</td><td class="mdescRight">限制元素的大小。 <br /></td></tr>
<tr class="separator:ga201220986fbdc539e42efe067985cbdb"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga3b08e0030a0831d3ec3e2a505908273b" id="r_ga3b08e0030a0831d3ec3e2a505908273b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga3b08e0030a0831d3ec3e2a505908273b">spinner</a> (int charset_index, size_t image_index)</td></tr>
<tr class="memdesc:ga3b08e0030a0831d3ec3e2a505908273b"><td class="mdescLeft">&#160;</td><td class="mdescRight">用於表示時間和/或事件的效果。這將顯示 一個 ASCII 藝術「影片」。 <br /></td></tr>
<tr class="separator:ga3b08e0030a0831d3ec3e2a505908273b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga8594d70f0491def903370e86132fbf01" id="r_ga8594d70f0491def903370e86132fbf01"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga8594d70f0491def903370e86132fbf01">strikethrough</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga8594d70f0491def903370e86132fbf01"><td class="mdescLeft">&#160;</td><td class="mdescRight">對文字應用刪除線。 <br /></td></tr>
<tr class="separator:ga8594d70f0491def903370e86132fbf01"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga366051704fd333c23460f7932598a5e3" id="r_ga366051704fd333c23460f7932598a5e3"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga366051704fd333c23460f7932598a5e3">text</a> (std::string text)</td></tr>
<tr class="memdesc:ga366051704fd333c23460f7932598a5e3"><td class="mdescLeft">&#160;</td><td class="mdescRight">顯示一段 UTF8 編碼的 Unicode 文字。 <br /></td></tr>
<tr class="separator:ga366051704fd333c23460f7932598a5e3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga75baaa2734ed76a9f478beaafa87ae57" id="r_ga75baaa2734ed76a9f478beaafa87ae57"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a> (std::wstring text)</td></tr>
<tr class="memdesc:ga75baaa2734ed76a9f478beaafa87ae57"><td class="mdescLeft">&#160;</td><td class="mdescRight">顯示一段 Unicode 文字。 <br /></td></tr>
<tr class="separator:ga75baaa2734ed76a9f478beaafa87ae57"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga64172a43b4b526afeb6313e6e1a6d5a1" id="r_ga64172a43b4b526afeb6313e6e1a6d5a1"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga64172a43b4b526afeb6313e6e1a6d5a1">vtext</a> (std::string text)</td></tr>
<tr class="memdesc:ga64172a43b4b526afeb6313e6e1a6d5a1"><td class="mdescLeft">&#160;</td><td class="mdescRight">垂直顯示一段 Unicode 文字。 <br /></td></tr>
<tr class="separator:ga64172a43b4b526afeb6313e6e1a6d5a1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga9f9f7485a45aa9d432726ca9845d1eac" id="r_ga9f9f7485a45aa9d432726ca9845d1eac"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga9f9f7485a45aa9d432726ca9845d1eac">vtext</a> (std::wstring text)</td></tr>
<tr class="memdesc:ga9f9f7485a45aa9d432726ca9845d1eac"><td class="mdescLeft">&#160;</td><td class="mdescRight">垂直顯示一段 Unicode 文字。 <br /></td></tr>
<tr class="separator:ga9f9f7485a45aa9d432726ca9845d1eac"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga5ad450c97c4d084b64ffb5b5ca942664" id="r_ga5ad450c97c4d084b64ffb5b5ca942664"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga5ad450c97c4d084b64ffb5b5ca942664">underlined</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga5ad450c97c4d084b64ffb5b5ca942664"><td class="mdescLeft">&#160;</td><td class="mdescRight">為給定元素加上底線。 <br /></td></tr>
<tr class="separator:ga5ad450c97c4d084b64ffb5b5ca942664"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga16d1b74107610750276499ddb3dde8da" id="r_ga16d1b74107610750276499ddb3dde8da"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga16d1b74107610750276499ddb3dde8da">underlinedDouble</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ga16d1b74107610750276499ddb3dde8da"><td class="mdescLeft">&#160;</td><td class="mdescRight">對文字應用雙底線。 <br /></td></tr>
<tr class="separator:ga16d1b74107610750276499ddb3dde8da"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga1bfd3885ac8b40dc82a1103725003c07" id="r_ga1bfd3885ac8b40dc82a1103725003c07"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga1bfd3885ac8b40dc82a1103725003c07">nothing</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> element)</td></tr>
<tr class="memdesc:ga1bfd3885ac8b40dc82a1103725003c07"><td class="mdescLeft">&#160;</td><td class="mdescRight">一個什麼都不做的裝飾器。 <br /></td></tr>
<tr class="separator:ga1bfd3885ac8b40dc82a1103725003c07"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga027fbc9cf6fef9e86ae6a2a79e8bf23a" id="r_ga027fbc9cf6fef9e86ae6a2a79e8bf23a"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga027fbc9cf6fef9e86ae6a2a79e8bf23a">operator|</a> (<a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> a, <a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> b)</td></tr>
<tr class="memdesc:ga027fbc9cf6fef9e86ae6a2a79e8bf23a"><td class="mdescLeft">&#160;</td><td class="mdescRight">將兩個裝飾器組合為一個。 <br /></td></tr>
<tr class="separator:ga027fbc9cf6fef9e86ae6a2a79e8bf23a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga6cbc84eb24a655ae084b3c7d26f9abfc" id="r_ga6cbc84eb24a655ae084b3c7d26f9abfc"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga6cbc84eb24a655ae084b3c7d26f9abfc">operator|</a> (<a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> elements, <a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> decorator)</td></tr>
<tr class="memdesc:ga6cbc84eb24a655ae084b3c7d26f9abfc"><td class="mdescLeft">&#160;</td><td class="mdescRight">從一組元素中,對每個元素應用一個裝飾器。 <br /></td></tr>
<tr class="separator:ga6cbc84eb24a655ae084b3c7d26f9abfc"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga7e9a69f0592b4013bd725d662f4a76e7" id="r_ga7e9a69f0592b4013bd725d662f4a76e7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga7e9a69f0592b4013bd725d662f4a76e7">operator|</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> element, <a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> decorator)</td></tr>
<tr class="memdesc:ga7e9a69f0592b4013bd725d662f4a76e7"><td class="mdescLeft">&#160;</td><td class="mdescRight">從一個元素中,應用一個裝飾器。 <br /></td></tr>
<tr class="separator:ga7e9a69f0592b4013bd725d662f4a76e7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga0be26ac5dcbe6c707857c791d8eec720" id="r_ga0be26ac5dcbe6c707857c791d8eec720"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga0be26ac5dcbe6c707857c791d8eec720">operator|=</a> (<a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &amp;e, <a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> d)</td></tr>
<tr class="memdesc:ga0be26ac5dcbe6c707857c791d8eec720"><td class="mdescLeft">&#160;</td><td class="mdescRight">對元素應用一個裝飾器。 <br /></td></tr>
<tr class="separator:ga0be26ac5dcbe6c707857c791d8eec720"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga40451515a5b3049e7a1276cad8b9356c" id="r_ga40451515a5b3049e7a1276cad8b9356c"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga40451515a5b3049e7a1276cad8b9356c">emptyElement</a> ()</td></tr>
<tr class="separator:ga40451515a5b3049e7a1276cad8b9356c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:gafd28058f0ccbbdf34691a85a7cc9b2e3" id="r_gafd28058f0ccbbdf34691a85a7cc9b2e3"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a> (<a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children)</td></tr>
<tr class="memdesc:gafd28058f0ccbbdf34691a85a7cc9b2e3"><td class="mdescLeft">&#160;</td><td class="mdescRight">一個垂直一個接一個顯示元素的容器。 <br /></td></tr>
<tr class="separator:gafd28058f0ccbbdf34691a85a7cc9b2e3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ga65945a706131f407a47a1b9960dc1a4a" id="r_ga65945a706131f407a47a1b9960dc1a4a"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ga65945a706131f407a47a1b9960dc1a4a">SetColorSupport</a> (<a class="el" href="group__screen.html#gab87bacfdad76e61b9412d7124be44c1c">Color</a> color)</td></tr>
<tr class="memdesc:ga65945a706131f407a47a1b9960dc1a4a"><td class="mdescLeft">&#160;</td><td class="mdescRight">在自動偵測失敗時覆寫終端機顏色支援 <br /></td></tr>
<tr class="separator:ga65945a706131f407a47a1b9960dc1a4a"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<hr/><h2 class="groupheader">Class Documentation</h2>
<a name="structftxui_1_1Canvas" id="structftxui_1_1Canvas"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1Canvas">&#9670;&#160;</a></span>ftxui::Canvas</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::Canvas</td>
</tr>
</table>
</div><div class="memdoc">
<div class="textblock"><p>畫布是與繪圖操作相關聯的可繪製緩衝區。 </p>
<p>畫布是一個可繪製區域,可用於創建複雜的圖形。它支援使用 盲文、塊狀或普通字符繪製點、線條、圓形、橢圓、文本和圖像。</p>
<p>注意:終端包含單元格。一個單元格的單位是:</p><ul>
<li>2x4 盲文字符 (1x1 像素)</li>
<li>2x2 塊狀字符 (2x2 像素)</li>
<li>2x4 普通字符 (2x4 像素)</li>
</ul>
<p>您需要將 x 座標乘以 2將 y 座標乘以 4才能在終端中獲得正確的位置。 </p>
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2canvas_animated_8cpp-example.html#_a1">examples/component/canvas_animated.cpp</a>, and <a class="el" href="examples_2dom_2canvas_8cpp-example.html#_a1">examples/dom/canvas.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="canvas_8hpp_source.html#l00035">35</a> of file <a class="el" href="canvas_8hpp_source.html">canvas.hpp</a>.</p>
</div><table class="memberdecls">
<tr><td colspan="2"><h3>Public Types</h3></td></tr>
<tr class="memitem:a407f299e079846ce6169f2a709ad4aae" id="r_a407f299e079846ce6169f2a709ad4aae"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> = std::function&lt;void(<a class="el" href="group__screen.html#structftxui_1_1Pixel">Pixel</a>&amp;)&gt;</td></tr>
<tr class="separator:a407f299e079846ce6169f2a709ad4aae"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr><td colspan="2"><h3>Public Member Functions</h3></td></tr>
<tr class="memitem:a3cbcd839ac8597df2e0f351850ec4735" id="r_a3cbcd839ac8597df2e0f351850ec4735"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a3cbcd839ac8597df2e0f351850ec4735">Canvas</a> ()=default</td></tr>
<tr class="separator:a3cbcd839ac8597df2e0f351850ec4735"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6a78dda2095054ffa03f215f0153bdbb" id="r_a6a78dda2095054ffa03f215f0153bdbb"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6a78dda2095054ffa03f215f0153bdbb">Canvas</a> (int <a class="el" href="#ad72663daf610f2a0833a2fc3d78e4fdf">width</a>, int <a class="el" href="#ad3774f6419003470f54fd495124ef51f">height</a>)</td></tr>
<tr class="memdesc:a6a78dda2095054ffa03f215f0153bdbb"><td class="mdescLeft">&#160;</td><td class="mdescRight">建構函式。 <br /></td></tr>
<tr class="separator:a6a78dda2095054ffa03f215f0153bdbb"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad72663daf610f2a0833a2fc3d78e4fdf" id="r_ad72663daf610f2a0833a2fc3d78e4fdf"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad72663daf610f2a0833a2fc3d78e4fdf">width</a> () const</td></tr>
<tr class="separator:ad72663daf610f2a0833a2fc3d78e4fdf"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad3774f6419003470f54fd495124ef51f" id="r_ad3774f6419003470f54fd495124ef51f"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad3774f6419003470f54fd495124ef51f">height</a> () const</td></tr>
<tr class="separator:ad3774f6419003470f54fd495124ef51f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a656c4e679bf9254e4688f2049989a9bd" id="r_a656c4e679bf9254e4688f2049989a9bd"><td class="memItemLeft" align="right" valign="top"><a class="el" href="group__screen.html#structftxui_1_1Pixel">Pixel</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a656c4e679bf9254e4688f2049989a9bd">GetPixel</a> (int x, int y) const</td></tr>
<tr class="memdesc:a656c4e679bf9254e4688f2049989a9bd"><td class="mdescLeft">&#160;</td><td class="mdescRight">取得單元格的內容。 <br /></td></tr>
<tr class="separator:a656c4e679bf9254e4688f2049989a9bd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5f488ea43e72f25cc25d055bf18dac5b" id="r_a5f488ea43e72f25cc25d055bf18dac5b"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5f488ea43e72f25cc25d055bf18dac5b">DrawPointOn</a> (int x, int y)</td></tr>
<tr class="memdesc:a5f488ea43e72f25cc25d055bf18dac5b"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個盲文點。 <br /></td></tr>
<tr class="separator:a5f488ea43e72f25cc25d055bf18dac5b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a64ad8a12830a3341d4a5afb380913474" id="r_a64ad8a12830a3341d4a5afb380913474"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a64ad8a12830a3341d4a5afb380913474">DrawPointOff</a> (int x, int y)</td></tr>
<tr class="memdesc:a64ad8a12830a3341d4a5afb380913474"><td class="mdescLeft">&#160;</td><td class="mdescRight">擦除一個盲文點。 <br /></td></tr>
<tr class="separator:a64ad8a12830a3341d4a5afb380913474"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:afd64176f05f91df2d96e8f3bb0631c51" id="r_afd64176f05f91df2d96e8f3bb0631c51"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#afd64176f05f91df2d96e8f3bb0631c51">DrawPointToggle</a> (int x, int y)</td></tr>
<tr class="memdesc:afd64176f05f91df2d96e8f3bb0631c51"><td class="mdescLeft">&#160;</td><td class="mdescRight">切換一個盲文點。如果它已填滿,將被擦除;如果為空,則繪製它。 <br /></td></tr>
<tr class="separator:afd64176f05f91df2d96e8f3bb0631c51"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8707f2585ed8b787b6b14032a5c761a1" id="r_a8707f2585ed8b787b6b14032a5c761a1"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a8707f2585ed8b787b6b14032a5c761a1">DrawPoint</a> (int x, int y, bool value)</td></tr>
<tr class="memdesc:a8707f2585ed8b787b6b14032a5c761a1"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個盲文點。 <br /></td></tr>
<tr class="separator:a8707f2585ed8b787b6b14032a5c761a1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a356677acf431f88673b59526f290eb0c" id="r_a356677acf431f88673b59526f290eb0c"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a356677acf431f88673b59526f290eb0c">DrawPoint</a> (int x, int y, bool value, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="memdesc:a356677acf431f88673b59526f290eb0c"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個盲文點。 <br /></td></tr>
<tr class="separator:a356677acf431f88673b59526f290eb0c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab89d4e0bd8bf78ba40dde08cd5779fa7" id="r_ab89d4e0bd8bf78ba40dde08cd5779fa7"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab89d4e0bd8bf78ba40dde08cd5779fa7">DrawPoint</a> (int x, int y, bool value, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="memdesc:ab89d4e0bd8bf78ba40dde08cd5779fa7"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個盲文點。 <br /></td></tr>
<tr class="separator:ab89d4e0bd8bf78ba40dde08cd5779fa7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a2b6800c9a6a93457a921d9b570fb2f30" id="r_a2b6800c9a6a93457a921d9b570fb2f30"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2b6800c9a6a93457a921d9b570fb2f30">DrawPointLine</a> (int x1, int y1, int x2, int y2)</td></tr>
<tr class="memdesc:a2b6800c9a6a93457a921d9b570fb2f30"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一條由盲文點組成的線條。 <br /></td></tr>
<tr class="separator:a2b6800c9a6a93457a921d9b570fb2f30"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a4eb34a7688220b3b8ad274ff9d0f3649" id="r_a4eb34a7688220b3b8ad274ff9d0f3649"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a4eb34a7688220b3b8ad274ff9d0f3649">DrawPointLine</a> (int x1, int y1, int x2, int y2, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="memdesc:a4eb34a7688220b3b8ad274ff9d0f3649"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一條由盲文點組成的線條。 <br /></td></tr>
<tr class="separator:a4eb34a7688220b3b8ad274ff9d0f3649"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6a3d2396239afce89f1cda3c69665095" id="r_a6a3d2396239afce89f1cda3c69665095"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6a3d2396239afce89f1cda3c69665095">DrawPointLine</a> (int x1, int y1, int x2, int y2, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="memdesc:a6a3d2396239afce89f1cda3c69665095"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一條由盲文點組成的線條。 <br /></td></tr>
<tr class="separator:a6a3d2396239afce89f1cda3c69665095"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad21641f8f1fd60aa5f1d149379eba3eb" id="r_ad21641f8f1fd60aa5f1d149379eba3eb"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad21641f8f1fd60aa5f1d149379eba3eb">DrawPointCircle</a> (int x, int y, int radius)</td></tr>
<tr class="memdesc:ad21641f8f1fd60aa5f1d149379eba3eb"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個由盲文點組成的圓形。 <br /></td></tr>
<tr class="separator:ad21641f8f1fd60aa5f1d149379eba3eb"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a644133eccde18caeaf06e5b7fdb5ef51" id="r_a644133eccde18caeaf06e5b7fdb5ef51"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a644133eccde18caeaf06e5b7fdb5ef51">DrawPointCircle</a> (int x, int y, int radius, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="memdesc:a644133eccde18caeaf06e5b7fdb5ef51"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個由盲文點組成的圓形。 <br /></td></tr>
<tr class="separator:a644133eccde18caeaf06e5b7fdb5ef51"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:adcc98793cdb931c3438b5ec35ed7a0dd" id="r_adcc98793cdb931c3438b5ec35ed7a0dd"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#adcc98793cdb931c3438b5ec35ed7a0dd">DrawPointCircle</a> (int x, int y, int radius, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="memdesc:adcc98793cdb931c3438b5ec35ed7a0dd"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個由盲文點組成的圓形。 <br /></td></tr>
<tr class="separator:adcc98793cdb931c3438b5ec35ed7a0dd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5b6388d2515edcfb6c88a39ea56805b2" id="r_a5b6388d2515edcfb6c88a39ea56805b2"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5b6388d2515edcfb6c88a39ea56805b2">DrawPointCircleFilled</a> (int x, int y, int radius)</td></tr>
<tr class="separator:a5b6388d2515edcfb6c88a39ea56805b2"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af7a213e8dbed8debae0155f1b707fd74" id="r_af7a213e8dbed8debae0155f1b707fd74"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af7a213e8dbed8debae0155f1b707fd74">DrawPointCircleFilled</a> (int x, int y, int radius, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="separator:af7a213e8dbed8debae0155f1b707fd74"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:adace7c348090660c1a6a5fffce18b7d2" id="r_adace7c348090660c1a6a5fffce18b7d2"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#adace7c348090660c1a6a5fffce18b7d2">DrawPointCircleFilled</a> (int x, int y, int radius, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="memdesc:adace7c348090660c1a6a5fffce18b7d2"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個由盲文點組成的實心圓形。 <br /></td></tr>
<tr class="separator:adace7c348090660c1a6a5fffce18b7d2"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a79ee88b3cfe258309041469f707dcf68" id="r_a79ee88b3cfe258309041469f707dcf68"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a79ee88b3cfe258309041469f707dcf68">DrawPointEllipse</a> (int x, int y, int r1, int r2)</td></tr>
<tr class="memdesc:a79ee88b3cfe258309041469f707dcf68"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個由盲文點組成的橢圓。 <br /></td></tr>
<tr class="separator:a79ee88b3cfe258309041469f707dcf68"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6926683a29ff97d77e40ae533bb51eed" id="r_a6926683a29ff97d77e40ae533bb51eed"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6926683a29ff97d77e40ae533bb51eed">DrawPointEllipse</a> (int x, int y, int r1, int r2, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="memdesc:a6926683a29ff97d77e40ae533bb51eed"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個由盲文點組成的橢圓。 <br /></td></tr>
<tr class="separator:a6926683a29ff97d77e40ae533bb51eed"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:acdafc386934cf7e11b529c0c38b788a3" id="r_acdafc386934cf7e11b529c0c38b788a3"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#acdafc386934cf7e11b529c0c38b788a3">DrawPointEllipse</a> (int x, int y, int r1, int r2, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="separator:acdafc386934cf7e11b529c0c38b788a3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a2633b8a556a82c74438fe41b253b39ee" id="r_a2633b8a556a82c74438fe41b253b39ee"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2633b8a556a82c74438fe41b253b39ee">DrawPointEllipseFilled</a> (int x, int y, int r1, int r2)</td></tr>
<tr class="separator:a2633b8a556a82c74438fe41b253b39ee"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a395ec10a91d15be650afddcb85757945" id="r_a395ec10a91d15be650afddcb85757945"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a395ec10a91d15be650afddcb85757945">DrawPointEllipseFilled</a> (int x, int y, int r1, int r2, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="separator:a395ec10a91d15be650afddcb85757945"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a22ec58bdf5a3578ce68c52ace9324fb6" id="r_a22ec58bdf5a3578ce68c52ace9324fb6"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a22ec58bdf5a3578ce68c52ace9324fb6">DrawPointEllipseFilled</a> (int x, int y, int r1, int r2, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="separator:a22ec58bdf5a3578ce68c52ace9324fb6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad626747e5e54412d0376ba870565dce6" id="r_ad626747e5e54412d0376ba870565dce6"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad626747e5e54412d0376ba870565dce6">DrawBlockOff</a> (int x, int y)</td></tr>
<tr class="memdesc:ad626747e5e54412d0376ba870565dce6"><td class="mdescLeft">&#160;</td><td class="mdescRight">擦除一個區塊。 <br /></td></tr>
<tr class="separator:ad626747e5e54412d0376ba870565dce6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab4154641384d18497de60c2626b71a94" id="r_ab4154641384d18497de60c2626b71a94"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab4154641384d18497de60c2626b71a94">DrawBlockToggle</a> (int x, int y)</td></tr>
<tr class="memdesc:ab4154641384d18497de60c2626b71a94"><td class="mdescLeft">&#160;</td><td class="mdescRight">切換一個區塊。如果它已填滿,將被擦除;如果為空,將被填滿。 <br /></td></tr>
<tr class="separator:ab4154641384d18497de60c2626b71a94"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae38b2e4f5bcda94c060bb77779d1e339" id="r_ae38b2e4f5bcda94c060bb77779d1e339"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae38b2e4f5bcda94c060bb77779d1e339">DrawBlock</a> (int x, int y, bool value)</td></tr>
<tr class="memdesc:ae38b2e4f5bcda94c060bb77779d1e339"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個區塊。 <br /></td></tr>
<tr class="separator:ae38b2e4f5bcda94c060bb77779d1e339"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a0a51b12eb4089c9a3afb8d3052599b98" id="r_a0a51b12eb4089c9a3afb8d3052599b98"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a0a51b12eb4089c9a3afb8d3052599b98">DrawBlock</a> (int x, int y, bool value, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="separator:a0a51b12eb4089c9a3afb8d3052599b98"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab5717755b773771ef642e9e774dbb1a0" id="r_ab5717755b773771ef642e9e774dbb1a0"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab5717755b773771ef642e9e774dbb1a0">DrawBlock</a> (int x, int y, bool value, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="memdesc:ab5717755b773771ef642e9e774dbb1a0"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個區塊。 <br /></td></tr>
<tr class="separator:ab5717755b773771ef642e9e774dbb1a0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a182a915a7e3fc863f5c222253de01ff1" id="r_a182a915a7e3fc863f5c222253de01ff1"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a182a915a7e3fc863f5c222253de01ff1">DrawBlockLine</a> (int x1, int y1, int x2, int y2)</td></tr>
<tr class="memdesc:a182a915a7e3fc863f5c222253de01ff1"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一條由區塊字元組成的線條。 <br /></td></tr>
<tr class="separator:a182a915a7e3fc863f5c222253de01ff1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a2911f015b5085dd2f74a4f88910eabe3" id="r_a2911f015b5085dd2f74a4f88910eabe3"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2911f015b5085dd2f74a4f88910eabe3">DrawBlockLine</a> (int x1, int y1, int x2, int y2, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="separator:a2911f015b5085dd2f74a4f88910eabe3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8543417c0289090a5eefb2d6fcd521fc" id="r_a8543417c0289090a5eefb2d6fcd521fc"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a8543417c0289090a5eefb2d6fcd521fc">DrawBlockLine</a> (int x1, int y1, int x2, int y2, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="memdesc:a8543417c0289090a5eefb2d6fcd521fc"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一條由區塊字元組成的線條。 <br /></td></tr>
<tr class="separator:a8543417c0289090a5eefb2d6fcd521fc"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac3977d4b06ca96ff799a3b72437c8a0b" id="r_ac3977d4b06ca96ff799a3b72437c8a0b"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac3977d4b06ca96ff799a3b72437c8a0b">DrawBlockCircle</a> (int x1, int y1, int radius)</td></tr>
<tr class="separator:ac3977d4b06ca96ff799a3b72437c8a0b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a685bec108334c6a43ceb5ca8a0666cd7" id="r_a685bec108334c6a43ceb5ca8a0666cd7"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a685bec108334c6a43ceb5ca8a0666cd7">DrawBlockCircle</a> (int x1, int y1, int radius, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="separator:a685bec108334c6a43ceb5ca8a0666cd7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab2bf509dc9519bd9f76a7721b5b152bf" id="r_ab2bf509dc9519bd9f76a7721b5b152bf"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab2bf509dc9519bd9f76a7721b5b152bf">DrawBlockCircle</a> (int x1, int y1, int radius, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="separator:ab2bf509dc9519bd9f76a7721b5b152bf"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:acffdcd5bae224992e155facb0baf4119" id="r_acffdcd5bae224992e155facb0baf4119"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#acffdcd5bae224992e155facb0baf4119">DrawBlockCircleFilled</a> (int x1, int y1, int radius)</td></tr>
<tr class="separator:acffdcd5bae224992e155facb0baf4119"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a60a31c3685d296333e594feb8ec04c48" id="r_a60a31c3685d296333e594feb8ec04c48"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a60a31c3685d296333e594feb8ec04c48">DrawBlockCircleFilled</a> (int x1, int y1, int radius, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="separator:a60a31c3685d296333e594feb8ec04c48"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a70cd877698afe354ca070c6b93ef3847" id="r_a70cd877698afe354ca070c6b93ef3847"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a70cd877698afe354ca070c6b93ef3847">DrawBlockCircleFilled</a> (int x1, int y1, int radius, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="separator:a70cd877698afe354ca070c6b93ef3847"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8dd75f2dfc5bef37aa2c8bc8cfaf0579" id="r_a8dd75f2dfc5bef37aa2c8bc8cfaf0579"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a8dd75f2dfc5bef37aa2c8bc8cfaf0579">DrawBlockEllipse</a> (int x1, int y1, int r1, int r2)</td></tr>
<tr class="separator:a8dd75f2dfc5bef37aa2c8bc8cfaf0579"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac53509c067c979cc6ec766b4db8e6e2c" id="r_ac53509c067c979cc6ec766b4db8e6e2c"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac53509c067c979cc6ec766b4db8e6e2c">DrawBlockEllipse</a> (int x1, int y1, int r1, int r2, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="memdesc:ac53509c067c979cc6ec766b4db8e6e2c"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個由區塊字元組成的橢圓。 <br /></td></tr>
<tr class="separator:ac53509c067c979cc6ec766b4db8e6e2c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a0916ab1d55ac16c158571d135893e88a" id="r_a0916ab1d55ac16c158571d135893e88a"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a0916ab1d55ac16c158571d135893e88a">DrawBlockEllipse</a> (int x1, int y1, int r1, int r2, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="separator:a0916ab1d55ac16c158571d135893e88a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a78dc3c908f7ce1c30837bd3043f19526" id="r_a78dc3c908f7ce1c30837bd3043f19526"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a78dc3c908f7ce1c30837bd3043f19526">DrawBlockEllipseFilled</a> (int x1, int y1, int r1, int r2)</td></tr>
<tr class="separator:a78dc3c908f7ce1c30837bd3043f19526"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa3f717282aab0cee9835503ef1eb6f1b" id="r_aa3f717282aab0cee9835503ef1eb6f1b"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aa3f717282aab0cee9835503ef1eb6f1b">DrawBlockEllipseFilled</a> (int x1, int y1, int r1, int r2, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;s)</td></tr>
<tr class="memdesc:aa3f717282aab0cee9835503ef1eb6f1b"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個由區塊字元組成的實心橢圓。 <br /></td></tr>
<tr class="separator:aa3f717282aab0cee9835503ef1eb6f1b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a616781dd82158e306ebf71d87283e6f8" id="r_a616781dd82158e306ebf71d87283e6f8"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a616781dd82158e306ebf71d87283e6f8">DrawBlockEllipseFilled</a> (int x1, int y1, int r1, int r2, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="separator:a616781dd82158e306ebf71d87283e6f8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a389991302f9a1d5554eff24b48d6b6ec" id="r_a389991302f9a1d5554eff24b48d6b6ec"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a389991302f9a1d5554eff24b48d6b6ec">DrawText</a> (int x, int y, const std::string &amp;value, const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;color)</td></tr>
<tr class="memdesc:a389991302f9a1d5554eff24b48d6b6ec"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一段文字。 <br /></td></tr>
<tr class="separator:a389991302f9a1d5554eff24b48d6b6ec"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a648ed3b48973ac1dc58ca22d54ecf6af" id="r_a648ed3b48973ac1dc58ca22d54ecf6af"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a648ed3b48973ac1dc58ca22d54ecf6af">DrawText</a> (int x, int y, const std::string &amp;value, const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;style)</td></tr>
<tr class="memdesc:a648ed3b48973ac1dc58ca22d54ecf6af"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一段文字。 <br /></td></tr>
<tr class="separator:a648ed3b48973ac1dc58ca22d54ecf6af"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a02b6e8bab532a2c43d3102674e1e1647" id="r_a02b6e8bab532a2c43d3102674e1e1647"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a02b6e8bab532a2c43d3102674e1e1647">DrawImage</a> (int x, int y, const <a class="el" href="group__screen.html#classftxui_1_1Image">Image</a> &amp;)</td></tr>
<tr class="memdesc:a02b6e8bab532a2c43d3102674e1e1647"><td class="mdescLeft">&#160;</td><td class="mdescRight">繪製一個預定義的圖像,左上角位於給定座標。 您可以提供負座標來隨意對齊圖像 - 只會繪製「可見」部分。 <br /></td></tr>
<tr class="separator:a02b6e8bab532a2c43d3102674e1e1647"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<h4 class="groupheader">Member Typedef Documentation</h4>
<a id="a407f299e079846ce6169f2a709ad4aae" name="a407f299e079846ce6169f2a709ad4aae"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a407f299e079846ce6169f2a709ad4aae">&#9670;&#160;</a></span>Stylizer</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> = std::function&lt;void(<a class="el" href="group__screen.html#structftxui_1_1Pixel">Pixel</a>&amp;)&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="canvas_8hpp_source.html#l00045">45</a> of file <a class="el" href="canvas_8hpp_source.html">canvas.hpp</a>.</p>
</div>
</div>
<h4 class="groupheader">Constructor &amp; Destructor Documentation</h4>
<a id="a3cbcd839ac8597df2e0f351850ec4735" name="a3cbcd839ac8597df2e0f351850ec4735"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3cbcd839ac8597df2e0f351850ec4735">&#9670;&#160;</a></span>Canvas() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1Canvas">Canvas</a> </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">default</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a6a78dda2095054ffa03f215f0153bdbb" name="a6a78dda2095054ffa03f215f0153bdbb"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6a78dda2095054ffa03f215f0153bdbb">&#9670;&#160;</a></span>Canvas() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1Canvas">Canvas</a> </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>width</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>height</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>建構函式。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">width</td><td>畫布的寬度。一個單元格是 2x4 的盲文點。 </td></tr>
<tr><td class="paramname">height</td><td>畫布的高度。一個單元格是 2x4 的盲文點。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00089">89</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<h4 class="groupheader">Member Function Documentation</h4>
<a id="ad72663daf610f2a0833a2fc3d78e4fdf" name="ad72663daf610f2a0833a2fc3d78e4fdf"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad72663daf610f2a0833a2fc3d78e4fdf">&#9670;&#160;</a></span>width()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">int width </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td> const</td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">inline</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="canvas_8hpp_source.html#l00041">41</a> of file <a class="el" href="canvas_8hpp_source.html">canvas.hpp</a>.</p>
</div>
</div>
<a id="ad3774f6419003470f54fd495124ef51f" name="ad3774f6419003470f54fd495124ef51f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad3774f6419003470f54fd495124ef51f">&#9670;&#160;</a></span>height()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">int height </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td> const</td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">inline</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="canvas_8hpp_source.html#l00042">42</a> of file <a class="el" href="canvas_8hpp_source.html">canvas.hpp</a>.</p>
</div>
</div>
<a id="a656c4e679bf9254e4688f2049989a9bd" name="a656c4e679bf9254e4688f2049989a9bd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a656c4e679bf9254e4688f2049989a9bd">&#9670;&#160;</a></span>GetPixel()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="group__screen.html#structftxui_1_1Pixel">Pixel</a> GetPixel </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>&#160;) const</td>
</tr>
</table>
</div><div class="memdoc">
<p>取得單元格的內容。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>單元格的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>單元格的 y 座標。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00097">97</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a5f488ea43e72f25cc25d055bf18dac5b" name="a5f488ea43e72f25cc25d055bf18dac5b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5f488ea43e72f25cc25d055bf18dac5b">&#9670;&#160;</a></span>DrawPointOn()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointOn </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個盲文點。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>點的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>點的 y 座標。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00136">136</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a64ad8a12830a3341d4a5afb380913474" name="a64ad8a12830a3341d4a5afb380913474"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a64ad8a12830a3341d4a5afb380913474">&#9670;&#160;</a></span>DrawPointOff()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointOff </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>擦除一個盲文點。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>點的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>點的 y 座標。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00153">153</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="afd64176f05f91df2d96e8f3bb0631c51" name="afd64176f05f91df2d96e8f3bb0631c51"></a>
<h2 class="memtitle"><span class="permalink"><a href="#afd64176f05f91df2d96e8f3bb0631c51">&#9670;&#160;</a></span>DrawPointToggle()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointToggle </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>切換一個盲文點。如果它已填滿,將被擦除;如果為空,則繪製它。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>點的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>點的 y 座標。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00170">170</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a8707f2585ed8b787b6b14032a5c761a1" name="a8707f2585ed8b787b6b14032a5c761a1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8707f2585ed8b787b6b14032a5c761a1">&#9670;&#160;</a></span>DrawPoint() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPoint </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">bool</td> <td class="paramname"><span class="paramname"><em>value</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個盲文點。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>點的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>點的 y 座標。 </td></tr>
<tr><td class="paramname">value</td><td>點是否填滿。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00106">106</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a356677acf431f88673b59526f290eb0c" name="a356677acf431f88673b59526f290eb0c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a356677acf431f88673b59526f290eb0c">&#9670;&#160;</a></span>DrawPoint() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPoint </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">bool</td> <td class="paramname"><span class="paramname"><em>value</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>style</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個盲文點。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>點的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>點的 y 座標。 </td></tr>
<tr><td class="paramname">value</td><td>點是否填滿。 </td></tr>
<tr><td class="paramname">style</td><td>單元格的樣式。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00124">124</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="ab89d4e0bd8bf78ba40dde08cd5779fa7" name="ab89d4e0bd8bf78ba40dde08cd5779fa7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab89d4e0bd8bf78ba40dde08cd5779fa7">&#9670;&#160;</a></span>DrawPoint() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPoint </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">bool</td> <td class="paramname"><span class="paramname"><em>value</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個盲文點。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>點的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>點的 y 座標。 </td></tr>
<tr><td class="paramname">value</td><td>點是否填滿。 </td></tr>
<tr><td class="paramname">color</td><td>點的顏色。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00115">115</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a2b6800c9a6a93457a921d9b570fb2f30" name="a2b6800c9a6a93457a921d9b570fb2f30"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2b6800c9a6a93457a921d9b570fb2f30">&#9670;&#160;</a></span>DrawPointLine() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointLine </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y2</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一條由盲文點組成的線條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x1</td><td>第一個點的 x 座標。 </td></tr>
<tr><td class="paramname">y1</td><td>第一個點的 y 座標。 </td></tr>
<tr><td class="paramname">x2</td><td>第二個點的 x 座標。 </td></tr>
<tr><td class="paramname">y2</td><td>第二個點的 y 座標。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00189">189</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a4eb34a7688220b3b8ad274ff9d0f3649" name="a4eb34a7688220b3b8ad274ff9d0f3649"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4eb34a7688220b3b8ad274ff9d0f3649">&#9670;&#160;</a></span>DrawPointLine() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointLine </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>style</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一條由盲文點組成的線條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x1</td><td>第一個點的 x 座標。 </td></tr>
<tr><td class="paramname">y1</td><td>第一個點的 y 座標。 </td></tr>
<tr><td class="paramname">x2</td><td>第二個點的 x 座標。 </td></tr>
<tr><td class="paramname">y2</td><td>第二個點的 y 座標。 </td></tr>
<tr><td class="paramname">style</td><td>線條的樣式。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00210">210</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a6a3d2396239afce89f1cda3c69665095" name="a6a3d2396239afce89f1cda3c69665095"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6a3d2396239afce89f1cda3c69665095">&#9670;&#160;</a></span>DrawPointLine() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointLine </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一條由盲文點組成的線條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x1</td><td>第一個點的 x 座標。 </td></tr>
<tr><td class="paramname">y1</td><td>第一個點的 y 座標。 </td></tr>
<tr><td class="paramname">x2</td><td>第二個點的 x 座標。 </td></tr>
<tr><td class="paramname">y2</td><td>第二個點的 y 座標。 </td></tr>
<tr><td class="paramname">color</td><td>線條的顏色。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00199">199</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="ad21641f8f1fd60aa5f1d149379eba3eb" name="ad21641f8f1fd60aa5f1d149379eba3eb"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad21641f8f1fd60aa5f1d149379eba3eb">&#9670;&#160;</a></span>DrawPointCircle() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointCircle </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個由盲文點組成的圓形。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>圓心點的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>圓心點的 y 座標。 </td></tr>
<tr><td class="paramname">radius</td><td>圓形的半徑。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00247">247</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a644133eccde18caeaf06e5b7fdb5ef51" name="a644133eccde18caeaf06e5b7fdb5ef51"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a644133eccde18caeaf06e5b7fdb5ef51">&#9670;&#160;</a></span>DrawPointCircle() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointCircle </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>style</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個由盲文點組成的圓形。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>圓心點的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>圓心點的 y 座標。 </td></tr>
<tr><td class="paramname">radius</td><td>圓形的半徑。 </td></tr>
<tr><td class="paramname">style</td><td>圓形的樣式。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00266">266</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="adcc98793cdb931c3438b5ec35ed7a0dd" name="adcc98793cdb931c3438b5ec35ed7a0dd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#adcc98793cdb931c3438b5ec35ed7a0dd">&#9670;&#160;</a></span>DrawPointCircle() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointCircle </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個由盲文點組成的圓形。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>圓心點的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>圓心點的 y 座標。 </td></tr>
<tr><td class="paramname">radius</td><td>圓形的半徑。 </td></tr>
<tr><td class="paramname">color</td><td>圓形的顏色。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00256">256</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a5b6388d2515edcfb6c88a39ea56805b2" name="a5b6388d2515edcfb6c88a39ea56805b2"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5b6388d2515edcfb6c88a39ea56805b2">&#9670;&#160;</a></span>DrawPointCircleFilled() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointCircleFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="af7a213e8dbed8debae0155f1b707fd74" name="af7a213e8dbed8debae0155f1b707fd74"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af7a213e8dbed8debae0155f1b707fd74">&#9670;&#160;</a></span>DrawPointCircleFilled() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointCircleFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="adace7c348090660c1a6a5fffce18b7d2" name="adace7c348090660c1a6a5fffce18b7d2"></a>
<h2 class="memtitle"><span class="permalink"><a href="#adace7c348090660c1a6a5fffce18b7d2">&#9670;&#160;</a></span>DrawPointCircleFilled() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointCircleFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個由盲文點組成的實心圓形。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>圓心點的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>圓心點的 y 座標。 </td></tr>
<tr><td class="paramname">radius</td><td>圓形的半徑。 </td></tr>
<tr><td class="paramname">color</td><td>圓形的顏色。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00282">282</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a79ee88b3cfe258309041469f707dcf68" name="a79ee88b3cfe258309041469f707dcf68"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a79ee88b3cfe258309041469f707dcf68">&#9670;&#160;</a></span>DrawPointEllipse() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointEllipse </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個由盲文點組成的橢圓。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>橢圓中心的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>橢圓中心的 y 座標。 </td></tr>
<tr><td class="paramname">r1</td><td>沿 x 軸的橢圓半徑。 </td></tr>
<tr><td class="paramname">r2</td><td>沿 y 軸的橢圓半徑。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00307">307</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a6926683a29ff97d77e40ae533bb51eed" name="a6926683a29ff97d77e40ae533bb51eed"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6926683a29ff97d77e40ae533bb51eed">&#9670;&#160;</a></span>DrawPointEllipse() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointEllipse </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個由盲文點組成的橢圓。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>橢圓中心的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>橢圓中心的 y 座標。 </td></tr>
<tr><td class="paramname">r1</td><td>沿 x 軸的橢圓半徑。 </td></tr>
<tr><td class="paramname">r2</td><td>沿 y 軸的橢圓半徑。 </td></tr>
<tr><td class="paramname">color</td><td>橢圓的顏色。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00317">317</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="acdafc386934cf7e11b529c0c38b788a3" name="acdafc386934cf7e11b529c0c38b788a3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#acdafc386934cf7e11b529c0c38b788a3">&#9670;&#160;</a></span>DrawPointEllipse() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointEllipse </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a2633b8a556a82c74438fe41b253b39ee" name="a2633b8a556a82c74438fe41b253b39ee"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2633b8a556a82c74438fe41b253b39ee">&#9670;&#160;</a></span>DrawPointEllipseFilled() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointEllipseFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a395ec10a91d15be650afddcb85757945" name="a395ec10a91d15be650afddcb85757945"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a395ec10a91d15be650afddcb85757945">&#9670;&#160;</a></span>DrawPointEllipseFilled() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointEllipseFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a22ec58bdf5a3578ce68c52ace9324fb6" name="a22ec58bdf5a3578ce68c52ace9324fb6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a22ec58bdf5a3578ce68c52ace9324fb6">&#9670;&#160;</a></span>DrawPointEllipseFilled() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawPointEllipseFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="ad626747e5e54412d0376ba870565dce6" name="ad626747e5e54412d0376ba870565dce6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad626747e5e54412d0376ba870565dce6">&#9670;&#160;</a></span>DrawBlockOff()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockOff </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>擦除一個區塊。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>區塊的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>區塊的 y 座標。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00485">485</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="ab4154641384d18497de60c2626b71a94" name="ab4154641384d18497de60c2626b71a94"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab4154641384d18497de60c2626b71a94">&#9670;&#160;</a></span>DrawBlockToggle()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockToggle </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>切換一個區塊。如果它已填滿,將被擦除;如果為空,將被填滿。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>區塊的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>區塊的 y 座標。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00505">505</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="ae38b2e4f5bcda94c060bb77779d1e339" name="ae38b2e4f5bcda94c060bb77779d1e339"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae38b2e4f5bcda94c060bb77779d1e339">&#9670;&#160;</a></span>DrawBlock() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlock </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">bool</td> <td class="paramname"><span class="paramname"><em>value</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個區塊。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>區塊的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>區塊的 y 座標。 </td></tr>
<tr><td class="paramname">value</td><td>區塊是否填滿。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00435">435</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a0a51b12eb4089c9a3afb8d3052599b98" name="a0a51b12eb4089c9a3afb8d3052599b98"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a0a51b12eb4089c9a3afb8d3052599b98">&#9670;&#160;</a></span>DrawBlock() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlock </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">bool</td> <td class="paramname"><span class="paramname"><em>value</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="ab5717755b773771ef642e9e774dbb1a0" name="ab5717755b773771ef642e9e774dbb1a0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab5717755b773771ef642e9e774dbb1a0">&#9670;&#160;</a></span>DrawBlock() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlock </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">bool</td> <td class="paramname"><span class="paramname"><em>value</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個區塊。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>區塊的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>區塊的 y 座標。 </td></tr>
<tr><td class="paramname">value</td><td>區塊是否填滿。 </td></tr>
<tr><td class="paramname">color</td><td>區塊的顏色。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00444">444</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a182a915a7e3fc863f5c222253de01ff1" name="a182a915a7e3fc863f5c222253de01ff1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a182a915a7e3fc863f5c222253de01ff1">&#9670;&#160;</a></span>DrawBlockLine() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockLine </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y2</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一條由區塊字元組成的線條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x1</td><td>線條第一個點的 x 座標。 </td></tr>
<tr><td class="paramname">y1</td><td>線條第一個點的 y 座標。 </td></tr>
<tr><td class="paramname">x2</td><td>線條第二個點的 x 座標。 </td></tr>
<tr><td class="paramname">y2</td><td>線條第二個點的 y 座標。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00527">527</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a2911f015b5085dd2f74a4f88910eabe3" name="a2911f015b5085dd2f74a4f88910eabe3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2911f015b5085dd2f74a4f88910eabe3">&#9670;&#160;</a></span>DrawBlockLine() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockLine </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a8543417c0289090a5eefb2d6fcd521fc" name="a8543417c0289090a5eefb2d6fcd521fc"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8543417c0289090a5eefb2d6fcd521fc">&#9670;&#160;</a></span>DrawBlockLine() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockLine </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一條由區塊字元組成的線條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x1</td><td>線條第一個點的 x 座標。 </td></tr>
<tr><td class="paramname">y1</td><td>線條第一個點的 y 座標。 </td></tr>
<tr><td class="paramname">x2</td><td>線條第二個點的 x 座標。 </td></tr>
<tr><td class="paramname">y2</td><td>線條第二個點的 y 座標。 </td></tr>
<tr><td class="paramname">color</td><td>線條的顏色。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00537">537</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="ac3977d4b06ca96ff799a3b72437c8a0b" name="ac3977d4b06ca96ff799a3b72437c8a0b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac3977d4b06ca96ff799a3b72437c8a0b">&#9670;&#160;</a></span>DrawBlockCircle() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockCircle </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a685bec108334c6a43ceb5ca8a0666cd7" name="a685bec108334c6a43ceb5ca8a0666cd7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a685bec108334c6a43ceb5ca8a0666cd7">&#9670;&#160;</a></span>DrawBlockCircle() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockCircle </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="ab2bf509dc9519bd9f76a7721b5b152bf" name="ab2bf509dc9519bd9f76a7721b5b152bf"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab2bf509dc9519bd9f76a7721b5b152bf">&#9670;&#160;</a></span>DrawBlockCircle() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockCircle </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="acffdcd5bae224992e155facb0baf4119" name="acffdcd5bae224992e155facb0baf4119"></a>
<h2 class="memtitle"><span class="permalink"><a href="#acffdcd5bae224992e155facb0baf4119">&#9670;&#160;</a></span>DrawBlockCircleFilled() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockCircleFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a60a31c3685d296333e594feb8ec04c48" name="a60a31c3685d296333e594feb8ec04c48"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a60a31c3685d296333e594feb8ec04c48">&#9670;&#160;</a></span>DrawBlockCircleFilled() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockCircleFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a70cd877698afe354ca070c6b93ef3847" name="a70cd877698afe354ca070c6b93ef3847"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a70cd877698afe354ca070c6b93ef3847">&#9670;&#160;</a></span>DrawBlockCircleFilled() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockCircleFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>radius</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a8dd75f2dfc5bef37aa2c8bc8cfaf0579" name="a8dd75f2dfc5bef37aa2c8bc8cfaf0579"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8dd75f2dfc5bef37aa2c8bc8cfaf0579">&#9670;&#160;</a></span>DrawBlockEllipse() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockEllipse </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="ac53509c067c979cc6ec766b4db8e6e2c" name="ac53509c067c979cc6ec766b4db8e6e2c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac53509c067c979cc6ec766b4db8e6e2c">&#9670;&#160;</a></span>DrawBlockEllipse() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockEllipse </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個由區塊字元組成的橢圓。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x1</td><td>橢圓中心的 x 座標。 </td></tr>
<tr><td class="paramname">y1</td><td>橢圓中心的 y 座標。 </td></tr>
<tr><td class="paramname">r1</td><td>沿 x 軸的橢圓半徑。 </td></tr>
<tr><td class="paramname">r2</td><td>沿 y 軸的橢圓半徑。 </td></tr>
<tr><td class="paramname">s</td><td>橢圓的樣式。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00674">674</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a0916ab1d55ac16c158571d135893e88a" name="a0916ab1d55ac16c158571d135893e88a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a0916ab1d55ac16c158571d135893e88a">&#9670;&#160;</a></span>DrawBlockEllipse() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockEllipse </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a78dc3c908f7ce1c30837bd3043f19526" name="a78dc3c908f7ce1c30837bd3043f19526"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a78dc3c908f7ce1c30837bd3043f19526">&#9670;&#160;</a></span>DrawBlockEllipseFilled() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockEllipseFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="aa3f717282aab0cee9835503ef1eb6f1b" name="aa3f717282aab0cee9835503ef1eb6f1b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa3f717282aab0cee9835503ef1eb6f1b">&#9670;&#160;</a></span>DrawBlockEllipseFilled() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockEllipseFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個由區塊字元組成的實心橢圓。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x1</td><td>橢圓中心的 x 座標。 </td></tr>
<tr><td class="paramname">y1</td><td>橢圓中心的 y 座標。 </td></tr>
<tr><td class="paramname">r1</td><td>沿 x 軸的橢圓半徑。 </td></tr>
<tr><td class="paramname">r2</td><td>沿 y 軸的橢圓半徑。 </td></tr>
<tr><td class="paramname">s</td><td>橢圓的樣式。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00740">740</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a616781dd82158e306ebf71d87283e6f8" name="a616781dd82158e306ebf71d87283e6f8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a616781dd82158e306ebf71d87283e6f8">&#9670;&#160;</a></span>DrawBlockEllipseFilled() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawBlockEllipseFilled </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r1</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>r2</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a389991302f9a1d5554eff24b48d6b6ec" name="a389991302f9a1d5554eff24b48d6b6ec"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a389991302f9a1d5554eff24b48d6b6ec">&#9670;&#160;</a></span>DrawText() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawText </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>value</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> &amp;</td> <td class="paramname"><span class="paramname"><em>color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一段文字。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>文字的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>文字的 y 座標。 </td></tr>
<tr><td class="paramname">value</td><td>要繪製的文字。 </td></tr>
<tr><td class="paramname">color</td><td>文字的顏色。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00790">790</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a648ed3b48973ac1dc58ca22d54ecf6af" name="a648ed3b48973ac1dc58ca22d54ecf6af"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a648ed3b48973ac1dc58ca22d54ecf6af">&#9670;&#160;</a></span>DrawText() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawText </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>value</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a407f299e079846ce6169f2a709ad4aae">Stylizer</a> &amp;</td> <td class="paramname"><span class="paramname"><em>style</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一段文字。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>文字的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>文字的 y 座標。 </td></tr>
<tr><td class="paramname">value</td><td>要繪製的文字。 </td></tr>
<tr><td class="paramname">style</td><td>文字的樣式。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00802">802</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
<a id="a02b6e8bab532a2c43d3102674e1e1647" name="a02b6e8bab532a2c43d3102674e1e1647"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a02b6e8bab532a2c43d3102674e1e1647">&#9670;&#160;</a></span>DrawImage()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void DrawImage </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="group__screen.html#classftxui_1_1Image">Image</a> &amp;</td> <td class="paramname"><span class="paramname"><em>image</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個預定義的圖像,左上角位於給定座標。 您可以提供負座標來隨意對齊圖像 - 只會繪製「可見」部分。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">x</td><td>圖像左上角對應的 x 座標。 </td></tr>
<tr><td class="paramname">y</td><td>圖像左上角對應的 y 座標。 </td></tr>
<tr><td class="paramname">image</td><td>要繪製的圖像。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html#l00834">834</a> of file <a class="el" href="src_2ftxui_2dom_2canvas_8cpp_source.html">src/ftxui/dom/canvas.cpp</a>.</p>
</div>
</div>
</div>
</div>
<a name="structftxui_1_1FlexboxConfig" id="structftxui_1_1FlexboxConfig"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1FlexboxConfig">&#9670;&#160;</a></span>ftxui::FlexboxConfig</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::FlexboxConfig</td>
</tr>
</table>
</div><div class="memdoc">
<div class="textblock"><p><a class="el" href="#structftxui_1_1FlexboxConfig" title="FlexboxConfig 是一個配置結構,用於定義彈性盒容器的佈局屬性。">FlexboxConfig</a> 是一個配置結構,用於定義彈性盒容器的佈局屬性。 </p>
<p>它允許您指定彈性項目的方向、是否應該換行、它們在主軸上的對齊方式,以及 它們在交叉軸上的對齊方式。 它還包括彈性項目在主軸和交叉軸之間間距的屬性。 此結構用於配置終端使用者介面中彈性盒容器的佈局行為。 </p>
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#_a2">examples/component/flexbox_gallery.cpp</a>, and <a class="el" href="examples_2component_2homescreen_8cpp-example.html#_a5">examples/component/homescreen.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00023">23</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div><table class="memberdecls">
<tr><td colspan="2"><h3>Public Types</h3></td></tr>
<tr class="memitem:a224b9163917ac32fc95a60d8c1eec3aa" id="r_a224b9163917ac32fc95a60d8c1eec3aa"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a> { <br />
&#160;&#160;<a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3">Row</a>
, <br />
&#160;&#160;<a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaabba4d6f3a9cec9c96600e3e0d17b9f6a">RowInversed</a>
, <br />
&#160;&#160;<a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaa1976d7f704de389d9fe064e08ea35b2d">Column</a>
, <br />
&#160;&#160;<a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaa338df815740895b690c7b07716acda20">ColumnInversed</a>
<br />
}</td></tr>
<tr class="separator:a224b9163917ac32fc95a60d8c1eec3aa"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6c844a611650cf7e956dbe269a0e72ab" id="r_a6c844a611650cf7e956dbe269a0e72ab"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a> { <br />
&#160;&#160;<a class="el" href="#a6c844a611650cf7e956dbe269a0e72aba93ac740a98eb4cc45b853c780ed16c44">NoWrap</a>
, <br />
&#160;&#160;<a class="el" href="#a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d">Wrap</a>
, <br />
&#160;&#160;<a class="el" href="#a6c844a611650cf7e956dbe269a0e72abad639e613e3589af04e39135707dbc642">WrapInversed</a>
<br />
}</td></tr>
<tr class="separator:a6c844a611650cf7e956dbe269a0e72ab"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac6e5ab18dcac465ee2ac9a0d8b4a82d2" id="r_ac6e5ab18dcac465ee2ac9a0d8b4a82d2"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">JustifyContent</a> { <br />
&#160;&#160;<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">FlexStart</a>
, <br />
&#160;&#160;<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25">FlexEnd</a>
, <br />
&#160;&#160;<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd">Center</a>
, <br />
&#160;&#160;<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560">Stretch</a>
, <br />
&#160;&#160;<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afa2f3f8f296dcb6e5c287d69eae1c119">SpaceBetween</a>
, <br />
&#160;&#160;<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2aa711fff5f720542ab104aab0805e2565">SpaceAround</a>
, <br />
&#160;&#160;<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a34ad3eaf7ee60a45210ad60bd731e235">SpaceEvenly</a>
<br />
}</td></tr>
<tr class="separator:ac6e5ab18dcac465ee2ac9a0d8b4a82d2"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a821af961ece5fe13540ad48b54c7a9e7" id="r_a821af961ece5fe13540ad48b54c7a9e7"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">AlignItems</a> { <br />
&#160;&#160;<a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952">FlexStart</a>
, <br />
&#160;&#160;<a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7a923a60a08f41dc3052190403fc2a6b25">FlexEnd</a>
, <br />
&#160;&#160;<a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7a4f1f6016fc9f3f2353c0cc7c67b292bd">Center</a>
, <br />
&#160;&#160;<a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7afbb09a82eafab60150d0996e8fe46560">Stretch</a>
<br />
}</td></tr>
<tr class="separator:a821af961ece5fe13540ad48b54c7a9e7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1f99410fd0fc632a5bc2497b6a447420" id="r_a1f99410fd0fc632a5bc2497b6a447420"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">AlignContent</a> { <br />
&#160;&#160;<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952">FlexStart</a>
, <br />
&#160;&#160;<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a923a60a08f41dc3052190403fc2a6b25">FlexEnd</a>
, <br />
&#160;&#160;<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a4f1f6016fc9f3f2353c0cc7c67b292bd">Center</a>
, <br />
&#160;&#160;<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420afbb09a82eafab60150d0996e8fe46560">Stretch</a>
, <br />
&#160;&#160;<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420afa2f3f8f296dcb6e5c287d69eae1c119">SpaceBetween</a>
, <br />
&#160;&#160;<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420aa711fff5f720542ab104aab0805e2565">SpaceAround</a>
, <br />
&#160;&#160;<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a34ad3eaf7ee60a45210ad60bd731e235">SpaceEvenly</a>
<br />
}</td></tr>
<tr class="separator:a1f99410fd0fc632a5bc2497b6a447420"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr><td colspan="2"><h3>Public Member Functions</h3></td></tr>
<tr class="memitem:ae47b5b0d793d0c2312e4805a1f40012a" id="r_ae47b5b0d793d0c2312e4805a1f40012a"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae47b5b0d793d0c2312e4805a1f40012a">Set</a> (<a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">FlexboxConfig::Direction</a>)</td></tr>
<tr class="memdesc:ae47b5b0d793d0c2312e4805a1f40012a"><td class="mdescLeft">&#160;</td><td class="mdescRight">設定 flexbox 方向。 <br /></td></tr>
<tr class="separator:ae47b5b0d793d0c2312e4805a1f40012a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5afe52066ea76ddc7948b77ac155a011" id="r_a5afe52066ea76ddc7948b77ac155a011"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5afe52066ea76ddc7948b77ac155a011">Set</a> (<a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">FlexboxConfig::Wrap</a>)</td></tr>
<tr class="memdesc:a5afe52066ea76ddc7948b77ac155a011"><td class="mdescLeft">&#160;</td><td class="mdescRight">設定 flexbox 換行。 <br /></td></tr>
<tr class="separator:a5afe52066ea76ddc7948b77ac155a011"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a3de11197951ee3c9037ba7f2a2586a06" id="r_a3de11197951ee3c9037ba7f2a2586a06"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a3de11197951ee3c9037ba7f2a2586a06">Set</a> (<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">FlexboxConfig::JustifyContent</a>)</td></tr>
<tr class="memdesc:a3de11197951ee3c9037ba7f2a2586a06"><td class="mdescLeft">&#160;</td><td class="mdescRight">設定 flexbox 內容對齊。 <br /></td></tr>
<tr class="separator:a3de11197951ee3c9037ba7f2a2586a06"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a07ef12f61272636369543b34932614f3" id="r_a07ef12f61272636369543b34932614f3"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a07ef12f61272636369543b34932614f3">Set</a> (<a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">FlexboxConfig::AlignItems</a>)</td></tr>
<tr class="memdesc:a07ef12f61272636369543b34932614f3"><td class="mdescLeft">&#160;</td><td class="mdescRight">設定 flexbox 項目對齊。 <br /></td></tr>
<tr class="separator:a07ef12f61272636369543b34932614f3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6df4ec3da7d3d2cd0b216f5d2c72cbd6" id="r_a6df4ec3da7d3d2cd0b216f5d2c72cbd6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6df4ec3da7d3d2cd0b216f5d2c72cbd6">Set</a> (<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">FlexboxConfig::AlignContent</a>)</td></tr>
<tr class="memdesc:a6df4ec3da7d3d2cd0b216f5d2c72cbd6"><td class="mdescLeft">&#160;</td><td class="mdescRight">設定 flexbox 內容對齊。 <br /></td></tr>
<tr class="separator:a6df4ec3da7d3d2cd0b216f5d2c72cbd6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a98d9a43033c09c7f967cdec791408bad" id="r_a98d9a43033c09c7f967cdec791408bad"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a98d9a43033c09c7f967cdec791408bad">SetGap</a> (int <a class="el" href="#a109ea05d5d6e08d052672465ff8dac61">gap_x</a>, int <a class="el" href="#ab01b75a8a9419ec5c47650772f342ba3">gap_y</a>)</td></tr>
<tr class="memdesc:a98d9a43033c09c7f967cdec791408bad"><td class="mdescLeft">&#160;</td><td class="mdescRight">設定 flexbox 彈性方向。 <br /></td></tr>
<tr class="separator:a98d9a43033c09c7f967cdec791408bad"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr><td colspan="2"><h3>Public Attributes</h3></td></tr>
<tr class="memitem:a53421c695d00016ab925777d423b4eb6" id="r_a53421c695d00016ab925777d423b4eb6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a53421c695d00016ab925777d423b4eb6">direction</a> = <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3">Direction::Row</a></td></tr>
<tr class="separator:a53421c695d00016ab925777d423b4eb6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a68b5470ece4f0a492cc1d2057c9bd5e0" id="r_a68b5470ece4f0a492cc1d2057c9bd5e0"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a68b5470ece4f0a492cc1d2057c9bd5e0">wrap</a> = <a class="el" href="#a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d">Wrap::Wrap</a></td></tr>
<tr class="separator:a68b5470ece4f0a492cc1d2057c9bd5e0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab3173252829e796ee1c100b447243748" id="r_ab3173252829e796ee1c100b447243748"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">JustifyContent</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab3173252829e796ee1c100b447243748">justify_content</a> = <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">JustifyContent::FlexStart</a></td></tr>
<tr class="separator:ab3173252829e796ee1c100b447243748"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1514fd3d64965c521555fdc2cf2002ce" id="r_a1514fd3d64965c521555fdc2cf2002ce"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">AlignItems</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1514fd3d64965c521555fdc2cf2002ce">align_items</a> = <a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952">AlignItems::FlexStart</a></td></tr>
<tr class="separator:a1514fd3d64965c521555fdc2cf2002ce"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a103275cb09167852e469450cf8471256" id="r_a103275cb09167852e469450cf8471256"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">AlignContent</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a103275cb09167852e469450cf8471256">align_content</a> = <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952">AlignContent::FlexStart</a></td></tr>
<tr class="separator:a103275cb09167852e469450cf8471256"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a109ea05d5d6e08d052672465ff8dac61" id="r_a109ea05d5d6e08d052672465ff8dac61"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a109ea05d5d6e08d052672465ff8dac61">gap_x</a> = 0</td></tr>
<tr class="separator:a109ea05d5d6e08d052672465ff8dac61"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab01b75a8a9419ec5c47650772f342ba3" id="r_ab01b75a8a9419ec5c47650772f342ba3"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab01b75a8a9419ec5c47650772f342ba3">gap_y</a> = 0</td></tr>
<tr class="separator:ab01b75a8a9419ec5c47650772f342ba3"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<h4 class="groupheader">Member Enumeration Documentation</h4>
<a id="a224b9163917ac32fc95a60d8c1eec3aa" name="a224b9163917ac32fc95a60d8c1eec3aa"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a224b9163917ac32fc95a60d8c1eec3aa">&#9670;&#160;</a></span>Direction</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>這確立了主軸,從而定義了彈性項目在彈性容器中放置的方向。彈性盒(除了換行)是 單方向佈局概念。將彈性項目主要視為在水平行或垂直列中佈局。 </p>
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3" name="a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3"></a>Row&#160;</td><td class="fielddoc"><p>彈性項目沿著一行排列。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaabba4d6f3a9cec9c96600e3e0d17b9f6a" name="a224b9163917ac32fc95a60d8c1eec3aaabba4d6f3a9cec9c96600e3e0d17b9f6a"></a>RowInversed&#160;</td><td class="fielddoc"><p>彈性項目沿著一行排列,但順序相反。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaa1976d7f704de389d9fe064e08ea35b2d" name="a224b9163917ac32fc95a60d8c1eec3aaa1976d7f704de389d9fe064e08ea35b2d"></a>Column&#160;</td><td class="fielddoc"><p>彈性項目沿著一列排列。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaa338df815740895b690c7b07716acda20" name="a224b9163917ac32fc95a60d8c1eec3aaa338df815740895b690c7b07716acda20"></a>ColumnInversed&#160;</td><td class="fielddoc"><p>彈性項目沿著一列排列,但順序相反。 </p>
</td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00026">26</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a6c844a611650cf7e956dbe269a0e72ab" name="a6c844a611650cf7e956dbe269a0e72ab"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6c844a611650cf7e956dbe269a0e72ab">&#9670;&#160;</a></span>Wrap</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>預設情況下,所有彈性項目都將嘗試放在一行中。您可以使用此屬性更改該行為, 並允許項目根據需要換行。 </p>
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a6c844a611650cf7e956dbe269a0e72aba93ac740a98eb4cc45b853c780ed16c44" name="a6c844a611650cf7e956dbe269a0e72aba93ac740a98eb4cc45b853c780ed16c44"></a>NoWrap&#160;</td><td class="fielddoc"><p>所有彈性項目都將嘗試放在一行中。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d" name="a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d"></a>Wrap&#160;</td><td class="fielddoc"><p>彈性項目將換行到多行。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a6c844a611650cf7e956dbe269a0e72abad639e613e3589af04e39135707dbc642" name="a6c844a611650cf7e956dbe269a0e72abad639e613e3589af04e39135707dbc642"></a>WrapInversed&#160;</td><td class="fielddoc"><p>彈性項目將換行到多行,但順序相反。 </p>
</td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00036">36</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">&#9670;&#160;</a></span>JustifyContent</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">JustifyContent</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>這定義了沿主軸的對齊方式。它有助於分配當一行中的所有彈性項目都不靈活, 或者靈活但已達到其最大尺寸時剩餘的額外可用空間。它還對項目溢出行時的 對齊方式施加一些控制。 </p>
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952"></a>FlexStart&#160;</td><td class="fielddoc"><p>項目對齊到彈性盒方向的起點。 </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25"></a>FlexEnd&#160;</td><td class="fielddoc"><p>項目對齊到彈性盒方向的終點。 </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd"></a>Center&#160;</td><td class="fielddoc"><p>項目沿線居中。 </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560"></a>Stretch&#160;</td><td class="fielddoc"><p>項目拉伸以填滿該行。 </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2afa2f3f8f296dcb6e5c287d69eae1c119" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2afa2f3f8f296dcb6e5c287d69eae1c119"></a>SpaceBetween&#160;</td><td class="fielddoc"><p>項目在行中平均分佈;第一個項目在起始線,最後一個項目在結束線。 </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2aa711fff5f720542ab104aab0805e2565" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2aa711fff5f720542ab104aab0805e2565"></a>SpaceAround&#160;</td><td class="fielddoc"><p>項目在行中平均分佈,周圍有相等的空間。 請注意,視覺上空間不相等,因為所有項目兩側都有相等的空間。 第一個項目與容器邊緣之間有一個單位的空間,但與下一個項目之間有兩個單位的空間, 因為下一個項目有自己的間距。 </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a34ad3eaf7ee60a45210ad60bd731e235" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a34ad3eaf7ee60a45210ad60bd731e235"></a>SpaceEvenly&#160;</td><td class="fielddoc"><p>項目分佈使得任意兩個項目之間(以及到邊緣)的間距相等。 </p>
</td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00046">46</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a821af961ece5fe13540ad48b54c7a9e7" name="a821af961ece5fe13540ad48b54c7a9e7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a821af961ece5fe13540ad48b54c7a9e7">&#9670;&#160;</a></span>AlignItems</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">AlignItems</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>這定義了彈性項目在當前行上沿交叉軸佈局的預設行為。 將其視為交叉軸(垂直於主軸)的 justify-content 版本。 </p>
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952" name="a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952"></a>FlexStart&#160;</td><td class="fielddoc"><p>項目放置在交叉軸的起點。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a821af961ece5fe13540ad48b54c7a9e7a923a60a08f41dc3052190403fc2a6b25" name="a821af961ece5fe13540ad48b54c7a9e7a923a60a08f41dc3052190403fc2a6b25"></a>FlexEnd&#160;</td><td class="fielddoc"><p>項目放置在交叉軸的終點。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a821af961ece5fe13540ad48b54c7a9e7a4f1f6016fc9f3f2353c0cc7c67b292bd" name="a821af961ece5fe13540ad48b54c7a9e7a4f1f6016fc9f3f2353c0cc7c67b292bd"></a>Center&#160;</td><td class="fielddoc"><p>項目沿交叉軸居中。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a821af961ece5fe13540ad48b54c7a9e7afbb09a82eafab60150d0996e8fe46560" name="a821af961ece5fe13540ad48b54c7a9e7afbb09a82eafab60150d0996e8fe46560"></a>Stretch&#160;</td><td class="fielddoc"><p>項目拉伸以填滿交叉軸。 </p>
</td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00069">69</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a1f99410fd0fc632a5bc2497b6a447420" name="a1f99410fd0fc632a5bc2497b6a447420"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1f99410fd0fc632a5bc2497b6a447420">&#9670;&#160;</a></span>AlignContent</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">AlignContent</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952" name="a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952"></a>FlexStart&#160;</td><td class="fielddoc"><p>項目放置在交叉軸的起點。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420a923a60a08f41dc3052190403fc2a6b25" name="a1f99410fd0fc632a5bc2497b6a447420a923a60a08f41dc3052190403fc2a6b25"></a>FlexEnd&#160;</td><td class="fielddoc"><p>項目放置在交叉軸的終點。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420a4f1f6016fc9f3f2353c0cc7c67b292bd" name="a1f99410fd0fc632a5bc2497b6a447420a4f1f6016fc9f3f2353c0cc7c67b292bd"></a>Center&#160;</td><td class="fielddoc"><p>項目沿交叉軸居中。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420afbb09a82eafab60150d0996e8fe46560" name="a1f99410fd0fc632a5bc2497b6a447420afbb09a82eafab60150d0996e8fe46560"></a>Stretch&#160;</td><td class="fielddoc"><p>項目拉伸以填滿交叉軸。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420afa2f3f8f296dcb6e5c287d69eae1c119" name="a1f99410fd0fc632a5bc2497b6a447420afa2f3f8f296dcb6e5c287d69eae1c119"></a>SpaceBetween&#160;</td><td class="fielddoc"><p>項目在交叉軸中平均分佈。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420aa711fff5f720542ab104aab0805e2565" name="a1f99410fd0fc632a5bc2497b6a447420aa711fff5f720542ab104aab0805e2565"></a>SpaceAround&#160;</td><td class="fielddoc"><p>項目平均分佈,每條線周圍有相等的空間。 </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420a34ad3eaf7ee60a45210ad60bd731e235" name="a1f99410fd0fc632a5bc2497b6a447420a34ad3eaf7ee60a45210ad60bd731e235"></a>SpaceEvenly&#160;</td><td class="fielddoc"><p>項目在交叉軸中平均分佈,周圍有相等的空間。 </p>
</td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00079">79</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<h4 class="groupheader">Member Function Documentation</h4>
<a id="ae47b5b0d793d0c2312e4805a1f40012a" name="ae47b5b0d793d0c2312e4805a1f40012a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae47b5b0d793d0c2312e4805a1f40012a">&#9670;&#160;</a></span>Set() <span class="overload">[1/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp; Set </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">FlexboxConfig::Direction</a></td> <td class="paramname"><span class="paramname"><em>d</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>設定 flexbox 方向。 </p>
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a8">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00009">9</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<a id="a5afe52066ea76ddc7948b77ac155a011" name="a5afe52066ea76ddc7948b77ac155a011"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5afe52066ea76ddc7948b77ac155a011">&#9670;&#160;</a></span>Set() <span class="overload">[2/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp; Set </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">FlexboxConfig::Wrap</a></td> <td class="paramname"><span class="paramname"><em>w</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>設定 flexbox 換行。 </p>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00015">15</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<a id="a3de11197951ee3c9037ba7f2a2586a06" name="a3de11197951ee3c9037ba7f2a2586a06"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3de11197951ee3c9037ba7f2a2586a06">&#9670;&#160;</a></span>Set() <span class="overload">[3/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp; Set </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">FlexboxConfig::JustifyContent</a></td> <td class="paramname"><span class="paramname"><em>j</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>設定 flexbox 內容對齊。 </p>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00021">21</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<a id="a07ef12f61272636369543b34932614f3" name="a07ef12f61272636369543b34932614f3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a07ef12f61272636369543b34932614f3">&#9670;&#160;</a></span>Set() <span class="overload">[4/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp; Set </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">FlexboxConfig::AlignItems</a></td> <td class="paramname"><span class="paramname"><em>a</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>設定 flexbox 項目對齊。 </p>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00027">27</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<a id="a6df4ec3da7d3d2cd0b216f5d2c72cbd6" name="a6df4ec3da7d3d2cd0b216f5d2c72cbd6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6df4ec3da7d3d2cd0b216f5d2c72cbd6">&#9670;&#160;</a></span>Set() <span class="overload">[5/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp; Set </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">FlexboxConfig::AlignContent</a></td> <td class="paramname"><span class="paramname"><em>a</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>設定 flexbox 內容對齊。 </p>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00033">33</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<a id="a98d9a43033c09c7f967cdec791408bad" name="a98d9a43033c09c7f967cdec791408bad"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a98d9a43033c09c7f967cdec791408bad">&#9670;&#160;</a></span>SetGap()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1FlexboxConfig">FlexboxConfig</a> &amp; SetGap </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>gap_x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>gap_y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>設定 flexbox 彈性方向。 </p>
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2homescreen_8cpp-example.html#a6">examples/component/homescreen.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00039">39</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<h4 class="groupheader">Member Data Documentation</h4>
<a id="a53421c695d00016ab925777d423b4eb6" name="a53421c695d00016ab925777d423b4eb6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a53421c695d00016ab925777d423b4eb6">&#9670;&#160;</a></span>direction</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a> direction = <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3">Direction::Row</a></td>
</tr>
</table>
</div><div class="memdoc">
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a3">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00032">32</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a68b5470ece4f0a492cc1d2057c9bd5e0" name="a68b5470ece4f0a492cc1d2057c9bd5e0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a68b5470ece4f0a492cc1d2057c9bd5e0">&#9670;&#160;</a></span>wrap</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a> wrap = <a class="el" href="#a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d">Wrap::Wrap</a></td>
</tr>
</table>
</div><div class="memdoc">
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a4">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00041">41</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="ab3173252829e796ee1c100b447243748" name="ab3173252829e796ee1c100b447243748"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab3173252829e796ee1c100b447243748">&#9670;&#160;</a></span>justify_content</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">JustifyContent</a> justify_content = <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">JustifyContent::FlexStart</a></td>
</tr>
</table>
</div><div class="memdoc">
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a5">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00065">65</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a1514fd3d64965c521555fdc2cf2002ce" name="a1514fd3d64965c521555fdc2cf2002ce"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1514fd3d64965c521555fdc2cf2002ce">&#9670;&#160;</a></span>align_items</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">AlignItems</a> align_items = <a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952">AlignItems::FlexStart</a></td>
</tr>
</table>
</div><div class="memdoc">
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a6">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00075">75</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a103275cb09167852e469450cf8471256" name="a103275cb09167852e469450cf8471256"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a103275cb09167852e469450cf8471256">&#9670;&#160;</a></span>align_content</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">AlignContent</a> align_content = <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952">AlignContent::FlexStart</a></td>
</tr>
</table>
</div><div class="memdoc">
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a7">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00088">88</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a109ea05d5d6e08d052672465ff8dac61" name="a109ea05d5d6e08d052672465ff8dac61"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a109ea05d5d6e08d052672465ff8dac61">&#9670;&#160;</a></span>gap_x</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int gap_x = 0</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00090">90</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="ab01b75a8a9419ec5c47650772f342ba3" name="ab01b75a8a9419ec5c47650772f342ba3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab01b75a8a9419ec5c47650772f342ba3">&#9670;&#160;</a></span>gap_y</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int gap_y = 0</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00091">91</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
</div>
</div>
<a name="structftxui_1_1LinearGradient" id="structftxui_1_1LinearGradient"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1LinearGradient">&#9670;&#160;</a></span>ftxui::LinearGradient</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::LinearGradient</td>
</tr>
</table>
</div><div class="memdoc">
<div class="textblock"><p>表示線性漸變顏色效果設定的類別。 </p>
<p>範例: </p><div class="fragment"><div class="line"><a class="code hl_function" href="#a5e989e4841fbba91e1714f977c5c58b9">LinearGradient</a>()</div>
<div class="line"> .Angle(45)</div>
<div class="line"> .Stop(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, 0.0)</div>
<div class="line"> .Stop(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad0784a3f969fe736e8b271a5a161d106">Color::Green</a>, 0.5)</div>
<div class="line"> .Stop(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>, 1.0);</div>
<div class="ttc" id="agroup__dom_html_a5e989e4841fbba91e1714f977c5c58b9"><div class="ttname"><a href="#a5e989e4841fbba91e1714f977c5c58b9">ftxui::LinearGradient::LinearGradient</a></div><div class="ttdeci">LinearGradient()</div><div class="ttdoc">建立「空」漸變。這通常會接著呼叫 LinearGradient::Angle() 和 LinearGradient::Stop()。 範例:</div></div>
<div class="ttc" id="agroup__screen_html_ae2b6d9670960e89c66d7b76167a0802fad0784a3f969fe736e8b271a5a161d106"><div class="ttname"><a href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad0784a3f969fe736e8b271a5a161d106">ftxui::Color::Green</a></div><div class="ttdeci">@ Green</div><div class="ttdef"><b>Definition</b> <a href="color_8hpp_source.html#l00054">color.hpp:54</a></div></div>
<div class="ttc" id="agroup__screen_html_ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743"><div class="ttname"><a href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">ftxui::Color::Red</a></div><div class="ttdeci">@ Red</div><div class="ttdef"><b>Definition</b> <a href="color_8hpp_source.html#l00053">color.hpp:53</a></div></div>
<div class="ttc" id="agroup__screen_html_ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8"><div class="ttname"><a href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">ftxui::Color::Blue</a></div><div class="ttdeci">@ Blue</div><div class="ttdef"><b>Definition</b> <a href="color_8hpp_source.html#l00056">color.hpp:56</a></div></div>
</div><!-- fragment --><p>也有簡寫的建構函式: </p><div class="fragment"><div class="line"><a class="code hl_function" href="#a5e989e4841fbba91e1714f977c5c58b9">LinearGradient</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>);</div>
<div class="line"><a class="code hl_function" href="#a5e989e4841fbba91e1714f977c5c58b9">LinearGradient</a>(45, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>);</div>
</div><!-- fragment --> <dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2input_style_8cpp-example.html#_a4">examples/component/input_style.cpp</a>, <a class="el" href="examples_2component_2linear_gradient_gallery_8cpp-example.html#_a2">examples/component/linear_gradient_gallery.cpp</a>, <a class="el" href="examples_2dom_2linear_gradient_8cpp-example.html#_a1">examples/dom/linear_gradient.cpp</a>, and <a class="el" href="examples_2dom_2style_color_8cpp-example.html#_a1">examples/dom/style_color.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="linear__gradient_8hpp_source.html#l00031">31</a> of file <a class="el" href="linear__gradient_8hpp_source.html">linear_gradient.hpp</a>.</p>
</div><table class="memberdecls">
<tr><td colspan="2"><h3>Public Member Functions</h3></td></tr>
<tr class="memitem:a5e989e4841fbba91e1714f977c5c58b9" id="r_a5e989e4841fbba91e1714f977c5c58b9"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5e989e4841fbba91e1714f977c5c58b9">LinearGradient</a> ()</td></tr>
<tr class="memdesc:a5e989e4841fbba91e1714f977c5c58b9"><td class="mdescLeft">&#160;</td><td class="mdescRight">建立「空」漸變。這通常會接著呼叫 <a class="el" href="#a251d447c54f49914a2cbf5dc16fc8b5b" title="設定漸變的角度。">LinearGradient::Angle()</a><a class="el" href="#a03b10012f78e1c731616ce760d28df40" title="為漸變添加一個顏色停止點。">LinearGradient::Stop()</a>。 範例: <br /></td></tr>
<tr class="separator:a5e989e4841fbba91e1714f977c5c58b9"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac57e39e64c79b5389f234eeaebfbb2fd" id="r_ac57e39e64c79b5389f234eeaebfbb2fd"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac57e39e64c79b5389f234eeaebfbb2fd">LinearGradient</a> (<a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> begin, <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> end)</td></tr>
<tr class="memdesc:ac57e39e64c79b5389f234eeaebfbb2fd"><td class="mdescLeft">&#160;</td><td class="mdescRight">建立一個包含兩種顏色的漸變。 <br /></td></tr>
<tr class="separator:ac57e39e64c79b5389f234eeaebfbb2fd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:adbf0567cfc8e05051a4236d6541f63b8" id="r_adbf0567cfc8e05051a4236d6541f63b8"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#adbf0567cfc8e05051a4236d6541f63b8">LinearGradient</a> (float <a class="el" href="#ab8ef1bf8a70cc07c6d55823c390a7e76">angle</a>, <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> begin, <a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> end)</td></tr>
<tr class="memdesc:adbf0567cfc8e05051a4236d6541f63b8"><td class="mdescLeft">&#160;</td><td class="mdescRight">建立一個包含兩種顏色和角度的漸變。 <br /></td></tr>
<tr class="separator:adbf0567cfc8e05051a4236d6541f63b8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a251d447c54f49914a2cbf5dc16fc8b5b" id="r_a251d447c54f49914a2cbf5dc16fc8b5b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a251d447c54f49914a2cbf5dc16fc8b5b">Angle</a> (float <a class="el" href="#ab8ef1bf8a70cc07c6d55823c390a7e76">angle</a>)</td></tr>
<tr class="memdesc:a251d447c54f49914a2cbf5dc16fc8b5b"><td class="mdescLeft">&#160;</td><td class="mdescRight">設定漸變的角度。 <br /></td></tr>
<tr class="separator:a251d447c54f49914a2cbf5dc16fc8b5b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a03b10012f78e1c731616ce760d28df40" id="r_a03b10012f78e1c731616ce760d28df40"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a03b10012f78e1c731616ce760d28df40">Stop</a> (<a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> color, float position)</td></tr>
<tr class="memdesc:a03b10012f78e1c731616ce760d28df40"><td class="mdescLeft">&#160;</td><td class="mdescRight">為漸變添加一個顏色停止點。 <br /></td></tr>
<tr class="separator:a03b10012f78e1c731616ce760d28df40"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab85b009cd214d3bd1b3bb7f704af0da6" id="r_ab85b009cd214d3bd1b3bb7f704af0da6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab85b009cd214d3bd1b3bb7f704af0da6">Stop</a> (<a class="el" href="group__screen.html#classftxui_1_1Color">Color</a> color)</td></tr>
<tr class="memdesc:ab85b009cd214d3bd1b3bb7f704af0da6"><td class="mdescLeft">&#160;</td><td class="mdescRight">為漸變添加一個顏色停止點。 <br /></td></tr>
<tr class="separator:ab85b009cd214d3bd1b3bb7f704af0da6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr><td colspan="2"><h3>Public Attributes</h3></td></tr>
<tr class="memitem:ab8ef1bf8a70cc07c6d55823c390a7e76" id="r_ab8ef1bf8a70cc07c6d55823c390a7e76"><td class="memItemLeft" align="right" valign="top">float&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab8ef1bf8a70cc07c6d55823c390a7e76">angle</a> = 0.f</td></tr>
<tr class="separator:ab8ef1bf8a70cc07c6d55823c390a7e76"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9c56e5fb8075d8a48b1b0c3b4ea31831" id="r_a9c56e5fb8075d8a48b1b0c3b4ea31831"><td class="memItemLeft" align="right" valign="top">std::vector&lt; <a class="el" href="structftxui_1_1LinearGradient_1_1Stop.html">Stop</a> &gt;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9c56e5fb8075d8a48b1b0c3b4ea31831">stops</a></td></tr>
<tr class="separator:a9c56e5fb8075d8a48b1b0c3b4ea31831"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<h4 class="groupheader">Constructor &amp; Destructor Documentation</h4>
<a id="a5e989e4841fbba91e1714f977c5c58b9" name="a5e989e4841fbba91e1714f977c5c58b9"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5e989e4841fbba91e1714f977c5c58b9">&#9670;&#160;</a></span>LinearGradient() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">default</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>建立「空」漸變。這通常會接著呼叫 <a class="el" href="#a251d447c54f49914a2cbf5dc16fc8b5b" title="設定漸變的角度。">LinearGradient::Angle()</a><a class="el" href="#a03b10012f78e1c731616ce760d28df40" title="為漸變添加一個顏色停止點。">LinearGradient::Stop()</a>。 範例: </p>
<div class="fragment"><div class="line"><span class="keyword">auto</span> gradient =</div>
<div class="line"> <a class="code hl_function" href="#a5e989e4841fbba91e1714f977c5c58b9">LinearGradient</a>()</div>
<div class="line"> .Angle(45)</div>
<div class="line"> .Stop(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, 0.0)</div>
<div class="line"> .Stop(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad0784a3f969fe736e8b271a5a161d106">Color::Green</a>, 0.5)</div>
<div class="line"> .Stop(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>, 1.0);;</div>
</div><!-- fragment -->
</div>
</div>
<a id="ac57e39e64c79b5389f234eeaebfbb2fd" name="ac57e39e64c79b5389f234eeaebfbb2fd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac57e39e64c79b5389f234eeaebfbb2fd">&#9670;&#160;</a></span>LinearGradient() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>begin</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>end</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>建立一個包含兩種顏色的漸變。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">begin</td><td>漸變開始處的顏色。 </td></tr>
<tr><td class="paramname">end</td><td>漸變結束處的顏色。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html#l00193">193</a> of file <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html">src/ftxui/dom/linear_gradient.cpp</a>.</p>
</div>
</div>
<a id="adbf0567cfc8e05051a4236d6541f63b8" name="adbf0567cfc8e05051a4236d6541f63b8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#adbf0567cfc8e05051a4236d6541f63b8">&#9670;&#160;</a></span>LinearGradient() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>a</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>begin</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>end</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>建立一個包含兩種顏色和角度的漸變。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">a</td><td>漸變的角度。 </td></tr>
<tr><td class="paramname">begin</td><td>漸變開始處的顏色。 </td></tr>
<tr><td class="paramname">end</td><td>漸變結束處的顏色。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html#l00200">200</a> of file <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html">src/ftxui/dom/linear_gradient.cpp</a>.</p>
</div>
</div>
<h4 class="groupheader">Member Function Documentation</h4>
<a id="a251d447c54f49914a2cbf5dc16fc8b5b" name="a251d447c54f49914a2cbf5dc16fc8b5b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a251d447c54f49914a2cbf5dc16fc8b5b">&#9670;&#160;</a></span>Angle()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp; Angle </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>a</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>設定漸變的角度。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">a</td><td>漸變的角度。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>漸變。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html#l00208">208</a> of file <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html">src/ftxui/dom/linear_gradient.cpp</a>.</p>
</div>
</div>
<a id="a03b10012f78e1c731616ce760d28df40" name="a03b10012f78e1c731616ce760d28df40"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a03b10012f78e1c731616ce760d28df40">&#9670;&#160;</a></span>Stop() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp; Stop </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>c</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>p</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>為漸變添加一個顏色停止點。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">c</td><td>停止點的顏色。 </td></tr>
<tr><td class="paramname">p</td><td>停止點的位置。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html#l00216">216</a> of file <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html">src/ftxui/dom/linear_gradient.cpp</a>.</p>
</div>
</div>
<a id="ab85b009cd214d3bd1b3bb7f704af0da6" name="ab85b009cd214d3bd1b3bb7f704af0da6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab85b009cd214d3bd1b3bb7f704af0da6">&#9670;&#160;</a></span>Stop() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp; Stop </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>c</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>為漸變添加一個顏色停止點。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">c</td><td>停止點的顏色。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>漸變。 </dd></dl>
<dl class="section note"><dt>Note</dt><dd>停止點的位置是從附近的停止點內插而來的。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html#l00225">225</a> of file <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html">src/ftxui/dom/linear_gradient.cpp</a>.</p>
</div>
</div>
<h4 class="groupheader">Member Data Documentation</h4>
<a id="ab8ef1bf8a70cc07c6d55823c390a7e76" name="ab8ef1bf8a70cc07c6d55823c390a7e76"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab8ef1bf8a70cc07c6d55823c390a7e76">&#9670;&#160;</a></span>angle</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">float angle = 0.f</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="linear__gradient_8hpp_source.html#l00032">32</a> of file <a class="el" href="linear__gradient_8hpp_source.html">linear_gradient.hpp</a>.</p>
</div>
</div>
<a id="a9c56e5fb8075d8a48b1b0c3b4ea31831" name="a9c56e5fb8075d8a48b1b0c3b4ea31831"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9c56e5fb8075d8a48b1b0c3b4ea31831">&#9670;&#160;</a></span>stops</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">std::vector&lt;<a class="el" href="structftxui_1_1LinearGradient_1_1Stop.html">Stop</a>&gt; stops</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="linear__gradient_8hpp_source.html#l00042">42</a> of file <a class="el" href="linear__gradient_8hpp_source.html">linear_gradient.hpp</a>.</p>
</div>
</div>
</div>
</div>
<a name="classftxui_1_1Node" id="classftxui_1_1Node"></a>
<h2 class="memtitle"><span class="permalink"><a href="#classftxui_1_1Node">&#9670;&#160;</a></span>ftxui::Node</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">class ftxui::Node</td>
</tr>
</table>
</div><div class="memdoc">
<div class="textblock"><p>節點是DOM樹中所有元素的基底類別。 </p>
<p>它代表文件物件模型 (DOM) 中的單一節點,並提供佈局和渲染的基本結構。 它包含用於計算佈局需求、設定框尺寸、選取內容、渲染到螢幕以及檢查佈局狀態的方法。 它通常包含子元素,這些子元素也是節點的實例。</p>
<p>鼓勵使用者從這個類別派生以建立自訂元素。</p>
<p>內建元素的清單可以在 <code><a class="el" href="elements_8hpp.html">elements.hpp</a></code> 檔案中找到。 </p>
<p class="definition">Definition at line <a class="el" href="node_8hpp_source.html#l00034">34</a> of file <a class="el" href="node_8hpp_source.html">node.hpp</a>.</p>
</div><div id="dynsection-0" onclick="return dynsection.toggleVisibility(this)" class="dynheader closed" style="cursor:pointer;">
<img id="dynsection-0-trigger" src="closed.png" alt="+"/> Inheritance diagram for Node:</div>
<div id="dynsection-0-summary" class="dynsummary" style="display:block;">
</div>
<div id="dynsection-0-content" class="dyncontent" style="display:none;">
<div class="center"><img src="classftxui_1_1Node__inherit__graph.png" border="0" usemap="#aNode_inherit__map" alt="Inheritance graph"/></div>
<map name="aNode_inherit__map" id="aNode_inherit__map">
<area shape="rect" title="節點是DOM樹中所有元素的基底類別。" alt="" coords="37,5,93,31"/>
<area shape="rect" href="classftxui_1_1NodeDecorator.html" title=" " alt="" coords="5,79,125,104"/>
<area shape="poly" title=" " alt="" coords="68,44,68,79,63,79,63,44"/>
</map>
<center><span class="legend">[<a target="top" href="graph_legend.html">legend</a>]</span></center></div>
<table class="memberdecls">
<tr><td colspan="2"><h3>Public Member Functions</h3></td></tr>
<tr class="memitem:a0d313fac56abd7ebe58a17f1530b879e" id="r_a0d313fac56abd7ebe58a17f1530b879e"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a0d313fac56abd7ebe58a17f1530b879e">Node</a> ()</td></tr>
<tr class="separator:a0d313fac56abd7ebe58a17f1530b879e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a19fa1eae4c02e514c62a95e395b383a1" id="r_a19fa1eae4c02e514c62a95e395b383a1"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a19fa1eae4c02e514c62a95e395b383a1">Node</a> (<a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children)</td></tr>
<tr class="separator:a19fa1eae4c02e514c62a95e395b383a1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a7eb6a9efa23e5f6f7fc53b5aa3759dff" id="r_a7eb6a9efa23e5f6f7fc53b5aa3759dff"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a7eb6a9efa23e5f6f7fc53b5aa3759dff">Node</a> (const <a class="el" href="#classftxui_1_1Node">Node</a> &amp;)=delete</td></tr>
<tr class="separator:a7eb6a9efa23e5f6f7fc53b5aa3759dff"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac6365e35a2029b3e58eca97905f8124d" id="r_ac6365e35a2029b3e58eca97905f8124d"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac6365e35a2029b3e58eca97905f8124d">Node</a> (const <a class="el" href="#classftxui_1_1Node">Node</a> &amp;&amp;)=delete</td></tr>
<tr class="separator:ac6365e35a2029b3e58eca97905f8124d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a7e12a390c13d283fc06cafbbfef7eba7" id="r_a7e12a390c13d283fc06cafbbfef7eba7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#classftxui_1_1Node">Node</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a7e12a390c13d283fc06cafbbfef7eba7">operator=</a> (const <a class="el" href="#classftxui_1_1Node">Node</a> &amp;)=delete</td></tr>
<tr class="separator:a7e12a390c13d283fc06cafbbfef7eba7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:abe938f0d7bfdca112e345590d4887de6" id="r_abe938f0d7bfdca112e345590d4887de6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#classftxui_1_1Node">Node</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#abe938f0d7bfdca112e345590d4887de6">operator=</a> (const <a class="el" href="#classftxui_1_1Node">Node</a> &amp;&amp;)=delete</td></tr>
<tr class="separator:abe938f0d7bfdca112e345590d4887de6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6fa6bf60f34f1e3efb0e59333428c9c8" id="r_a6fa6bf60f34f1e3efb0e59333428c9c8"><td class="memItemLeft" align="right" valign="top">virtual&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6fa6bf60f34f1e3efb0e59333428c9c8">~Node</a> ()</td></tr>
<tr class="separator:a6fa6bf60f34f1e3efb0e59333428c9c8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a40bd818c5de23bb2d208360d275ae59d" id="r_a40bd818c5de23bb2d208360d275ae59d"><td class="memItemLeft" align="right" valign="top">virtual void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a40bd818c5de23bb2d208360d275ae59d">ComputeRequirement</a> ()</td></tr>
<tr class="memdesc:a40bd818c5de23bb2d208360d275ae59d"><td class="mdescLeft">&#160;</td><td class="mdescRight">計算元素所需的空間大小。 <br /></td></tr>
<tr class="separator:a40bd818c5de23bb2d208360d275ae59d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a39a263e8c8786dc62fcb4d734aad7fe6" id="r_a39a263e8c8786dc62fcb4d734aad7fe6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1Requirement">Requirement</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a39a263e8c8786dc62fcb4d734aad7fe6">requirement</a> ()</td></tr>
<tr class="separator:a39a263e8c8786dc62fcb4d734aad7fe6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a2ed318aaadb07efc50e76fce1ccf9637" id="r_a2ed318aaadb07efc50e76fce1ccf9637"><td class="memItemLeft" align="right" valign="top">virtual void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2ed318aaadb07efc50e76fce1ccf9637">SetBox</a> (<a class="el" href="group__screen.html#structftxui_1_1Box">Box</a> box)</td></tr>
<tr class="memdesc:a2ed318aaadb07efc50e76fce1ccf9637"><td class="mdescLeft">&#160;</td><td class="mdescRight">為元素分配繪圖位置和尺寸。 <br /></td></tr>
<tr class="separator:a2ed318aaadb07efc50e76fce1ccf9637"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a05352f5a353f1e86630a978060e77305" id="r_a05352f5a353f1e86630a978060e77305"><td class="memItemLeft" align="right" valign="top">virtual void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a05352f5a353f1e86630a978060e77305">Select</a> (<a class="el" href="#classftxui_1_1Selection">Selection</a> &amp;selection)</td></tr>
<tr class="memdesc:a05352f5a353f1e86630a978060e77305"><td class="mdescLeft">&#160;</td><td class="mdescRight">計算元素的選取範圍。 <br /></td></tr>
<tr class="separator:a05352f5a353f1e86630a978060e77305"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a02feb1564ee23b6229b82be0289c96e4" id="r_a02feb1564ee23b6229b82be0289c96e4"><td class="memItemLeft" align="right" valign="top">virtual void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a02feb1564ee23b6229b82be0289c96e4">Render</a> (<a class="el" href="group__screen.html#classftxui_1_1Screen">Screen</a> &amp;screen)</td></tr>
<tr class="separator:a02feb1564ee23b6229b82be0289c96e4"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a2c5cebe05557529299e649867b499680" id="r_a2c5cebe05557529299e649867b499680"><td class="memItemLeft" align="right" valign="top">virtual std::string&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2c5cebe05557529299e649867b499680">GetSelectedContent</a> (<a class="el" href="#classftxui_1_1Selection">Selection</a> &amp;selection)</td></tr>
<tr class="separator:a2c5cebe05557529299e649867b499680"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5b71d891a102197f2856f53702425581" id="r_a5b71d891a102197f2856f53702425581"><td class="memItemLeft" align="right" valign="top">virtual void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5b71d891a102197f2856f53702425581">Check</a> (<a class="el" href="structftxui_1_1Node_1_1Status.html">Status</a> *status)</td></tr>
<tr class="separator:a5b71d891a102197f2856f53702425581"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr><td colspan="2"><h3>Protected Attributes</h3></td></tr>
<tr class="memitem:a2aeb117dade3254694355ab90e9fc566" id="r_a2aeb117dade3254694355ab90e9fc566"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2aeb117dade3254694355ab90e9fc566">children_</a></td></tr>
<tr class="separator:a2aeb117dade3254694355ab90e9fc566"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a3530d99687053ce0d0006b9dee9a1ca7" id="r_a3530d99687053ce0d0006b9dee9a1ca7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1Requirement">Requirement</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a3530d99687053ce0d0006b9dee9a1ca7">requirement_</a></td></tr>
<tr class="separator:a3530d99687053ce0d0006b9dee9a1ca7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa7e7d30102945911407723a5cbcdfabc" id="r_aa7e7d30102945911407723a5cbcdfabc"><td class="memItemLeft" align="right" valign="top"><a class="el" href="group__screen.html#structftxui_1_1Box">Box</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aa7e7d30102945911407723a5cbcdfabc">box_</a></td></tr>
<tr class="separator:aa7e7d30102945911407723a5cbcdfabc"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<h4 class="groupheader">Constructor &amp; Destructor Documentation</h4>
<a id="a0d313fac56abd7ebe58a17f1530b879e" name="a0d313fac56abd7ebe58a17f1530b879e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a0d313fac56abd7ebe58a17f1530b879e">&#9670;&#160;</a></span>Node() <span class="overload">[1/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Node">Node</a> </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">default</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a19fa1eae4c02e514c62a95e395b383a1" name="a19fa1eae4c02e514c62a95e395b383a1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a19fa1eae4c02e514c62a95e395b383a1">&#9670;&#160;</a></span>Node() <span class="overload">[2/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Node">Node</a> </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em>children</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">explicit</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00015">15</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="a7eb6a9efa23e5f6f7fc53b5aa3759dff" name="a7eb6a9efa23e5f6f7fc53b5aa3759dff"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a7eb6a9efa23e5f6f7fc53b5aa3759dff">&#9670;&#160;</a></span>Node() <span class="overload">[3/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Node">Node</a> </td>
<td>(</td>
<td class="paramtype">const <a class="el" href="#classftxui_1_1Node">Node</a> &amp;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">delete</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="ac6365e35a2029b3e58eca97905f8124d" name="ac6365e35a2029b3e58eca97905f8124d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac6365e35a2029b3e58eca97905f8124d">&#9670;&#160;</a></span>Node() <span class="overload">[4/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Node">Node</a> </td>
<td>(</td>
<td class="paramtype">const <a class="el" href="#classftxui_1_1Node">Node</a> &amp;&amp;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">delete</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a6fa6bf60f34f1e3efb0e59333428c9c8" name="a6fa6bf60f34f1e3efb0e59333428c9c8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6fa6bf60f34f1e3efb0e59333428c9c8">&#9670;&#160;</a></span>~Node()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">~<a class="el" href="#classftxui_1_1Node">Node</a> </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">virtual</span><span class="mlabel">default</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<h4 class="groupheader">Member Function Documentation</h4>
<a id="a7e12a390c13d283fc06cafbbfef7eba7" name="a7e12a390c13d283fc06cafbbfef7eba7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a7e12a390c13d283fc06cafbbfef7eba7">&#9670;&#160;</a></span>operator=() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Node">Node</a> &amp; operator= </td>
<td>(</td>
<td class="paramtype">const <a class="el" href="#classftxui_1_1Node">Node</a> &amp;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">delete</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="abe938f0d7bfdca112e345590d4887de6" name="abe938f0d7bfdca112e345590d4887de6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#abe938f0d7bfdca112e345590d4887de6">&#9670;&#160;</a></span>operator=() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Node">Node</a> &amp; operator= </td>
<td>(</td>
<td class="paramtype">const <a class="el" href="#classftxui_1_1Node">Node</a> &amp;&amp;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">delete</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a40bd818c5de23bb2d208360d275ae59d" name="a40bd818c5de23bb2d208360d275ae59d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a40bd818c5de23bb2d208360d275ae59d">&#9670;&#160;</a></span>ComputeRequirement()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">void ComputeRequirement </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">virtual</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>計算元素所需的空間大小。 </p>
<p>Reimplemented in <a class="el" href="classftxui_1_1NodeDecorator.html#ac68a91492bfe8a6dd7ea2b3f7f295720">NodeDecorator</a>.</p>
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00019">19</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="a39a263e8c8786dc62fcb4d734aad7fe6" name="a39a263e8c8786dc62fcb4d734aad7fe6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a39a263e8c8786dc62fcb4d734aad7fe6">&#9670;&#160;</a></span>requirement()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1Requirement">Requirement</a> requirement </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">inline</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="node_8hpp_source.html#l00048">48</a> of file <a class="el" href="node_8hpp_source.html">node.hpp</a>.</p>
</div>
</div>
<a id="a2ed318aaadb07efc50e76fce1ccf9637" name="a2ed318aaadb07efc50e76fce1ccf9637"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2ed318aaadb07efc50e76fce1ccf9637">&#9670;&#160;</a></span>SetBox()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">void SetBox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#structftxui_1_1Box">Box</a></td> <td class="paramname"><span class="paramname"><em>box</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">virtual</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>為元素分配繪圖位置和尺寸。 </p>
<p>Reimplemented in <a class="el" href="classftxui_1_1NodeDecorator.html#aafcc9bd6538ccb37babf4d56c4c1c238">NodeDecorator</a>.</p>
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00040">40</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="a05352f5a353f1e86630a978060e77305" name="a05352f5a353f1e86630a978060e77305"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a05352f5a353f1e86630a978060e77305">&#9670;&#160;</a></span>Select()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">void Select </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#classftxui_1_1Selection">Selection</a> &amp;</td> <td class="paramname"><span class="paramname"><em>selection</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">virtual</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>計算元素的選取範圍。 </p>
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00045">45</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="a02feb1564ee23b6229b82be0289c96e4" name="a02feb1564ee23b6229b82be0289c96e4"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a02feb1564ee23b6229b82be0289c96e4">&#9670;&#160;</a></span>Render()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">virtual void Render </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Screen">Screen</a> &amp;</td> <td class="paramname"><span class="paramname"><em>screen</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">virtual</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a2c5cebe05557529299e649867b499680" name="a2c5cebe05557529299e649867b499680"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2c5cebe05557529299e649867b499680">&#9670;&#160;</a></span>GetSelectedContent()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">std::string GetSelectedContent </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#classftxui_1_1Selection">Selection</a> &amp;</td> <td class="paramname"><span class="paramname"><em>selection</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">virtual</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00070">70</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="a5b71d891a102197f2856f53702425581" name="a5b71d891a102197f2856f53702425581"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5b71d891a102197f2856f53702425581">&#9670;&#160;</a></span>Check()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">void Check </td>
<td>(</td>
<td class="paramtype"><a class="el" href="structftxui_1_1Node_1_1Status.html">Status</a> *</td> <td class="paramname"><span class="paramname"><em>status</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">virtual</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00063">63</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<h4 class="groupheader">Member Data Documentation</h4>
<a id="a2aeb117dade3254694355ab90e9fc566" name="a2aeb117dade3254694355ab90e9fc566"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2aeb117dade3254694355ab90e9fc566">&#9670;&#160;</a></span>children_</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children_</td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">protected</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="node_8hpp_source.html#l00074">74</a> of file <a class="el" href="node_8hpp_source.html">node.hpp</a>.</p>
</div>
</div>
<a id="a3530d99687053ce0d0006b9dee9a1ca7" name="a3530d99687053ce0d0006b9dee9a1ca7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3530d99687053ce0d0006b9dee9a1ca7">&#9670;&#160;</a></span>requirement_</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1Requirement">Requirement</a> requirement_</td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">protected</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="node_8hpp_source.html#l00075">75</a> of file <a class="el" href="node_8hpp_source.html">node.hpp</a>.</p>
</div>
</div>
<a id="aa7e7d30102945911407723a5cbcdfabc" name="aa7e7d30102945911407723a5cbcdfabc"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa7e7d30102945911407723a5cbcdfabc">&#9670;&#160;</a></span>box_</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="group__screen.html#structftxui_1_1Box">Box</a> box_</td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">protected</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="node_8hpp_source.html#l00076">76</a> of file <a class="el" href="node_8hpp_source.html">node.hpp</a>.</p>
</div>
</div>
</div>
</div>
<a name="structftxui_1_1Requirement" id="structftxui_1_1Requirement"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1Requirement">&#9670;&#160;</a></span>ftxui::Requirement</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::Requirement</td>
</tr>
</table>
</div><div class="memdoc">
<div class="textblock"><p><a class="el" href="#structftxui_1_1Requirement" title="Requirement 是一個結構,定義了終端使用者介面中節點的佈局要求。">Requirement</a> 是一個結構,定義了終端使用者介面中節點的佈局要求。 </p>
<p>它指定了完全繪製元素所需的最小尺寸。 </p>
<p class="definition">Definition at line <a class="el" href="requirement_8hpp_source.html#l00016">16</a> of file <a class="el" href="requirement_8hpp_source.html">requirement.hpp</a>.</p>
</div><table class="memberdecls">
<tr><td colspan="2"><h3>Public Attributes</h3></td></tr>
<tr class="memitem:a9c8ab844b7e5b610b7a4ac433ea148a1" id="r_a9c8ab844b7e5b610b7a4ac433ea148a1"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9c8ab844b7e5b610b7a4ac433ea148a1">min_x</a> = 0</td></tr>
<tr class="separator:a9c8ab844b7e5b610b7a4ac433ea148a1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5fb18fec2bc2c10f230d683506bb5a8f" id="r_a5fb18fec2bc2c10f230d683506bb5a8f"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5fb18fec2bc2c10f230d683506bb5a8f">min_y</a> = 0</td></tr>
<tr class="separator:a5fb18fec2bc2c10f230d683506bb5a8f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a874ced28be7064feaaf97c70c2097bd6" id="r_a874ced28be7064feaaf97c70c2097bd6"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a874ced28be7064feaaf97c70c2097bd6">flex_grow_x</a> = 0</td></tr>
<tr class="separator:a874ced28be7064feaaf97c70c2097bd6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a13f6aa7165c63a4494fc2f1ed4428880" id="r_a13f6aa7165c63a4494fc2f1ed4428880"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a13f6aa7165c63a4494fc2f1ed4428880">flex_grow_y</a> = 0</td></tr>
<tr class="separator:a13f6aa7165c63a4494fc2f1ed4428880"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad293f2488e260e36e72fd3da9c16df9a" id="r_ad293f2488e260e36e72fd3da9c16df9a"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad293f2488e260e36e72fd3da9c16df9a">flex_shrink_x</a> = 0</td></tr>
<tr class="separator:ad293f2488e260e36e72fd3da9c16df9a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab4e07297a2a55de7158ef0115b6b46a9" id="r_ab4e07297a2a55de7158ef0115b6b46a9"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab4e07297a2a55de7158ef0115b6b46a9">flex_shrink_y</a> = 0</td></tr>
<tr class="separator:ab4e07297a2a55de7158ef0115b6b46a9"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa4da656616dd87d4e82a4ee718db6b3c" id="r_aa4da656616dd87d4e82a4ee718db6b3c"><td class="memItemLeft" align="right" valign="top"><a class="el" href="structftxui_1_1Requirement_1_1Focused.html">Focused</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aa4da656616dd87d4e82a4ee718db6b3c">focused</a></td></tr>
<tr class="separator:aa4da656616dd87d4e82a4ee718db6b3c"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<h4 class="groupheader">Member Data Documentation</h4>
<a id="a9c8ab844b7e5b610b7a4ac433ea148a1" name="a9c8ab844b7e5b610b7a4ac433ea148a1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9c8ab844b7e5b610b7a4ac433ea148a1">&#9670;&#160;</a></span>min_x</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int min_x = 0</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="requirement_8hpp_source.html#l00018">18</a> of file <a class="el" href="requirement_8hpp_source.html">requirement.hpp</a>.</p>
</div>
</div>
<a id="a5fb18fec2bc2c10f230d683506bb5a8f" name="a5fb18fec2bc2c10f230d683506bb5a8f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5fb18fec2bc2c10f230d683506bb5a8f">&#9670;&#160;</a></span>min_y</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int min_y = 0</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="requirement_8hpp_source.html#l00019">19</a> of file <a class="el" href="requirement_8hpp_source.html">requirement.hpp</a>.</p>
</div>
</div>
<a id="a874ced28be7064feaaf97c70c2097bd6" name="a874ced28be7064feaaf97c70c2097bd6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a874ced28be7064feaaf97c70c2097bd6">&#9670;&#160;</a></span>flex_grow_x</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int flex_grow_x = 0</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="requirement_8hpp_source.html#l00022">22</a> of file <a class="el" href="requirement_8hpp_source.html">requirement.hpp</a>.</p>
</div>
</div>
<a id="a13f6aa7165c63a4494fc2f1ed4428880" name="a13f6aa7165c63a4494fc2f1ed4428880"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a13f6aa7165c63a4494fc2f1ed4428880">&#9670;&#160;</a></span>flex_grow_y</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int flex_grow_y = 0</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="requirement_8hpp_source.html#l00023">23</a> of file <a class="el" href="requirement_8hpp_source.html">requirement.hpp</a>.</p>
</div>
</div>
<a id="ad293f2488e260e36e72fd3da9c16df9a" name="ad293f2488e260e36e72fd3da9c16df9a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad293f2488e260e36e72fd3da9c16df9a">&#9670;&#160;</a></span>flex_shrink_x</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int flex_shrink_x = 0</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="requirement_8hpp_source.html#l00024">24</a> of file <a class="el" href="requirement_8hpp_source.html">requirement.hpp</a>.</p>
</div>
</div>
<a id="ab4e07297a2a55de7158ef0115b6b46a9" name="ab4e07297a2a55de7158ef0115b6b46a9"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab4e07297a2a55de7158ef0115b6b46a9">&#9670;&#160;</a></span>flex_shrink_y</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int flex_shrink_y = 0</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="requirement_8hpp_source.html#l00025">25</a> of file <a class="el" href="requirement_8hpp_source.html">requirement.hpp</a>.</p>
</div>
</div>
<a id="aa4da656616dd87d4e82a4ee718db6b3c" name="aa4da656616dd87d4e82a4ee718db6b3c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa4da656616dd87d4e82a4ee718db6b3c">&#9670;&#160;</a></span>focused</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="structftxui_1_1Requirement_1_1Focused.html">Focused</a> focused</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="requirement_8hpp_source.html#l00049">49</a> of file <a class="el" href="requirement_8hpp_source.html">requirement.hpp</a>.</p>
</div>
</div>
</div>
</div>
<a name="classftxui_1_1Selection" id="classftxui_1_1Selection"></a>
<h2 class="memtitle"><span class="permalink"><a href="#classftxui_1_1Selection">&#9670;&#160;</a></span>ftxui::Selection</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">class ftxui::Selection</td>
</tr>
</table>
</div><div class="memdoc">
<div class="textblock"><p>表示終端機使用者介面中的選取範圍。 </p>
<p><a class="el" href="#classftxui_1_1Selection" title="表示終端機使用者介面中的選取範圍。">Selection</a> 是一個類別,表示終端機使用者介面中選取範圍的兩個端點。 </p>
<p class="definition">Definition at line <a class="el" href="selection_8hpp_source.html#l00021">21</a> of file <a class="el" href="selection_8hpp_source.html">selection.hpp</a>.</p>
</div><table class="memberdecls">
<tr><td colspan="2"><h3>Public Member Functions</h3></td></tr>
<tr class="memitem:ade00d4039f147221b9fd6b6b402b43b1" id="r_ade00d4039f147221b9fd6b6b402b43b1"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ade00d4039f147221b9fd6b6b402b43b1">Selection</a> ()</td></tr>
<tr class="memdesc:ade00d4039f147221b9fd6b6b402b43b1"><td class="mdescLeft">&#160;</td><td class="mdescRight">建立一個空的選取範圍。 <br /></td></tr>
<tr class="separator:ade00d4039f147221b9fd6b6b402b43b1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a76eafd8bc098ec9f0405e3b1f6fb42c4" id="r_a76eafd8bc098ec9f0405e3b1f6fb42c4"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a76eafd8bc098ec9f0405e3b1f6fb42c4">Selection</a> (int start_x, int start_y, int end_x, int end_y)</td></tr>
<tr class="memdesc:a76eafd8bc098ec9f0405e3b1f6fb42c4"><td class="mdescLeft">&#160;</td><td class="mdescRight">建立一個選取範圍。 <br /></td></tr>
<tr class="separator:a76eafd8bc098ec9f0405e3b1f6fb42c4"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a03f5cc5dcad10fecb7a0b8203c86a13e" id="r_a03f5cc5dcad10fecb7a0b8203c86a13e"><td class="memItemLeft" align="right" valign="top">const <a class="el" href="group__screen.html#structftxui_1_1Box">Box</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a03f5cc5dcad10fecb7a0b8203c86a13e">GetBox</a> () const</td></tr>
<tr class="memdesc:a03f5cc5dcad10fecb7a0b8203c86a13e"><td class="mdescLeft">&#160;</td><td class="mdescRight">取得選取範圍的方塊。 <br /></td></tr>
<tr class="separator:a03f5cc5dcad10fecb7a0b8203c86a13e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af3f2674604d907fbce26d4217cfa9324" id="r_af3f2674604d907fbce26d4217cfa9324"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#classftxui_1_1Selection">Selection</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af3f2674604d907fbce26d4217cfa9324">SaturateHorizontal</a> (<a class="el" href="group__screen.html#structftxui_1_1Box">Box</a> box)</td></tr>
<tr class="memdesc:af3f2674604d907fbce26d4217cfa9324"><td class="mdescLeft">&#160;</td><td class="mdescRight">將選取範圍飽和在方塊內。 這是由 <code>hbox</code> 呼叫,用於將選取範圍傳播到其子元素。 <br /></td></tr>
<tr class="separator:af3f2674604d907fbce26d4217cfa9324"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ace69e1e7c6e64b7ae0c4402e0e1e3336" id="r_ace69e1e7c6e64b7ae0c4402e0e1e3336"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#classftxui_1_1Selection">Selection</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ace69e1e7c6e64b7ae0c4402e0e1e3336">SaturateVertical</a> (<a class="el" href="group__screen.html#structftxui_1_1Box">Box</a> box)</td></tr>
<tr class="memdesc:ace69e1e7c6e64b7ae0c4402e0e1e3336"><td class="mdescLeft">&#160;</td><td class="mdescRight">將選取範圍飽和在方塊內。 這是由 <code>vbox</code> 呼叫,用於將選取範圍傳播到其子元素。 <br /></td></tr>
<tr class="separator:ace69e1e7c6e64b7ae0c4402e0e1e3336"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8e12342fc420701fbffd97025421575a" id="r_a8e12342fc420701fbffd97025421575a"><td class="memItemLeft" align="right" valign="top">bool&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a8e12342fc420701fbffd97025421575a">IsEmpty</a> () const</td></tr>
<tr class="separator:a8e12342fc420701fbffd97025421575a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9887e25feddebbf840876824cb3cbf61" id="r_a9887e25feddebbf840876824cb3cbf61"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9887e25feddebbf840876824cb3cbf61">AddPart</a> (const std::string &amp;part, int y, int <a class="el" href="screen_8cpp.html#a972107f15f3c0c099eb9fd605e7f51c6">left</a>, int <a class="el" href="screen_8cpp.html#aa4b74e56e675912bbc06504407fc7a46">right</a>)</td></tr>
<tr class="separator:a9887e25feddebbf840876824cb3cbf61"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a4d4387d24d418b865c77ed592602d08d" id="r_a4d4387d24d418b865c77ed592602d08d"><td class="memItemLeft" align="right" valign="top">std::string&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a4d4387d24d418b865c77ed592602d08d">GetParts</a> ()</td></tr>
<tr class="separator:a4d4387d24d418b865c77ed592602d08d"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<h4 class="groupheader">Constructor &amp; Destructor Documentation</h4>
<a id="ade00d4039f147221b9fd6b6b402b43b1" name="ade00d4039f147221b9fd6b6b402b43b1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ade00d4039f147221b9fd6b6b402b43b1">&#9670;&#160;</a></span>Selection() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Selection">Selection</a> </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">default</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>建立一個空的選取範圍。 </p>
</div>
</div>
<a id="a76eafd8bc098ec9f0405e3b1f6fb42c4" name="a76eafd8bc098ec9f0405e3b1f6fb42c4"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a76eafd8bc098ec9f0405e3b1f6fb42c4">&#9670;&#160;</a></span>Selection() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Selection">Selection</a> </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>start_x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>start_y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>end_x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>end_y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>建立一個選取範圍。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">start_x</td><td>選取範圍起點的 x 座標。 </td></tr>
<tr><td class="paramname">start_y</td><td>選取範圍起點的 y 座標。 </td></tr>
<tr><td class="paramname">end_x</td><td>選取範圍終點的 x 座標。 </td></tr>
<tr><td class="paramname">end_y</td><td>選取範圍終點的 y 座標。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2selection_8cpp_source.html#l00033">33</a> of file <a class="el" href="src_2ftxui_2dom_2selection_8cpp_source.html">src/ftxui/dom/selection.cpp</a>.</p>
</div>
</div>
<h4 class="groupheader">Member Function Documentation</h4>
<a id="a03f5cc5dcad10fecb7a0b8203c86a13e" name="a03f5cc5dcad10fecb7a0b8203c86a13e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a03f5cc5dcad10fecb7a0b8203c86a13e">&#9670;&#160;</a></span>GetBox()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">const <a class="el" href="group__screen.html#structftxui_1_1Box">Box</a> &amp; GetBox </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td> const</td>
</tr>
</table>
</div><div class="memdoc">
<p>取得選取範圍的方塊。 </p>
<dl class="section return"><dt>Returns</dt><dd>選取範圍的方塊。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2selection_8cpp_source.html#l00066">66</a> of file <a class="el" href="src_2ftxui_2dom_2selection_8cpp_source.html">src/ftxui/dom/selection.cpp</a>.</p>
</div>
</div>
<a id="af3f2674604d907fbce26d4217cfa9324" name="af3f2674604d907fbce26d4217cfa9324"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af3f2674604d907fbce26d4217cfa9324">&#9670;&#160;</a></span>SaturateHorizontal()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Selection">Selection</a> SaturateHorizontal </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#structftxui_1_1Box">Box</a></td> <td class="paramname"><span class="paramname"><em>box</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>將選取範圍飽和在方塊內。 這是由 <code>hbox</code> 呼叫,用於將選取範圍傳播到其子元素。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">box</td><td>用於飽和選取範圍的方塊。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>飽和後的選取範圍。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2selection_8cpp_source.html#l00074">74</a> of file <a class="el" href="src_2ftxui_2dom_2selection_8cpp_source.html">src/ftxui/dom/selection.cpp</a>.</p>
</div>
</div>
<a id="ace69e1e7c6e64b7ae0c4402e0e1e3336" name="ace69e1e7c6e64b7ae0c4402e0e1e3336"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ace69e1e7c6e64b7ae0c4402e0e1e3336">&#9670;&#160;</a></span>SaturateVertical()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Selection">Selection</a> SaturateVertical </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#structftxui_1_1Box">Box</a></td> <td class="paramname"><span class="paramname"><em>box</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>將選取範圍飽和在方塊內。 這是由 <code>vbox</code> 呼叫,用於將選取範圍傳播到其子元素。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">box</td><td>用於飽和選取範圍的方塊。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>飽和後的選取範圍。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2selection_8cpp_source.html#l00112">112</a> of file <a class="el" href="src_2ftxui_2dom_2selection_8cpp_source.html">src/ftxui/dom/selection.cpp</a>.</p>
</div>
</div>
<a id="a8e12342fc420701fbffd97025421575a" name="a8e12342fc420701fbffd97025421575a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8e12342fc420701fbffd97025421575a">&#9670;&#160;</a></span>IsEmpty()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">bool IsEmpty </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td> const</td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">inline</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="selection_8hpp_source.html#l00030">30</a> of file <a class="el" href="selection_8hpp_source.html">selection.hpp</a>.</p>
</div>
</div>
<a id="a9887e25feddebbf840876824cb3cbf61" name="a9887e25feddebbf840876824cb3cbf61"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9887e25feddebbf840876824cb3cbf61">&#9670;&#160;</a></span>AddPart()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void AddPart </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>part</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>left</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>right</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2selection_8cpp_source.html#l00145">145</a> of file <a class="el" href="src_2ftxui_2dom_2selection_8cpp_source.html">src/ftxui/dom/selection.cpp</a>.</p>
</div>
</div>
<a id="a4d4387d24d418b865c77ed592602d08d" name="a4d4387d24d418b865c77ed592602d08d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4d4387d24d418b865c77ed592602d08d">&#9670;&#160;</a></span>GetParts()</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">std::string GetParts </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">inline</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="selection_8hpp_source.html#l00033">33</a> of file <a class="el" href="selection_8hpp_source.html">selection.hpp</a>.</p>
</div>
</div>
</div>
</div>
<a name="classftxui_1_1Table" id="classftxui_1_1Table"></a>
<h2 class="memtitle"><span class="permalink"><a href="#classftxui_1_1Table">&#9670;&#160;</a></span>ftxui::Table</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">class ftxui::Table</td>
</tr>
</table>
</div><div class="memdoc">
<div class="textblock"><p><a class="el" href="#classftxui_1_1Table" title="Table 是一個用於繪製表格的工具。">Table</a> 是一個用於繪製表格的工具。 </p>
<p><b>範例</b> </p><div class="fragment"><div class="line"><span class="keyword">auto</span> table = <a class="code hl_function" href="#a2a7f82c625b00a53f710b2ed305248d2">Table</a>({</div>
<div class="line"> {<span class="stringliteral">&quot;X&quot;</span>, <span class="stringliteral">&quot;Y&quot;</span>},</div>
<div class="line"> {<span class="stringliteral">&quot;-1&quot;</span>, <span class="stringliteral">&quot;1&quot;</span>},</div>
<div class="line"> {<span class="stringliteral">&quot;+0&quot;</span>, <span class="stringliteral">&quot;0&quot;</span>},</div>
<div class="line"> {<span class="stringliteral">&quot;+1&quot;</span>, <span class="stringliteral">&quot;1&quot;</span>},</div>
<div class="line">});</div>
<div class="line"> </div>
<div class="line">table.SelectAll().Border(<a class="code hl_enumvalue" href="#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>);</div>
<div class="line">table.SelectRow(1).Border(<a class="code hl_enumvalue" href="#ggafe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92">DOUBLE</a>);</div>
<div class="line">table.SelectRow(1).SeparatorInternal(<a class="code hl_enumvalue" href="#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>);</div>
<div class="line"> </div>
<div class="line">std::move(table).Render();</div>
<div class="ttc" id="agroup__dom_html_a2a7f82c625b00a53f710b2ed305248d2"><div class="ttname"><a href="#a2a7f82c625b00a53f710b2ed305248d2">ftxui::Table::Table</a></div><div class="ttdeci">Table()</div><div class="ttdoc">創建一個空表格。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2table_8cpp_source.html#l00047">src/ftxui/dom/table.cpp:47</a></div></div>
<div class="ttc" id="agroup__dom_html_ggafe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92"><div class="ttname"><a href="#ggafe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92">ftxui::DOUBLE</a></div><div class="ttdeci">@ DOUBLE</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00036">elements.hpp:36</a></div></div>
<div class="ttc" id="agroup__dom_html_ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb"><div class="ttname"><a href="#ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">ftxui::LIGHT</a></div><div class="ttdeci">@ LIGHT</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00033">elements.hpp:33</a></div></div>
</div><!-- fragment --> <dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2dom_2table_8cpp-example.html#_a1">examples/dom/table.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="table_8hpp_source.html#l00035">35</a> of file <a class="el" href="table_8hpp_source.html">table.hpp</a>.</p>
</div><table class="memberdecls">
<tr><td colspan="2"><h3>Public Member Functions</h3></td></tr>
<tr class="memitem:a2a7f82c625b00a53f710b2ed305248d2" id="r_a2a7f82c625b00a53f710b2ed305248d2"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2a7f82c625b00a53f710b2ed305248d2">Table</a> ()</td></tr>
<tr class="memdesc:a2a7f82c625b00a53f710b2ed305248d2"><td class="mdescLeft">&#160;</td><td class="mdescRight">創建一個空表格。 <br /></td></tr>
<tr class="separator:a2a7f82c625b00a53f710b2ed305248d2"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a2055337c538a82ae13d92db1838fc454" id="r_a2055337c538a82ae13d92db1838fc454"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2055337c538a82ae13d92db1838fc454">Table</a> (std::vector&lt; std::vector&lt; std::string &gt; &gt;)</td></tr>
<tr class="memdesc:a2055337c538a82ae13d92db1838fc454"><td class="mdescLeft">&#160;</td><td class="mdescRight">從一個字串向量的向量創建一個表格。 <br /></td></tr>
<tr class="separator:a2055337c538a82ae13d92db1838fc454"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:acbd904dfec77b46b257e33f9c7d1e71d" id="r_acbd904dfec77b46b257e33f9c7d1e71d"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#acbd904dfec77b46b257e33f9c7d1e71d">Table</a> (std::vector&lt; std::vector&lt; <a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &gt; &gt;)</td></tr>
<tr class="memdesc:acbd904dfec77b46b257e33f9c7d1e71d"><td class="mdescLeft">&#160;</td><td class="mdescRight">從一個 Element 向量的向量創建一個表格 <br /></td></tr>
<tr class="separator:acbd904dfec77b46b257e33f9c7d1e71d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a22a1b5a5b90feb5ebbfe20d7dec5c650" id="r_a22a1b5a5b90feb5ebbfe20d7dec5c650"><td class="memItemLeft" align="right" valign="top">&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a22a1b5a5b90feb5ebbfe20d7dec5c650">Table</a> (std::initializer_list&lt; std::vector&lt; std::string &gt; &gt; init)</td></tr>
<tr class="separator:a22a1b5a5b90feb5ebbfe20d7dec5c650"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad5f50927f54334b84514bc4b11a14d71" id="r_ad5f50927f54334b84514bc4b11a14d71"><td class="memItemLeft" align="right" valign="top"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad5f50927f54334b84514bc4b11a14d71">SelectAll</a> ()</td></tr>
<tr class="memdesc:ad5f50927f54334b84514bc4b11a14d71"><td class="mdescLeft">&#160;</td><td class="mdescRight">選取整個表格。 <br /></td></tr>
<tr class="separator:ad5f50927f54334b84514bc4b11a14d71"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a3c2f178ef9f94da293a53b467ef8643b" id="r_a3c2f178ef9f94da293a53b467ef8643b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a3c2f178ef9f94da293a53b467ef8643b">SelectCell</a> (int column, int row)</td></tr>
<tr class="memdesc:a3c2f178ef9f94da293a53b467ef8643b"><td class="mdescLeft">&#160;</td><td class="mdescRight">選取表格的一個單元格。 <br /></td></tr>
<tr class="separator:a3c2f178ef9f94da293a53b467ef8643b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a64435bbfbdefd7408241c69b6b8283e7" id="r_a64435bbfbdefd7408241c69b6b8283e7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a64435bbfbdefd7408241c69b6b8283e7">SelectRow</a> (int row_index)</td></tr>
<tr class="memdesc:a64435bbfbdefd7408241c69b6b8283e7"><td class="mdescLeft">&#160;</td><td class="mdescRight">選取表格的某一行。 <br /></td></tr>
<tr class="separator:a64435bbfbdefd7408241c69b6b8283e7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab36d32e3675a9353ee79e84405cd7a44" id="r_ab36d32e3675a9353ee79e84405cd7a44"><td class="memItemLeft" align="right" valign="top"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab36d32e3675a9353ee79e84405cd7a44">SelectRows</a> (int row_min, int row_max)</td></tr>
<tr class="memdesc:ab36d32e3675a9353ee79e84405cd7a44"><td class="mdescLeft">&#160;</td><td class="mdescRight">選取表格的行範圍。 <br /></td></tr>
<tr class="separator:ab36d32e3675a9353ee79e84405cd7a44"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a4ee8ddbab36f592fba81c6430d26545e" id="r_a4ee8ddbab36f592fba81c6430d26545e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a4ee8ddbab36f592fba81c6430d26545e">SelectColumn</a> (int column_index)</td></tr>
<tr class="memdesc:a4ee8ddbab36f592fba81c6430d26545e"><td class="mdescLeft">&#160;</td><td class="mdescRight">選取表格的某一列。 <br /></td></tr>
<tr class="separator:a4ee8ddbab36f592fba81c6430d26545e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a79109565fe65710f725eb474778cae36" id="r_a79109565fe65710f725eb474778cae36"><td class="memItemLeft" align="right" valign="top"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a79109565fe65710f725eb474778cae36">SelectColumns</a> (int column_min, int column_max)</td></tr>
<tr class="memdesc:a79109565fe65710f725eb474778cae36"><td class="mdescLeft">&#160;</td><td class="mdescRight">選取表格的列範圍。 <br /></td></tr>
<tr class="separator:a79109565fe65710f725eb474778cae36"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af0021915d0cbda394077929601b8ab8f" id="r_af0021915d0cbda394077929601b8ab8f"><td class="memItemLeft" align="right" valign="top"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af0021915d0cbda394077929601b8ab8f">SelectRectangle</a> (int column_min, int column_max, int row_min, int row_max)</td></tr>
<tr class="memdesc:af0021915d0cbda394077929601b8ab8f"><td class="mdescLeft">&#160;</td><td class="mdescRight">選取表格的一個矩形區域。 <br /></td></tr>
<tr class="separator:af0021915d0cbda394077929601b8ab8f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a28d41d6113c5b29c8dd45846582b3299" id="r_a28d41d6113c5b29c8dd45846582b3299"><td class="memItemLeft" align="right" valign="top"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a28d41d6113c5b29c8dd45846582b3299">Render</a> ()</td></tr>
<tr class="memdesc:a28d41d6113c5b29c8dd45846582b3299"><td class="mdescLeft">&#160;</td><td class="mdescRight">渲染表格。 <br /></td></tr>
<tr class="separator:a28d41d6113c5b29c8dd45846582b3299"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<h4 class="groupheader">Constructor &amp; Destructor Documentation</h4>
<a id="a2a7f82c625b00a53f710b2ed305248d2" name="a2a7f82c625b00a53f710b2ed305248d2"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2a7f82c625b00a53f710b2ed305248d2">&#9670;&#160;</a></span>Table() <span class="overload">[1/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Table">Table</a> </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>創建一個空表格。 </p>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00047">47</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<a id="a2055337c538a82ae13d92db1838fc454" name="a2055337c538a82ae13d92db1838fc454"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2055337c538a82ae13d92db1838fc454">&#9670;&#160;</a></span>Table() <span class="overload">[2/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Table">Table</a> </td>
<td>(</td>
<td class="paramtype">std::vector&lt; std::vector&lt; std::string &gt; &gt;</td> <td class="paramname"><span class="paramname"><em>input</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">explicit</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>從一個字串向量的向量創建一個表格。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">input</td><td>輸入資料。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00053">53</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<a id="acbd904dfec77b46b257e33f9c7d1e71d" name="acbd904dfec77b46b257e33f9c7d1e71d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#acbd904dfec77b46b257e33f9c7d1e71d">&#9670;&#160;</a></span>Table() <span class="overload">[3/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Table">Table</a> </td>
<td>(</td>
<td class="paramtype">std::vector&lt; std::vector&lt; <a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &gt; &gt;</td> <td class="paramname"><span class="paramname"><em>input</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">explicit</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>從一個 Element 向量的向量創建一個表格 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">input</td><td>輸入元素。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00069">69</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<a id="a22a1b5a5b90feb5ebbfe20d7dec5c650" name="a22a1b5a5b90feb5ebbfe20d7dec5c650"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a22a1b5a5b90feb5ebbfe20d7dec5c650">&#9670;&#160;</a></span>Table() <span class="overload">[4/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#classftxui_1_1Table">Table</a> </td>
<td>(</td>
<td class="paramtype">std::initializer_list&lt; std::vector&lt; std::string &gt; &gt;</td> <td class="paramname"><span class="paramname"><em>init</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00075">75</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<h4 class="groupheader">Member Function Documentation</h4>
<a id="ad5f50927f54334b84514bc4b11a14d71" name="ad5f50927f54334b84514bc4b11a14d71"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad5f50927f54334b84514bc4b11a14d71">&#9670;&#160;</a></span>SelectAll()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a> SelectAll </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>選取整個表格。 </p>
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2dom_2table_8cpp-example.html#a2">examples/dom/table.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00200">200</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<a id="a3c2f178ef9f94da293a53b467ef8643b" name="a3c2f178ef9f94da293a53b467ef8643b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3c2f178ef9f94da293a53b467ef8643b">&#9670;&#160;</a></span>SelectCell()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a> SelectCell </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>column</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>row</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>選取表格的一個單元格。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">column</td><td>要選取的單元格的列。 </td></tr>
<tr><td class="paramname">row</td><td>要選取的單元格的行。 </td></tr>
</table>
</dd>
</dl>
<dl class="section note"><dt>Note</dt><dd>您可以使用負數索引從末尾選取。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00169">169</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<a id="a64435bbfbdefd7408241c69b6b8283e7" name="a64435bbfbdefd7408241c69b6b8283e7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a64435bbfbdefd7408241c69b6b8283e7">&#9670;&#160;</a></span>SelectRow()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a> SelectRow </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>index</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>選取表格的某一行。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">index</td><td>要選取的行的索引。 </td></tr>
</table>
</dd>
</dl>
<dl class="section note"><dt>Note</dt><dd>您可以使用負數索引從末尾選取。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00138">138</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<a id="ab36d32e3675a9353ee79e84405cd7a44" name="ab36d32e3675a9353ee79e84405cd7a44"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab36d32e3675a9353ee79e84405cd7a44">&#9670;&#160;</a></span>SelectRows()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a> SelectRows </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>row_min</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>row_max</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>選取表格的行範圍。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">row_min</td><td>要選取的第一行。 </td></tr>
<tr><td class="paramname">row_max</td><td>要選取的最後一行。 </td></tr>
</table>
</dd>
</dl>
<dl class="section note"><dt>Note</dt><dd>您可以使用負數索引從末尾選取。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00146">146</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<a id="a4ee8ddbab36f592fba81c6430d26545e" name="a4ee8ddbab36f592fba81c6430d26545e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4ee8ddbab36f592fba81c6430d26545e">&#9670;&#160;</a></span>SelectColumn()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a> SelectColumn </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>index</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>選取表格的某一列。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">index</td><td>要選取的列的索引。 </td></tr>
</table>
</dd>
</dl>
<dl class="section note"><dt>Note</dt><dd>您可以使用負數索引從末尾選取。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00153">153</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<a id="a79109565fe65710f725eb474778cae36" name="a79109565fe65710f725eb474778cae36"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a79109565fe65710f725eb474778cae36">&#9670;&#160;</a></span>SelectColumns()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a> SelectColumns </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>column_min</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>column_max</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>選取表格的列範圍。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">column_min</td><td>要選取的第一列。 </td></tr>
<tr><td class="paramname">column_max</td><td>要選取的最後一列。 </td></tr>
</table>
</dd>
</dl>
<dl class="section note"><dt>Note</dt><dd>您可以使用負數索引從末尾選取。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00161">161</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<a id="af0021915d0cbda394077929601b8ab8f" name="af0021915d0cbda394077929601b8ab8f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af0021915d0cbda394077929601b8ab8f">&#9670;&#160;</a></span>SelectRectangle()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a> SelectRectangle </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>column_min</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>column_max</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>row_min</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>row_max</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>選取表格的一個矩形區域。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">column_min</td><td>要選取的第一列。 </td></tr>
<tr><td class="paramname">column_max</td><td>要選取的最後一列。 </td></tr>
<tr><td class="paramname">row_min</td><td>要選取的第一行。 </td></tr>
<tr><td class="paramname">row_max</td><td>要選取的最後一行。 </td></tr>
</table>
</dd>
</dl>
<dl class="section note"><dt>Note</dt><dd>您可以使用負數索引從末尾選取。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00179">179</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
<a id="a28d41d6113c5b29c8dd45846582b3299" name="a28d41d6113c5b29c8dd45846582b3299"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a28d41d6113c5b29c8dd45846582b3299">&#9670;&#160;</a></span>Render()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> Render </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>渲染表格。 </p>
<dl class="section return"><dt>Returns</dt><dd>渲染後的表格。這是一個你可以繪製的元素。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html#l00212">212</a> of file <a class="el" href="src_2ftxui_2dom_2table_8cpp_source.html">src/ftxui/dom/table.cpp</a>.</p>
</div>
</div>
</div>
</div>
<h2 class="groupheader">Enumeration Type Documentation</h2>
<a id="ga224b9163917ac32fc95a60d8c1eec3aa" name="ga224b9163917ac32fc95a60d8c1eec3aa"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga224b9163917ac32fc95a60d8c1eec3aa">&#9670;&#160;</a></span>Direction</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#ga224b9163917ac32fc95a60d8c1eec3aa">Direction</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>Direction 是一個列舉,表示四個主要方向。 </p>
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="gga224b9163917ac32fc95a60d8c1eec3aaa258f49887ef8d14ac268c92b02503aaa" name="gga224b9163917ac32fc95a60d8c1eec3aaa258f49887ef8d14ac268c92b02503aaa"></a>Up&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="gga224b9163917ac32fc95a60d8c1eec3aaa08a38277b0309070706f6652eeae9a53" name="gga224b9163917ac32fc95a60d8c1eec3aaa08a38277b0309070706f6652eeae9a53"></a>Down&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="gga224b9163917ac32fc95a60d8c1eec3aaa945d5e233cf7d6240f6b783b36a374ff" name="gga224b9163917ac32fc95a60d8c1eec3aaa945d5e233cf7d6240f6b783b36a374ff"></a>Left&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="gga224b9163917ac32fc95a60d8c1eec3aaa92b09c7c48c520c3c55e497875da437c" name="gga224b9163917ac32fc95a60d8c1eec3aaa92b09c7c48c520c3c55e497875da437c"></a>Right&#160;</td><td class="fielddoc"></td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="direction_8hpp_source.html#l00012">12</a> of file <a class="el" href="direction_8hpp_source.html">direction.hpp</a>.</p>
</div>
</div>
<a id="gafe3103dd0b8240c5443892484ef5af9c" name="gafe3103dd0b8240c5443892484ef5af9c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gafe3103dd0b8240c5443892484ef5af9c">&#9670;&#160;</a></span>BorderStyle</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">enum <a class="el" href="#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a></td>
</tr>
</table>
</div><div class="memdoc">
<p>BorderStyle 是一個列舉,表示可以應用於終端機 UI 元素的不同邊框樣式。 </p>
<p>BorderStyle 是一個列舉,表示可以應用於終端機 UI 元素的不同邊框樣式。 它用於定義元素周圍邊框的視覺外觀,例如視窗、框架或分隔符。 </p>
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb" name="ggafe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb"></a>LIGHT&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ggafe3103dd0b8240c5443892484ef5af9ca830310bdfd296d7cd00c59773579b892" name="ggafe3103dd0b8240c5443892484ef5af9ca830310bdfd296d7cd00c59773579b892"></a>DASHED&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ggafe3103dd0b8240c5443892484ef5af9ca34cd68a92c52759ed9b545969a11c2da" name="ggafe3103dd0b8240c5443892484ef5af9ca34cd68a92c52759ed9b545969a11c2da"></a>HEAVY&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ggafe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92" name="ggafe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92"></a>DOUBLE&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ggafe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493" name="ggafe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493"></a>ROUNDED&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ggafe3103dd0b8240c5443892484ef5af9ca2f0d18fc0d0fa4a6cd92dc328501874d" name="ggafe3103dd0b8240c5443892484ef5af9ca2f0d18fc0d0fa4a6cd92dc328501874d"></a>EMPTY&#160;</td><td class="fielddoc"></td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="elements_8hpp_source.html#l00032">32</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<h2 class="groupheader">Function Documentation</h2>
<a id="gaca42bd6c44d8d366d5c1014330402086" name="gaca42bd6c44d8d366d5c1014330402086"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaca42bd6c44d8d366d5c1014330402086">&#9670;&#160;</a></span>automerge()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> automerge </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>啟用字符自動與附近其他字符合併。 </p>
<p class="definition">Definition at line <a class="el" href="automerge_8cpp_source.html#l00017">17</a> of file <a class="el" href="automerge_8cpp_source.html">automerge.cpp</a>.</p>
</div>
</div>
<a id="gad57613de5895e774218d91dea48d074b" name="gad57613de5895e774218d91dea48d074b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gad57613de5895e774218d91dea48d074b">&#9670;&#160;</a></span>blink()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> blink </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製的文字在可見和隱藏之間交替。 </p>
<p class="definition">Definition at line <a class="el" href="blink_8cpp_source.html#l00033">33</a> of file <a class="el" href="blink_8cpp_source.html">blink.cpp</a>.</p>
</div>
</div>
<a id="ga353c769068e25303eb41fa2da565c604" name="ga353c769068e25303eb41fa2da565c604"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga353c769068e25303eb41fa2da565c604">&#9670;&#160;</a></span>bold()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> bold </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用粗體字型,用於需要更多強調的元素。 </p>
<p class="definition">Definition at line <a class="el" href="bold_8cpp_source.html#l00033">33</a> of file <a class="el" href="bold_8cpp_source.html">bold.cpp</a>.</p>
</div>
</div>
<a id="gae8537acd423d47cf07e61bd774fb1098" name="gae8537acd423d47cf07e61bd774fb1098"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gae8537acd423d47cf07e61bd774fb1098">&#9670;&#160;</a></span>border()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> border </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在元素周圍繪製邊框。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd>
<dd>
borderLight </dd>
<dd>
borderDashed </dd>
<dd>
borderDouble </dd>
<dd>
borderHeavy </dd>
<dd>
borderEmpty </dd>
<dd>
borderRounded </dd>
<dd>
borderStyled </dd>
<dd>
borderWith</dd></dl>
<p>在元素周圍新增邊框</p>
<h3><a class="anchor" id="範例-36"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 將 &#39;border&#39; 作為函數使用...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...或作為 &#39;pipe&#39; 使用。</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#gae8537acd423d47cf07e61bd774fb1098">border</a>;</div>
<div class="ttc" id="agroup__dom_html_ga75baaa2734ed76a9f478beaafa87ae57"><div class="ttname"><a href="#ga75baaa2734ed76a9f478beaafa87ae57">ftxui::text</a></div><div class="ttdeci">Element text(std::wstring text)</div><div class="ttdoc">顯示一段 Unicode 文字。</div><div class="ttdef"><b>Definition</b> <a href="text_8cpp_source.html#l00160">text.cpp:160</a></div></div>
<div class="ttc" id="agroup__dom_html_gae8537acd423d47cf07e61bd774fb1098"><div class="ttname"><a href="#gae8537acd423d47cf07e61bd774fb1098">ftxui::border</a></div><div class="ttdeci">Element border(Element)</div><div class="ttdoc">在元素周圍繪製邊框。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2border_8cpp_source.html#l00227">src/ftxui/dom/border.cpp:227</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a2bc31f2d685189e5c61d2293a1f51b4f"><div class="ttname"><a href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">ftxui::Element</a></div><div class="ttdeci">std::shared_ptr&lt; Node &gt; Element</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00022">elements.hpp:22</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-12"></a>
輸出</h3>
<div class="fragment"><div class="line">┌───────────┐</div>
<div class="line">│The element│</div>
<div class="line">└───────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00227">227</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="gaa97cfcfbe6df92dac085454395ec7b2f" name="gaa97cfcfbe6df92dac085454395ec7b2f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaa97cfcfbe6df92dac085454395ec7b2f">&#9670;&#160;</a></span>borderWith()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> borderWith </td>
<td>(</td>
<td class="paramtype">const <a class="el" href="group__screen.html#structftxui_1_1Pixel">Pixel</a> &amp;</td> <td class="paramname"><span class="paramname"><em>pixel</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>與 border 相同,但在元素周圍使用恆定的像素。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00234">234</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="gabc9db79957d4dd36deb8ca79938e4c41" name="gabc9db79957d4dd36deb8ca79938e4c41"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gabc9db79957d4dd36deb8ca79938e4c41">&#9670;&#160;</a></span>borderStyled() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> borderStyled </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a></td> <td class="paramname"><span class="paramname"><em>style</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>與 border 相同,但具有不同的樣式。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00243">243</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="gad1dbf36194dcb77674085df9e11c1e22" name="gad1dbf36194dcb77674085df9e11c1e22"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gad1dbf36194dcb77674085df9e11c1e22">&#9670;&#160;</a></span>borderStyled() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> borderStyled </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>foreground_color</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>與 border 相同,但具有前景色。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00252">252</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="ga5aab98b289d2e7b2ce8ca0eeee51ce78" name="ga5aab98b289d2e7b2ce8ca0eeee51ce78"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga5aab98b289d2e7b2ce8ca0eeee51ce78">&#9670;&#160;</a></span>borderStyled() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> borderStyled </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a></td> <td class="paramname"><span class="paramname"><em>style</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>foreground_color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>與 border 相同,但具有前景色和不同的樣式。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00262">262</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="ga181c80f8ada12d1356f6bfa0ebb7219f" name="ga181c80f8ada12d1356f6bfa0ebb7219f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga181c80f8ada12d1356f6bfa0ebb7219f">&#9670;&#160;</a></span>borderDashed()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderDashed </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在元素周圍繪製虛線邊框。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd>
<dd>
borderLight </dd>
<dd>
borderDashed </dd>
<dd>
borderDouble </dd>
<dd>
borderHeavy </dd>
<dd>
borderRounded </dd>
<dd>
borderEmpty </dd>
<dd>
borderStyled </dd>
<dd>
borderWith</dd></dl>
<p>在元素周圍新增邊框</p>
<h3><a class="anchor" id="範例-40"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 將 &#39;borderDash&#39; 作為函數使用...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = borderDash(<a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...或作為 &#39;pipe&#39; 使用。</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | borderDAsh;</div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-13"></a>
輸出</h3>
<div class="fragment"><div class="line">┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓</div>
<div class="line">╏The element ╏</div>
<div class="line">┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00300">300</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="gaa074cdab57eeb47b99f1699bcc8addd8" name="gaa074cdab57eeb47b99f1699bcc8addd8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaa074cdab57eeb47b99f1699bcc8addd8">&#9670;&#160;</a></span>borderLight()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderLight </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在元素周圍繪製細邊框。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd>
<dd>
borderLight </dd>
<dd>
borderDashed </dd>
<dd>
borderDouble </dd>
<dd>
borderHeavy </dd>
<dd>
borderRounded </dd>
<dd>
borderEmpty </dd>
<dd>
borderStyled </dd>
<dd>
borderWith</dd></dl>
<p>在元素周圍新增邊框</p>
<h3><a class="anchor" id="範例-41"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 將 &#39;borderLight&#39; 作為函數使用...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gaa074cdab57eeb47b99f1699bcc8addd8">borderLight</a>(<a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...或作為 &#39;pipe&#39; 使用。</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#gaa074cdab57eeb47b99f1699bcc8addd8">borderLight</a>;</div>
<div class="ttc" id="agroup__dom_html_gaa074cdab57eeb47b99f1699bcc8addd8"><div class="ttname"><a href="#gaa074cdab57eeb47b99f1699bcc8addd8">ftxui::borderLight</a></div><div class="ttdeci">Element borderLight(Element)</div><div class="ttdoc">在元素周圍繪製細邊框。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2border_8cpp_source.html#l00335">src/ftxui/dom/border.cpp:335</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-14"></a>
輸出</h3>
<div class="fragment"><div class="line">┌──────────────┐</div>
<div class="line">│The element │</div>
<div class="line">└──────────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00335">335</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="ga666c31419cc31cdadc9f8178ed63529e" name="ga666c31419cc31cdadc9f8178ed63529e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga666c31419cc31cdadc9f8178ed63529e">&#9670;&#160;</a></span>borderHeavy()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderHeavy </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在元素周圍繪製粗邊框。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd>
<dd>
borderLight </dd>
<dd>
borderDashed </dd>
<dd>
borderDouble </dd>
<dd>
borderHeavy </dd>
<dd>
borderRounded </dd>
<dd>
borderEmpty </dd>
<dd>
borderStyled </dd>
<dd>
borderWith</dd></dl>
<p>在元素周圍新增邊框</p>
<h3><a class="anchor" id="範例-42"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 將 &#39;borderHeavy&#39; 作為函數使用...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga666c31419cc31cdadc9f8178ed63529e">borderHeavy</a>(<a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...或作為 &#39;pipe&#39; 使用。</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#ga666c31419cc31cdadc9f8178ed63529e">borderHeavy</a>;</div>
<div class="ttc" id="agroup__dom_html_ga666c31419cc31cdadc9f8178ed63529e"><div class="ttname"><a href="#ga666c31419cc31cdadc9f8178ed63529e">ftxui::borderHeavy</a></div><div class="ttdeci">Element borderHeavy(Element)</div><div class="ttdoc">在元素周圍繪製粗邊框。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2border_8cpp_source.html#l00370">src/ftxui/dom/border.cpp:370</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-15"></a>
輸出</h3>
<div class="fragment"><div class="line">┏━━━━━━━━━━━━━━┓</div>
<div class="line">┃The element ┃</div>
<div class="line">┗━━━━━━━━━━━━━━┛</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00370">370</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="ga052b504344f3bc1ff86b3493cd934215" name="ga052b504344f3bc1ff86b3493cd934215"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga052b504344f3bc1ff86b3493cd934215">&#9670;&#160;</a></span>borderDouble()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderDouble </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在元素周圍繪製雙線邊框。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd>
<dd>
borderLight </dd>
<dd>
borderDashed </dd>
<dd>
borderDouble </dd>
<dd>
borderHeavy </dd>
<dd>
borderRounded </dd>
<dd>
borderEmpty </dd>
<dd>
borderStyled </dd>
<dd>
borderWith</dd></dl>
<p>在元素周圍新增邊框</p>
<h3><a class="anchor" id="範例-43"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 將 &#39;borderDouble&#39; 作為函數使用...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga052b504344f3bc1ff86b3493cd934215">borderDouble</a>(<a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...或作為 &#39;pipe&#39; 使用。</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#ga052b504344f3bc1ff86b3493cd934215">borderDouble</a>;</div>
<div class="ttc" id="agroup__dom_html_ga052b504344f3bc1ff86b3493cd934215"><div class="ttname"><a href="#ga052b504344f3bc1ff86b3493cd934215">ftxui::borderDouble</a></div><div class="ttdeci">Element borderDouble(Element)</div><div class="ttdoc">在元素周圍繪製雙線邊框。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2border_8cpp_source.html#l00405">src/ftxui/dom/border.cpp:405</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-16"></a>
輸出</h3>
<div class="fragment"><div class="line">╔══════════════╗</div>
<div class="line">║The element ║</div>
<div class="line">╚══════════════╝</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00405">405</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="ga3cf2db223a5efaa370f0ca6bb405b80e" name="ga3cf2db223a5efaa370f0ca6bb405b80e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga3cf2db223a5efaa370f0ca6bb405b80e">&#9670;&#160;</a></span>borderRounded()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderRounded </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在元素周圍繪製圓角邊框。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd>
<dd>
borderLight </dd>
<dd>
borderDashed </dd>
<dd>
borderDouble </dd>
<dd>
borderHeavy </dd>
<dd>
borderRounded </dd>
<dd>
borderEmpty </dd>
<dd>
borderStyled </dd>
<dd>
borderWith</dd></dl>
<p>在元素周圍新增邊框</p>
<h3><a class="anchor" id="範例-44"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 將 &#39;borderRounded&#39; 作為函數使用...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga3cf2db223a5efaa370f0ca6bb405b80e">borderRounded</a>(<a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...或作為 &#39;pipe&#39; 使用。</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#ga3cf2db223a5efaa370f0ca6bb405b80e">borderRounded</a>;</div>
<div class="ttc" id="agroup__dom_html_ga3cf2db223a5efaa370f0ca6bb405b80e"><div class="ttname"><a href="#ga3cf2db223a5efaa370f0ca6bb405b80e">ftxui::borderRounded</a></div><div class="ttdeci">Element borderRounded(Element)</div><div class="ttdoc">在元素周圍繪製圓角邊框。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2border_8cpp_source.html#l00440">src/ftxui/dom/border.cpp:440</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-17"></a>
輸出</h3>
<div class="fragment"><div class="line">╭──────────────╮</div>
<div class="line">│The element │</div>
<div class="line">╰──────────────╯</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00440">440</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="gaf20f7d6fb275d109f0bdc01a2e4d3f3e" name="gaf20f7d6fb275d109f0bdc01a2e4d3f3e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaf20f7d6fb275d109f0bdc01a2e4d3f3e">&#9670;&#160;</a></span>borderEmpty()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderEmpty </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在元素周圍繪製空邊框。 </p>
<dl class="section see"><dt>See also</dt><dd>border </dd>
<dd>
borderLight </dd>
<dd>
borderDashed </dd>
<dd>
borderDouble </dd>
<dd>
borderHeavy </dd>
<dd>
borderRounded </dd>
<dd>
borderEmpty </dd>
<dd>
borderStyled </dd>
<dd>
borderWith</dd></dl>
<p>在元素周圍新增邊框</p>
<h3><a class="anchor" id="範例-45"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 將 &#39;borderRounded&#39; 作為函數使用...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga3cf2db223a5efaa370f0ca6bb405b80e">borderRounded</a>(<a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...或作為 &#39;pipe&#39; 使用。</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#ga3cf2db223a5efaa370f0ca6bb405b80e">borderRounded</a>;</div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-18"></a>
輸出</h3>
<div class="fragment"><div class="line">The element</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00475">475</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="ga03049def08fa7a5eaa4d5e897152bc1a" name="ga03049def08fa7a5eaa4d5e897152bc1a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga03049def08fa7a5eaa4d5e897152bc1a">&#9670;&#160;</a></span>window()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> window </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>title</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>content</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a></td> <td class="paramname"><span class="paramname"><em>border</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製帶有標題和邊框的視窗。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">title</td><td>視窗的標題。 </td></tr>
<tr><td class="paramname">content</td><td>要包裝的元素。 </td></tr>
<tr><td class="paramname">border</td><td>邊框的樣式。預設為 ROUNDED。</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd>border</dd></dl>
<h3><a class="anchor" id="範例-46"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga03049def08fa7a5eaa4d5e897152bc1a">window</a>(<a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Title&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;content&quot;</span>)</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#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga03049def08fa7a5eaa4d5e897152bc1a">window</a>(<a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Title&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;content&quot;</span>),</div>
<div class="line"> <a class="code hl_enumvalue" href="#ggafe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493">ROUNDED</a></div>
<div class="line"> );</div>
<div class="ttc" id="agroup__dom_html_ga03049def08fa7a5eaa4d5e897152bc1a"><div class="ttname"><a href="#ga03049def08fa7a5eaa4d5e897152bc1a">ftxui::window</a></div><div class="ttdeci">Element window(Element title, Element content, BorderStyle border=ROUNDED)</div><div class="ttdoc">繪製帶有標題和邊框的視窗。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2border_8cpp_source.html#l00507">src/ftxui/dom/border.cpp:507</a></div></div>
<div class="ttc" id="agroup__dom_html_ggafe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493"><div class="ttname"><a href="#ggafe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493">ftxui::ROUNDED</a></div><div class="ttdeci">@ ROUNDED</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00037">elements.hpp:37</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-19"></a>
輸出</h3>
<div class="fragment"><div class="line">┌Title──┐</div>
<div class="line">│content│</div>
<div class="line">└───────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html#l00507">507</a> of file <a class="el" href="src_2ftxui_2dom_2border_8cpp_source.html">src/ftxui/dom/border.cpp</a>.</p>
</div>
</div>
<a id="ga17a89519e6b87e12b1e5811a702f7847" name="ga17a89519e6b87e12b1e5811a702f7847"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga17a89519e6b87e12b1e5811a702f7847">&#9670;&#160;</a></span>clear_under()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> clear_under </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>element</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在繪製 |child| 之前,清除下方的像素。這在與 dbox 結合使用時非常有用。 </p>
<dl class="section see"><dt>See also</dt><dd>ftxui::dbox </dd></dl>
<p class="definition">Definition at line <a class="el" href="clear__under_8cpp_source.html#l00036">36</a> of file <a class="el" href="clear__under_8cpp_source.html">clear_under.cpp</a>.</p>
</div>
</div>
<a id="gadef6e6e66199153de6d3b21b14dcf868" name="gadef6e6e66199153de6d3b21b14dcf868"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gadef6e6e66199153de6d3b21b14dcf868">&#9670;&#160;</a></span>color() <span class="overload">[1/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> color </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>color</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>設定元素的前景顏色。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">color</td><td>輸出元素的顏色。 </td></tr>
<tr><td class="paramname">child</td><td>輸入元素。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>著色的輸出元素。</dd></dl>
<h3><a class="anchor" id="範例-35"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gaf61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad0784a3f969fe736e8b271a5a161d106">Color::Green</a>, <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Success&quot;</span>)),</div>
<div class="ttc" id="agroup__dom_html_gaf61b489da39ca5e24b68e6e1a2b09c0d"><div class="ttname"><a href="#gaf61b489da39ca5e24b68e6e1a2b09c0d">ftxui::color</a></div><div class="ttdeci">Decorator color(Color)</div><div class="ttdoc">使用前景顏色進行裝飾。</div><div class="ttdef"><b>Definition</b> <a href="dom_2color_8cpp_source.html#l00110">dom/color.cpp:110</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00081">81</a> of file <a class="el" href="dom_2color_8cpp_source.html">dom/color.cpp</a>.</p>
</div>
</div>
<a id="gaae86eacae0a0626b41e9964ac7f4f532" name="gaae86eacae0a0626b41e9964ac7f4f532"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaae86eacae0a0626b41e9964ac7f4f532">&#9670;&#160;</a></span>bgcolor() <span class="overload">[1/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> bgcolor </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>color</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>設定元素的背景顏色。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">color</td><td>輸出元素的顏色。 </td></tr>
<tr><td class="paramname">child</td><td>輸入元素。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>著色的輸出元素。</dd></dl>
<h3><a class="anchor" id="範例-37"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga01d4c5aaf0447e862246849111782245">bgcolor</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad0784a3f969fe736e8b271a5a161d106">Color::Green</a>, <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Success&quot;</span>)),</div>
<div class="ttc" id="agroup__dom_html_ga01d4c5aaf0447e862246849111782245"><div class="ttname"><a href="#ga01d4c5aaf0447e862246849111782245">ftxui::bgcolor</a></div><div class="ttdeci">Decorator bgcolor(Color)</div><div class="ttdoc">使用背景顏色進行裝飾。</div><div class="ttdef"><b>Definition</b> <a href="dom_2color_8cpp_source.html#l00124">dom/color.cpp:124</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00096">96</a> of file <a class="el" href="dom_2color_8cpp_source.html">dom/color.cpp</a>.</p>
</div>
</div>
<a id="gaf61b489da39ca5e24b68e6e1a2b09c0d" name="gaf61b489da39ca5e24b68e6e1a2b09c0d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaf61b489da39ca5e24b68e6e1a2b09c0d">&#9670;&#160;</a></span>color() <span class="overload">[2/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> color </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>c</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用前景顏色進行裝飾。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">c</td><td>要應用的前景顏色。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>應用顏色的裝飾器。</dd></dl>
<h3><a class="anchor" id="範例-38"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;red&quot;</span>) | <a class="code hl_function" href="#gaf61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>);</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00110">110</a> of file <a class="el" href="dom_2color_8cpp_source.html">dom/color.cpp</a>.</p>
</div>
</div>
<a id="ga01d4c5aaf0447e862246849111782245" name="ga01d4c5aaf0447e862246849111782245"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga01d4c5aaf0447e862246849111782245">&#9670;&#160;</a></span>bgcolor() <span class="overload">[2/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> bgcolor </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#classftxui_1_1Color">Color</a></td> <td class="paramname"><span class="paramname"><em>color</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用背景顏色進行裝飾。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">color</td><td>要應用的背景顏色。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>應用顏色的裝飾器。</dd></dl>
<h3><a class="anchor" id="範例-39"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;red&quot;</span>) | <a class="code hl_function" href="#ga01d4c5aaf0447e862246849111782245">bgcolor</a>(<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>);</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00124">124</a> of file <a class="el" href="dom_2color_8cpp_source.html">dom/color.cpp</a>.</p>
</div>
</div>
<a id="gaf7d0d1e44c1a5424e42a5cddceacf7f7" name="gaf7d0d1e44c1a5424e42a5cddceacf7f7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaf7d0d1e44c1a5424e42a5cddceacf7f7">&#9670;&#160;</a></span>hcenter()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> hcenter </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>水平置中一個元素。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>被裝飾的元素。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>水平置中的元素。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="composite__decorator_8cpp_source.html#l00015">15</a> of file <a class="el" href="composite__decorator_8cpp_source.html">composite_decorator.cpp</a>.</p>
</div>
</div>
<a id="gad907a8a48bb9f9dfdb06402e9fc12316" name="gad907a8a48bb9f9dfdb06402e9fc12316"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gad907a8a48bb9f9dfdb06402e9fc12316">&#9670;&#160;</a></span>vcenter()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vcenter </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>垂直置中一個元素。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>被裝飾的元素。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>垂直置中的元素。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="composite__decorator_8cpp_source.html#l00023">23</a> of file <a class="el" href="composite__decorator_8cpp_source.html">composite_decorator.cpp</a>.</p>
</div>
</div>
<a id="ga5b11656305fce8427b81daf1c35883f1" name="ga5b11656305fce8427b81daf1c35883f1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga5b11656305fce8427b81daf1c35883f1">&#9670;&#160;</a></span>center()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> center </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>水平與垂直置中一個元素。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>被裝飾的元素。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>置中的元素。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="composite__decorator_8cpp_source.html#l00031">31</a> of file <a class="el" href="composite__decorator_8cpp_source.html">composite_decorator.cpp</a>.</p>
</div>
</div>
<a id="ga778e52afe28f1978f1f7ef065ed92d6d" name="ga778e52afe28f1978f1f7ef065ed92d6d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga778e52afe28f1978f1f7ef065ed92d6d">&#9670;&#160;</a></span>align_right()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> align_right </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>將元素靠右對齊。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>被裝飾的元素。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>靠右對齊的元素。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="composite__decorator_8cpp_source.html#l00039">39</a> of file <a class="el" href="composite__decorator_8cpp_source.html">composite_decorator.cpp</a>.</p>
</div>
</div>
<a id="ga901ab1b6b2e0e8c295552168ab206441" name="ga901ab1b6b2e0e8c295552168ab206441"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga901ab1b6b2e0e8c295552168ab206441">&#9670;&#160;</a></span>dbox()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> dbox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em>children_</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>將多個元素堆疊在一起。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">children_</td><td>輸入元素。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>向右對齊的元素。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2dbox_8cpp_source.html#l00054">54</a> of file <a class="el" href="src_2ftxui_2dom_2dbox_8cpp_source.html">src/ftxui/dom/dbox.cpp</a>.</p>
</div>
</div>
<a id="gac6a3b77604739516e809369810896646" name="gac6a3b77604739516e809369810896646"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gac6a3b77604739516e809369810896646">&#9670;&#160;</a></span>dim()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> dim </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用淺色字體,適用於不那麼強調的元素。 </p>
<p class="definition">Definition at line <a class="el" href="dim_8cpp_source.html#l00033">33</a> of file <a class="el" href="dim_8cpp_source.html">dim.cpp</a>.</p>
</div>
</div>
<a id="gac2a9ed2d22ec3c8811b61f4a901ed367" name="gac2a9ed2d22ec3c8811b61f4a901ed367"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gac2a9ed2d22ec3c8811b61f4a901ed367">&#9670;&#160;</a></span>filler()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> filler </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>一個元素,它會按比例擴展以佔據容器中剩餘的空間。 </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00097">97</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ga257acd2bd47bab7db879cca2c0e67e23" name="ga257acd2bd47bab7db879cca2c0e67e23"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga257acd2bd47bab7db879cca2c0e67e23">&#9670;&#160;</a></span>flex()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> flex </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使子元素按比例擴展以佔據容器中剩餘的空間。 </p>
<h4><a class="anchor" id="範例-47"></a>
範例:</h4>
<p>~~~cpp hbox({ text("left") | border , text("middle") | border | flex, text("right") | border, }); ~~~ </p>
<h4><a class="anchor" id="輸出-20"></a>
輸出:</h4>
<p>~~~bash ┌────┐┌─────────────────────────────────────────────────────────┐┌─────┐ │left││middle ││right│ └────┘└─────────────────────────────────────────────────────────┘└─────┘ ~~~ </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00140">140</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ga0dbba98e14f63f1dd5163cbdc4f42da8" name="ga0dbba98e14f63f1dd5163cbdc4f42da8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga0dbba98e14f63f1dd5163cbdc4f42da8">&#9670;&#160;</a></span>xflex()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> xflex </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在 X 軸上盡可能擴展/在需要時最小化。 </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00146">146</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ga42c7a33df6d890de30fc1ebb2d1b3ca6" name="ga42c7a33df6d890de30fc1ebb2d1b3ca6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga42c7a33df6d890de30fc1ebb2d1b3ca6">&#9670;&#160;</a></span>yflex()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> yflex </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在 Y 軸上盡可能擴展/在需要時最小化。 </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00152">152</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ga81ed6b31f512e849247f13d249f6f20e" name="ga81ed6b31f512e849247f13d249f6f20e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga81ed6b31f512e849247f13d249f6f20e">&#9670;&#160;</a></span>flex_grow()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> flex_grow </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>盡可能擴展。 </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00158">158</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ga1618cb15307f29eb3d531e7b44c280d3" name="ga1618cb15307f29eb3d531e7b44c280d3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga1618cb15307f29eb3d531e7b44c280d3">&#9670;&#160;</a></span>xflex_grow()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> xflex_grow </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在 X 軸上盡可能擴展。 </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00164">164</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ga7eac3f709e905af8f583aed52093b7ce" name="ga7eac3f709e905af8f583aed52093b7ce"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga7eac3f709e905af8f583aed52093b7ce">&#9670;&#160;</a></span>yflex_grow()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> yflex_grow </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在 Y 軸上盡可能擴展。 </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00170">170</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ga4629196b5ffc280054d35f2a9977e829" name="ga4629196b5ffc280054d35f2a9977e829"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga4629196b5ffc280054d35f2a9977e829">&#9670;&#160;</a></span>flex_shrink()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> flex_shrink </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在需要時最小化。 </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00176">176</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ga95275a9271934cf76e970c6650cc224d" name="ga95275a9271934cf76e970c6650cc224d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga95275a9271934cf76e970c6650cc224d">&#9670;&#160;</a></span>xflex_shrink()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> xflex_shrink </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在 X 軸上在需要時最小化。 </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00182">182</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="gaf7d0757f5965aa579bccc125ff909256" name="gaf7d0757f5965aa579bccc125ff909256"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaf7d0757f5965aa579bccc125ff909256">&#9670;&#160;</a></span>yflex_shrink()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> yflex_shrink </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在 Y 軸上在需要時最小化。 </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00188">188</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ga845b0ea50d51024aa4e050447b46e1dd" name="ga845b0ea50d51024aa4e050447b46e1dd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga845b0ea50d51024aa4e050447b46e1dd">&#9670;&#160;</a></span>notflex()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> notflex </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使元素不可伸縮。 </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00194">194</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ga13befad33cb4125e2143f2af3eddcc71" name="ga13befad33cb4125e2143f2af3eddcc71"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga13befad33cb4125e2143f2af3eddcc71">&#9670;&#160;</a></span>focusPositionRelative()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> focusPositionRelative </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p><code>frame</code> 內部使用,這會強制視圖滾動到給定位置。該位置以請求大小的比例表示。 </p>
<p>例如:</p><ul>
<li>(0, 0) 表示視圖滾動到左上方。</li>
<li>(1, 0) 表示視圖滾動到右上方。</li>
<li>(0, 1) 表示視圖滾動到左下方。</li>
</ul>
<h3><a class="anchor" id="範例-51"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = huge_document()</div>
<div class="line"> | <a class="code hl_function" href="#ga13befad33cb4125e2143f2af3eddcc71">focusPositionRelative</a>(0.f, 1.f)</div>
<div class="line"> | <a class="code hl_function" href="namespaceftxui.html#ad0d6a96f6e1fb6d67d9fa6323062a737">frame</a>;</div>
<div class="ttc" id="agroup__dom_html_ga13befad33cb4125e2143f2af3eddcc71"><div class="ttname"><a href="#ga13befad33cb4125e2143f2af3eddcc71">ftxui::focusPositionRelative</a></div><div class="ttdeci">Decorator focusPositionRelative(float x, float y)</div><div class="ttdoc">在 frame 內部使用,這會強制視圖滾動到給定位置。該位置以請求大小的比例表示。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2focus_8cpp_source.html#l00029">src/ftxui/dom/focus.cpp:29</a></div></div>
<div class="ttc" id="anamespaceftxui_html_ad0d6a96f6e1fb6d67d9fa6323062a737"><div class="ttname"><a href="namespaceftxui.html#ad0d6a96f6e1fb6d67d9fa6323062a737">ftxui::frame</a></div><div class="ttdeci">Element frame(Element)</div><div class="ttdoc">允許元素顯示在「虛擬」區域內。其大小可以大於其容器。在這種情況下,只會顯示較小的一部分。視圖可滾動以使聚焦元素可見。</div><div class="ttdef"><b>Definition</b> <a href="frame_8cpp_source.html#l00116">frame.cpp:116</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2focus_8cpp_source.html#l00029">29</a> of file <a class="el" href="src_2ftxui_2dom_2focus_8cpp_source.html">src/ftxui/dom/focus.cpp</a>.</p>
</div>
</div>
<a id="ga78447ba1ccb792963ad6d306f4ed1256" name="ga78447ba1ccb792963ad6d306f4ed1256"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga78447ba1ccb792963ad6d306f4ed1256">&#9670;&#160;</a></span>focusPosition()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> focusPosition </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p><code>frame</code> 內部使用,這會強制視圖滾動到給定位置。該位置以單元格數表示。 </p>
<h3><a class="anchor" id="範例-52"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = huge_document()</div>
<div class="line"> | <a class="code hl_function" href="#ga78447ba1ccb792963ad6d306f4ed1256">focusPosition</a>(10, 10)</div>
<div class="line"> | <a class="code hl_function" href="namespaceftxui.html#ad0d6a96f6e1fb6d67d9fa6323062a737">frame</a>;</div>
<div class="ttc" id="agroup__dom_html_ga78447ba1ccb792963ad6d306f4ed1256"><div class="ttname"><a href="#ga78447ba1ccb792963ad6d306f4ed1256">ftxui::focusPosition</a></div><div class="ttdeci">Decorator focusPosition(int x, int y)</div><div class="ttdoc">在 frame 內部使用,這會強制視圖滾動到給定位置。該位置以單元格數表示。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2focus_8cpp_source.html#l00066">src/ftxui/dom/focus.cpp:66</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2focus_8cpp_source.html#l00066">66</a> of file <a class="el" href="src_2ftxui_2dom_2focus_8cpp_source.html">src/ftxui/dom/focus.cpp</a>.</p>
</div>
</div>
<a id="gaa2d7d671f184f85e0f396f2610fa6c2e" name="gaa2d7d671f184f85e0f396f2610fa6c2e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaa2d7d671f184f85e0f396f2610fa6c2e">&#9670;&#160;</a></span>focus()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focus </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p><code>child</code> 設置為其同級元素中被聚焦的元素。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>要被聚焦的元素。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00101">101</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="ga509ef7e7f8913ea3de7efd45e3301ea1" name="ga509ef7e7f8913ea3de7efd45e3301ea1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga509ef7e7f8913ea3de7efd45e3301ea1">&#9670;&#160;</a></span>focusCursorBlock()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorBlock </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p><code>focus</code> 相同,但將游標形狀設置為靜止方塊。 </p>
<dl class="section see"><dt>See also</dt><dd>focus </dd>
<dd>
focusCursorBlock </dd>
<dd>
focusCursorBlockBlinking </dd>
<dd>
focusCursorBar </dd>
<dd>
focusCursorBarBlinking </dd>
<dd>
focusCursorUnderline </dd>
<dd>
focusCursorUnderlineBlinking </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00145">145</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="gadda589914ba8fe863c905b6566557768" name="gadda589914ba8fe863c905b6566557768"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gadda589914ba8fe863c905b6566557768">&#9670;&#160;</a></span>focusCursorBlockBlinking()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorBlockBlinking </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p><code>focus</code> 相同,但將游標形狀設置為閃爍方塊。 </p>
<dl class="section see"><dt>See also</dt><dd>focus </dd>
<dd>
focusCursorBlock </dd>
<dd>
focusCursorBlockBlinking </dd>
<dd>
focusCursorBar </dd>
<dd>
focusCursorBarBlinking </dd>
<dd>
focusCursorUnderline </dd>
<dd>
focusCursorUnderlineBlinking </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00159">159</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="ga4f89e72e7001064e3eb8189c8317e95b" name="ga4f89e72e7001064e3eb8189c8317e95b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga4f89e72e7001064e3eb8189c8317e95b">&#9670;&#160;</a></span>focusCursorBar()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorBar </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p><code>focus</code> 相同,但將游標形狀設置為靜止條狀。 </p>
<dl class="section see"><dt>See also</dt><dd>focus </dd>
<dd>
focusCursorBlock </dd>
<dd>
focusCursorBlockBlinking </dd>
<dd>
focusCursorBar </dd>
<dd>
focusCursorBarBlinking </dd>
<dd>
focusCursorUnderline </dd>
<dd>
focusCursorUnderlineBlinking </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00173">173</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="ga085a7c997e7364c5a54e73c7b84145db" name="ga085a7c997e7364c5a54e73c7b84145db"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga085a7c997e7364c5a54e73c7b84145db">&#9670;&#160;</a></span>focusCursorBarBlinking()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorBarBlinking </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p><code>focus</code> 相同,但將游標形狀設置為閃爍條狀。 </p>
<dl class="section see"><dt>See also</dt><dd>focus </dd>
<dd>
focusCursorBlock </dd>
<dd>
focusCursorBlockBlinking </dd>
<dd>
focusCursorBar </dd>
<dd>
focusCursorBarBlinking </dd>
<dd>
focusCursorUnderline </dd>
<dd>
focusCursorUnderlineBlinking </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00187">187</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="ga61e1fe02a18c2b18e31ccc9cd3943823" name="ga61e1fe02a18c2b18e31ccc9cd3943823"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga61e1fe02a18c2b18e31ccc9cd3943823">&#9670;&#160;</a></span>focusCursorUnderline()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorUnderline </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p><code>focus</code> 相同,但將游標形狀設置為靜止底線。 </p>
<dl class="section see"><dt>See also</dt><dd>focus </dd>
<dd>
focusCursorBlock </dd>
<dd>
focusCursorBlockBlinking </dd>
<dd>
focusCursorBar </dd>
<dd>
focusCursorBarBlinking </dd>
<dd>
focusCursorUnderline </dd>
<dd>
focusCursorUnderlineBlinking </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00201">201</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="ga33637d59d1e52aa06dd2a94162adbfe9" name="ga33637d59d1e52aa06dd2a94162adbfe9"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga33637d59d1e52aa06dd2a94162adbfe9">&#9670;&#160;</a></span>focusCursorUnderlineBlinking()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorUnderlineBlinking </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p><code>focus</code> 相同,但將游標形狀設置為閃爍底線。 </p>
<dl class="section see"><dt>See also</dt><dd>focus </dd>
<dd>
focusCursorBlock </dd>
<dd>
focusCursorBlockBlinking </dd>
<dd>
focusCursorBar </dd>
<dd>
focusCursorBarBlinking </dd>
<dd>
focusCursorUnderline </dd>
<dd>
focusCursorUnderlineBlinking </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00215">215</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="ga1265cc8a52448e1b98d7abe84a04681e" name="ga1265cc8a52448e1b98d7abe84a04681e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga1265cc8a52448e1b98d7abe84a04681e">&#9670;&#160;</a></span>gaugeDirection()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gaugeDirection </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#ga224b9163917ac32fc95a60d8c1eec3aa">Direction</a></td> <td class="paramname"><span class="paramname"><em>direction</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個指定方向的高解析度進度條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>填充區域的比例。範圍為 [0,1]。 </td></tr>
<tr><td class="paramname">direction</td><td>進度條的進展方向。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00168">168</a> of file <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html">src/ftxui/dom/gauge.cpp</a>.</p>
</div>
</div>
<a id="ga333d781a44885ed4b5ea8444015b86f7" name="ga333d781a44885ed4b5ea8444015b86f7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga333d781a44885ed4b5ea8444015b86f7">&#9670;&#160;</a></span>gaugeRight()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gaugeRight </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個從左到右進展的高解析度進度條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>填充區域的比例。範圍為 [0,1]。</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="範例-53"></a>
範例</h3>
<p>一個儀表。它可以用來表示進度條。 </p><div class="fragment"><div class="line"><a class="code hl_function" href="#gae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#ga333d781a44885ed4b5ea8444015b86f7">gaugeRight</a>(0.5))</div>
<div class="ttc" id="agroup__dom_html_ga333d781a44885ed4b5ea8444015b86f7"><div class="ttname"><a href="#ga333d781a44885ed4b5ea8444015b86f7">ftxui::gaugeRight</a></div><div class="ttdeci">Element gaugeRight(float progress)</div><div class="ttdoc">繪製一個從左到右進展的高解析度進度條。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00190">src/ftxui/dom/gauge.cpp:190</a></div></div>
</div><!-- fragment --><h4><a class="anchor" id="輸出-21"></a>
輸出</h4>
<div class="fragment"><div class="line">┌──────────────────────────────────────────────────────────────────────────┐</div>
<div class="line">│█████████████████████████████████████ │</div>
<div class="line">└──────────────────────────────────────────────────────────────────────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00190">190</a> of file <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html">src/ftxui/dom/gauge.cpp</a>.</p>
</div>
</div>
<a id="ga97898b9f77b3edd330eaef22fce7cf2b" name="ga97898b9f77b3edd330eaef22fce7cf2b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga97898b9f77b3edd330eaef22fce7cf2b">&#9670;&#160;</a></span>gaugeLeft()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gaugeLeft </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個從右到左進展的高解析度進度條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>填充區域的比例。範圍為 [0,1]。</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="範例-54"></a>
範例</h3>
<p>一個儀表。它可以用來表示進度條。 </p><div class="fragment"><div class="line"><a class="code hl_function" href="#gae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#ga97898b9f77b3edd330eaef22fce7cf2b">gaugeLeft</a>(0.5))</div>
<div class="ttc" id="agroup__dom_html_ga97898b9f77b3edd330eaef22fce7cf2b"><div class="ttname"><a href="#ga97898b9f77b3edd330eaef22fce7cf2b">ftxui::gaugeLeft</a></div><div class="ttdeci">Element gaugeLeft(float progress)</div><div class="ttdoc">繪製一個從右到左進展的高解析度進度條。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00212">src/ftxui/dom/gauge.cpp:212</a></div></div>
</div><!-- fragment --><h4><a class="anchor" id="輸出-22"></a>
輸出</h4>
<div class="fragment"><div class="line">┌──────────────────────────────────────────────────────────────────────────┐</div>
<div class="line">│ █████████████████████████████████████│</div>
<div class="line">└──────────────────────────────────────────────────────────────────────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00212">212</a> of file <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html">src/ftxui/dom/gauge.cpp</a>.</p>
</div>
</div>
<a id="ga6e9a97b66c14404a2b3f95f4dae414c2" name="ga6e9a97b66c14404a2b3f95f4dae414c2"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga6e9a97b66c14404a2b3f95f4dae414c2">&#9670;&#160;</a></span>gaugeUp()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gaugeUp </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個從下到上進展的高解析度進度條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>填充區域的比例。範圍為 [0,1]。</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="範例-55"></a>
範例</h3>
<p>一個儀表。它可以用來表示進度條。 </p><div class="fragment"><div class="line"><a class="code hl_function" href="#gae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#ga6e9a97b66c14404a2b3f95f4dae414c2">gaugeUp</a>(0.5))</div>
<div class="ttc" id="agroup__dom_html_ga6e9a97b66c14404a2b3f95f4dae414c2"><div class="ttname"><a href="#ga6e9a97b66c14404a2b3f95f4dae414c2">ftxui::gaugeUp</a></div><div class="ttdeci">Element gaugeUp(float progress)</div><div class="ttdoc">繪製一個從下到上進展的高解析度進度條。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00241">src/ftxui/dom/gauge.cpp:241</a></div></div>
</div><!-- fragment --><h4><a class="anchor" id="輸出-23"></a>
輸出</h4>
<div class="fragment"><div class="line">┌─┐</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">└─┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00241">241</a> of file <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html">src/ftxui/dom/gauge.cpp</a>.</p>
</div>
</div>
<a id="gafe537f915cac5613261580bae3a8fe33" name="gafe537f915cac5613261580bae3a8fe33"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gafe537f915cac5613261580bae3a8fe33">&#9670;&#160;</a></span>gaugeDown()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gaugeDown </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個從上到下進展的高解析度進度條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>填充區域的比例。範圍為 [0,1]。</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="範例-56"></a>
範例</h3>
<p>一個儀表。它可以用來表示進度條。 </p><div class="fragment"><div class="line"><a class="code hl_function" href="#gae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#gafe537f915cac5613261580bae3a8fe33">gaugeDown</a>(0.5))</div>
<div class="ttc" id="agroup__dom_html_gafe537f915cac5613261580bae3a8fe33"><div class="ttname"><a href="#gafe537f915cac5613261580bae3a8fe33">ftxui::gaugeDown</a></div><div class="ttdeci">Element gaugeDown(float progress)</div><div class="ttdoc">繪製一個從上到下進展的高解析度進度條。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00270">src/ftxui/dom/gauge.cpp:270</a></div></div>
</div><!-- fragment --><h4><a class="anchor" id="輸出-24"></a>
輸出</h4>
<div class="fragment"><div class="line">┌─┐</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">└─┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00270">270</a> of file <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html">src/ftxui/dom/gauge.cpp</a>.</p>
</div>
</div>
<a id="gae0b8041a60629fd790716038738c93ce" name="gae0b8041a60629fd790716038738c93ce"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gae0b8041a60629fd790716038738c93ce">&#9670;&#160;</a></span>gauge()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gauge </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>繪製一個高解析度進度條。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>填充區域的比例。範圍為 [0,1]。</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="範例-57"></a>
範例</h3>
<p>一個儀表。它可以用來表示進度條。 </p><div class="fragment"><div class="line"><a class="code hl_function" href="#gae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#gae0b8041a60629fd790716038738c93ce">gauge</a>(0.5))</div>
<div class="ttc" id="agroup__dom_html_gae0b8041a60629fd790716038738c93ce"><div class="ttname"><a href="#gae0b8041a60629fd790716038738c93ce">ftxui::gauge</a></div><div class="ttdeci">Element gauge(float progress)</div><div class="ttdoc">繪製一個高解析度進度條。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00292">src/ftxui/dom/gauge.cpp:292</a></div></div>
</div><!-- fragment --><h4><a class="anchor" id="輸出-25"></a>
輸出</h4>
<div class="fragment"><div class="line">┌──────────────────────────────────────────────────────────────────────────┐</div>
<div class="line">│█████████████████████████████████████ │</div>
<div class="line">└──────────────────────────────────────────────────────────────────────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html#l00292">292</a> of file <a class="el" href="src_2ftxui_2dom_2gauge_8cpp_source.html">src/ftxui/dom/gauge.cpp</a>.</p>
</div>
</div>
<a id="ga8bacc04e0cbde663ccc4a4891e8b50d5" name="ga8bacc04e0cbde663ccc4a4891e8b50d5"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga8bacc04e0cbde663ccc4a4891e8b50d5">&#9670;&#160;</a></span>hyperlink() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> hyperlink </td>
<td>(</td>
<td class="paramtype">std::string</td> <td class="paramname"><span class="paramname"><em>link</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>使渲染區域可點擊並使用網路瀏覽器開啟。 當用戶點擊時,連結將被開啟。 此功能僅在有限的終端模擬器中受支援。 List: <a href="https://github.com/Alhadis/OSC8-Adoption/">https://github.com/Alhadis/OSC8-Adoption/</a> </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">link</td><td>連結 </td></tr>
<tr><td class="paramname">child</td><td>輸入元素。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>帶有連結的輸出元素。</dd></dl>
<h3><a class="anchor" id="範例-60"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document =</div>
<div class="line"> <a class="code hl_function" href="#gad0eac58eac9e6cd9a04879b20f8e123b">hyperlink</a>(<span class="stringliteral">&quot;https://github.com/ArthurSonzogni/FTXUI&quot;</span>, <span class="stringliteral">&quot;link&quot;</span>);</div>
<div class="ttc" id="agroup__dom_html_gad0eac58eac9e6cd9a04879b20f8e123b"><div class="ttname"><a href="#gad0eac58eac9e6cd9a04879b20f8e123b">ftxui::hyperlink</a></div><div class="ttdeci">Decorator hyperlink(std::string link)</div><div class="ttdoc">使用超連結裝飾。 當用戶點擊時,連結將被開啟。 此功能僅在有限的終端模擬器中受支援。 List: https://github.com/Alhadis/OSC8-Adoption/</div><div class="ttdef"><b>Definition</b> <a href="hyperlink_8cpp_source.html#l00070">hyperlink.cpp:70</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="hyperlink_8cpp_source.html#l00051">51</a> of file <a class="el" href="hyperlink_8cpp_source.html">hyperlink.cpp</a>.</p>
</div>
</div>
<a id="gad0eac58eac9e6cd9a04879b20f8e123b" name="gad0eac58eac9e6cd9a04879b20f8e123b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gad0eac58eac9e6cd9a04879b20f8e123b">&#9670;&#160;</a></span>hyperlink() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> hyperlink </td>
<td>(</td>
<td class="paramtype">std::string</td> <td class="paramname"><span class="paramname"><em>link</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用超連結裝飾。 當用戶點擊時,連結將被開啟。 此功能僅在有限的終端模擬器中受支援。 List: <a href="https://github.com/Alhadis/OSC8-Adoption/">https://github.com/Alhadis/OSC8-Adoption/</a> </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">link</td><td>用於將用戶重定向到的連結。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>應用超連結的裝飾器。</dd></dl>
<h3><a class="anchor" id="範例-61"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document =</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;red&quot;</span>) | <a class="code hl_function" href="#gad0eac58eac9e6cd9a04879b20f8e123b">hyperlink</a>(<span class="stringliteral">&quot;https://github.com/Arthursonzogni/FTXUI&quot;</span>);</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="hyperlink_8cpp_source.html#l00070">70</a> of file <a class="el" href="hyperlink_8cpp_source.html">hyperlink.cpp</a>.</p>
</div>
</div>
<a id="ga672456b8f2091b615a30ff755418b37b" name="ga672456b8f2091b615a30ff755418b37b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga672456b8f2091b615a30ff755418b37b">&#9670;&#160;</a></span>inverted()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> inverted </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>添加一個濾鏡,它將反轉前景和背景 顏色。 </p>
<p class="definition">Definition at line <a class="el" href="inverted_8cpp_source.html#l00034">34</a> of file <a class="el" href="inverted_8cpp_source.html">inverted.cpp</a>.</p>
</div>
</div>
<a id="ga8a8d190765de7bbd9e78f9e639c2a96d" name="ga8a8d190765de7bbd9e78f9e639c2a96d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga8a8d190765de7bbd9e78f9e639c2a96d">&#9670;&#160;</a></span>italic()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> italic </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>將文字套用斜體。 </p>
<p class="definition">Definition at line <a class="el" href="italic_8cpp_source.html#l00016">16</a> of file <a class="el" href="italic_8cpp_source.html">italic.cpp</a>.</p>
</div>
</div>
<a id="ga050df9c8ed04eec13309d6c0542c636d" name="ga050df9c8ed04eec13309d6c0542c636d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga050df9c8ed04eec13309d6c0542c636d">&#9670;&#160;</a></span>color() <span class="overload">[3/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> color </td>
<td>(</td>
<td class="paramtype">const <a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;</td> <td class="paramname"><span class="paramname"><em>gradient</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>使用線性漸變效果設定元素的前景色。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">gradient</td><td>要應用於輸出元素的漸變效果。 </td></tr>
<tr><td class="paramname">child</td><td>輸入元素。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>已著色的輸出元素。</dd></dl>
<h3><a class="anchor" id="範例-62"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_function" href="#gaf61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_struct" href="#structftxui_1_1LinearGradient">LinearGradient</a>{0, {<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>}}, <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>))</div>
<div class="ttc" id="agroup__dom_html_structftxui_1_1LinearGradient"><div class="ttname"><a href="#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><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html#l00241">241</a> of file <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html">src/ftxui/dom/linear_gradient.cpp</a>.</p>
</div>
</div>
<a id="gaaac1622d43662a6a02113d9230a4fdd4" name="gaaac1622d43662a6a02113d9230a4fdd4"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaaac1622d43662a6a02113d9230a4fdd4">&#9670;&#160;</a></span>bgcolor() <span class="overload">[3/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> bgcolor </td>
<td>(</td>
<td class="paramtype">const <a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;</td> <td class="paramname"><span class="paramname"><em>gradient</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>使用線性漸變效果設定元素的背景顏色。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">gradient</td><td>要應用於輸出元素的漸變效果。 </td></tr>
<tr><td class="paramname">child</td><td>輸入元素。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>已著色的輸出元素。</dd></dl>
<h3><a class="anchor" id="範例-63"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_function" href="#ga01d4c5aaf0447e862246849111782245">bgcolor</a>(<a class="code hl_struct" href="#structftxui_1_1LinearGradient">LinearGradient</a>{0, {<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>}}, <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>))</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html#l00257">257</a> of file <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html">src/ftxui/dom/linear_gradient.cpp</a>.</p>
</div>
</div>
<a id="ga8af6b5a06b03fd53bf30a6b050b96968" name="ga8af6b5a06b03fd53bf30a6b050b96968"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga8af6b5a06b03fd53bf30a6b050b96968">&#9670;&#160;</a></span>color() <span class="overload">[4/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> color </td>
<td>(</td>
<td class="paramtype">const <a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;</td> <td class="paramname"><span class="paramname"><em>gradient</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用線性漸變效果裝飾前景色。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">gradient</td><td>要應用於輸出元素的漸變效果。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>應用顏色的 Decorator。</dd></dl>
<h3><a class="anchor" id="範例-64"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>) | <a class="code hl_function" href="#gaf61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_struct" href="#structftxui_1_1LinearGradient">LinearGradient</a>{0, {<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>}})</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html#l00272">272</a> of file <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html">src/ftxui/dom/linear_gradient.cpp</a>.</p>
</div>
</div>
<a id="gaee41f3eaff28a123214e81231f8f4593" name="gaee41f3eaff28a123214e81231f8f4593"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaee41f3eaff28a123214e81231f8f4593">&#9670;&#160;</a></span>bgcolor() <span class="overload">[4/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> bgcolor </td>
<td>(</td>
<td class="paramtype">const <a class="el" href="#structftxui_1_1LinearGradient">LinearGradient</a> &amp;</td> <td class="paramname"><span class="paramname"><em>gradient</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用線性漸變效果裝飾背景顏色。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">gradient</td><td>要應用於輸出元素的漸變效果。 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>應用顏色的 Decorator。</dd></dl>
<h3><a class="anchor" id="範例-65"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>) | <a class="code hl_function" href="#gaf61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_struct" href="#structftxui_1_1LinearGradient">LinearGradient</a>{0, {<a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, <a class="code hl_enumvalue" href="group__screen.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>}})</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html#l00287">287</a> of file <a class="el" href="src_2ftxui_2dom_2linear__gradient_8cpp_source.html">src/ftxui/dom/linear_gradient.cpp</a>.</p>
</div>
</div>
<a id="gad4b8aa9392f56ba41e2b421e046a7d83" name="gad4b8aa9392f56ba41e2b421e046a7d83"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gad4b8aa9392f56ba41e2b421e046a7d83">&#9670;&#160;</a></span>Render() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void Render </td>
<td>(</td>
<td class="paramtype">Screen &amp;</td> <td class="paramname"><span class="paramname"><em>screen</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const Element &amp;</td> <td class="paramname"><span class="paramname"><em>element</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p><a class="el" href="group__screen.html#classftxui_1_1Screen" title="像素的矩形網格。">ftxui::Screen</a> 上顯示元素。 </p>
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2dom_2border_8cpp-example.html#a1">examples/dom/border.cpp</a>, <a class="el" href="examples_2dom_2border_colored_8cpp-example.html#a1">examples/dom/border_colored.cpp</a>, <a class="el" href="examples_2dom_2border_style_8cpp-example.html#a1">examples/dom/border_style.cpp</a>, <a class="el" href="examples_2dom_2canvas_8cpp-example.html#a6">examples/dom/canvas.cpp</a>, <a class="el" href="examples_2dom_2color_gallery_8cpp-example.html#a3">examples/dom/color_gallery.cpp</a>, <a class="el" href="examples_2dom_2color_info_palette256_8cpp-example.html#a3">examples/dom/color_info_palette256.cpp</a>, <a class="el" href="examples_2dom_2color_truecolor_HSV_8cpp-example.html#a1">examples/dom/color_truecolor_HSV.cpp</a>, <a class="el" href="examples_2dom_2color_truecolor_RGB_8cpp-example.html#a1">examples/dom/color_truecolor_RGB.cpp</a>, <a class="el" href="examples_2dom_2dbox_8cpp-example.html#a1">examples/dom/dbox.cpp</a>, <a class="el" href="examples_2dom_2gauge_8cpp-example.html#a2">examples/dom/gauge.cpp</a>, <a class="el" href="examples_2dom_2gauge_direction_8cpp-example.html#a2">examples/dom/gauge_direction.cpp</a>, <a class="el" href="examples_2dom_2graph_8cpp-example.html#a2">examples/dom/graph.cpp</a>, <a class="el" href="examples_2dom_2gridbox_8cpp-example.html#a1">examples/dom/gridbox.cpp</a>, <a class="el" href="examples_2dom_2hflow_8cpp-example.html#a2">examples/dom/hflow.cpp</a>, <a class="el" href="examples_2dom_2html_like_8cpp-example.html#a1">examples/dom/html_like.cpp</a>, <a class="el" href="examples_2dom_2linear_gradient_8cpp-example.html#a2">examples/dom/linear_gradient.cpp</a>, <a class="el" href="examples_2dom_2package_manager_8cpp-example.html#a1">examples/dom/package_manager.cpp</a>, <a class="el" href="examples_2dom_2paragraph_8cpp-example.html#a1">examples/dom/paragraph.cpp</a>, <a class="el" href="examples_2dom_2separator_8cpp-example.html#a1">examples/dom/separator.cpp</a>, <a class="el" href="examples_2dom_2separator_style_8cpp-example.html#a1">examples/dom/separator_style.cpp</a>, <a class="el" href="examples_2dom_2size_8cpp-example.html#a2">examples/dom/size.cpp</a>, <a class="el" href="examples_2dom_2spinner_8cpp-example.html#a1">examples/dom/spinner.cpp</a>, <a class="el" href="examples_2dom_2style_blink_8cpp-example.html#a1">examples/dom/style_blink.cpp</a>, <a class="el" href="examples_2dom_2style_bold_8cpp-example.html#a1">examples/dom/style_bold.cpp</a>, <a class="el" href="examples_2dom_2style_color_8cpp-example.html#a2">examples/dom/style_color.cpp</a>, <a class="el" href="examples_2dom_2style_dim_8cpp-example.html#a1">examples/dom/style_dim.cpp</a>, <a class="el" href="examples_2dom_2style_gallery_8cpp-example.html#a1">examples/dom/style_gallery.cpp</a>, <a class="el" href="examples_2dom_2style_hyperlink_8cpp-example.html#a1">examples/dom/style_hyperlink.cpp</a>, <a class="el" href="examples_2dom_2style_inverted_8cpp-example.html#a1">examples/dom/style_inverted.cpp</a>, <a class="el" href="examples_2dom_2style_italic_8cpp-example.html#a1">examples/dom/style_italic.cpp</a>, <a class="el" href="examples_2dom_2style_strikethrough_8cpp-example.html#a1">examples/dom/style_strikethrough.cpp</a>, <a class="el" href="examples_2dom_2style_underlined_8cpp-example.html#a1">examples/dom/style_underlined.cpp</a>, <a class="el" href="examples_2dom_2style_underlined_double_8cpp-example.html#a1">examples/dom/style_underlined_double.cpp</a>, <a class="el" href="examples_2dom_2table_8cpp-example.html#a4">examples/dom/table.cpp</a>, <a class="el" href="examples_2dom_2vbox_hbox_8cpp-example.html#a1">examples/dom/vbox_hbox.cpp</a>, and <a class="el" href="examples_2dom_2vflow_8cpp-example.html#a2">examples/dom/vflow.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00082">82</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="ga32a24db985fa1b37bf686b00f7e1b4ff" name="ga32a24db985fa1b37bf686b00f7e1b4ff"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga32a24db985fa1b37bf686b00f7e1b4ff">&#9670;&#160;</a></span>Render() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void Render </td>
<td>(</td>
<td class="paramtype">Screen &amp;</td> <td class="paramname"><span class="paramname"><em>screen</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">Node *</td> <td class="paramname"><span class="paramname"><em>node</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p><a class="el" href="group__screen.html#classftxui_1_1Screen" title="像素的矩形網格。">ftxui::Screen</a> 上顯示元素。 </p>
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00089">89</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="ga3f9093ae1a2790d396fc2cff9990fbbd" name="ga3f9093ae1a2790d396fc2cff9990fbbd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga3f9093ae1a2790d396fc2cff9990fbbd">&#9670;&#160;</a></span>paragraph()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> paragraph </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>the_text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>回傳一個在多行上繪製段落的元素。 </p>
<dl class="section see"><dt>See also</dt><dd>flexbox. </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2paragraph_8cpp_source.html#l00040">40</a> of file <a class="el" href="src_2ftxui_2dom_2paragraph_8cpp_source.html">src/ftxui/dom/paragraph.cpp</a>.</p>
</div>
</div>
<a id="gaa334a836eccc573e1137a1ba29d07d8a" name="gaa334a836eccc573e1137a1ba29d07d8a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaa334a836eccc573e1137a1ba29d07d8a">&#9670;&#160;</a></span>paragraphAlignLeft()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> paragraphAlignLeft </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>the_text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>回傳一個在多行上繪製段落並靠左對齊的元素。 </p>
<dl class="section see"><dt>See also</dt><dd>flexbox. </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2paragraph_8cpp_source.html#l00047">47</a> of file <a class="el" href="src_2ftxui_2dom_2paragraph_8cpp_source.html">src/ftxui/dom/paragraph.cpp</a>.</p>
</div>
</div>
<a id="ga28a69f06a88c89fe7a507e33ab486411" name="ga28a69f06a88c89fe7a507e33ab486411"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga28a69f06a88c89fe7a507e33ab486411">&#9670;&#160;</a></span>paragraphAlignRight()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> paragraphAlignRight </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>the_text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>回傳一個在多行上繪製段落並靠右對齊的元素。 </p>
<dl class="section see"><dt>See also</dt><dd>flexbox. </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2paragraph_8cpp_source.html#l00057">57</a> of file <a class="el" href="src_2ftxui_2dom_2paragraph_8cpp_source.html">src/ftxui/dom/paragraph.cpp</a>.</p>
</div>
</div>
<a id="ga6a105f6b0d07d7933379ff1ae9282fb8" name="ga6a105f6b0d07d7933379ff1ae9282fb8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga6a105f6b0d07d7933379ff1ae9282fb8">&#9670;&#160;</a></span>paragraphAlignCenter()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> paragraphAlignCenter </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>the_text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>回傳一個在多行上繪製段落並置中對齊的元素。 </p>
<dl class="section see"><dt>See also</dt><dd>flexbox. </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2paragraph_8cpp_source.html#l00068">68</a> of file <a class="el" href="src_2ftxui_2dom_2paragraph_8cpp_source.html">src/ftxui/dom/paragraph.cpp</a>.</p>
</div>
</div>
<a id="gae4de548aa67ab77cb345e4ddec6b248b" name="gae4de548aa67ab77cb345e4ddec6b248b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gae4de548aa67ab77cb345e4ddec6b248b">&#9670;&#160;</a></span>paragraphAlignJustify()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> paragraphAlignJustify </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>the_text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>回傳一個在多行上繪製段落並使用左右對齊的元素。 </p>
<dl class="section see"><dt>See also</dt><dd>flexbox. </dd></dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2paragraph_8cpp_source.html#l00079">79</a> of file <a class="el" href="src_2ftxui_2dom_2paragraph_8cpp_source.html">src/ftxui/dom/paragraph.cpp</a>.</p>
</div>
</div>
<a id="ga1974176e676afdb96d203e8e0f579219" name="ga1974176e676afdb96d203e8e0f579219"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga1974176e676afdb96d203e8e0f579219">&#9670;&#160;</a></span>vscroll_indicator()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vscroll_indicator </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在右側顯示一個垂直捲軸。 顏色與內容一致。 </p>
<p class="definition">Definition at line <a class="el" href="scroll__indicator_8cpp_source.html#l00021">21</a> of file <a class="el" href="scroll__indicator_8cpp_source.html">scroll_indicator.cpp</a>.</p>
</div>
</div>
<a id="ga7f48136f949ccbde722dd93a6de4d0de" name="ga7f48136f949ccbde722dd93a6de4d0de"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga7f48136f949ccbde722dd93a6de4d0de">&#9670;&#160;</a></span>hscroll_indicator()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> hscroll_indicator </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在底部顯示一個水平捲軸。 顏色與內容一致。 </p>
<p class="definition">Definition at line <a class="el" href="scroll__indicator_8cpp_source.html#l00076">76</a> of file <a class="el" href="scroll__indicator_8cpp_source.html">scroll_indicator.cpp</a>.</p>
</div>
</div>
<a id="gac1ef1cf6bf7cd0759ffa195071edb2a0" name="gac1ef1cf6bf7cd0759ffa195071edb2a0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gac1ef1cf6bf7cd0759ffa195071edb2a0">&#9670;&#160;</a></span>separator() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separator </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在兩個元素之間繪製垂直或水平分隔線。 </p>
<dl class="section see"><dt>See also</dt><dd>separator </dd>
<dd>
separatorLight </dd>
<dd>
separatorDashed </dd>
<dd>
separatorDouble </dd>
<dd>
separatorHeavy </dd>
<dd>
separatorEmpty </dd>
<dd>
<a class="el" href="namespaceftxui.html#a738043e2df7922df8da17f880bf6712f">separatorRounded</a> </dd>
<dd>
separatorStyled </dd>
<dd>
separatorCharacter</dd></dl>
<p>在兩個元素之間添加視覺分隔。</p>
<h3><a class="anchor" id="範例-66"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 使用 &#39;border&#39; 作為函式...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#gac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
<div class="ttc" id="agroup__dom_html_gac1ef1cf6bf7cd0759ffa195071edb2a0"><div class="ttname"><a href="#gac1ef1cf6bf7cd0759ffa195071edb2a0">ftxui::separator</a></div><div class="ttdeci">Element separator()</div><div class="ttdoc">在兩個元素之間繪製垂直或水平分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2separator_8cpp_source.html#l00133">src/ftxui/dom/separator.cpp:133</a></div></div>
<div class="ttc" id="agroup__dom_html_gafd28058f0ccbbdf34691a85a7cc9b2e3"><div class="ttname"><a href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">ftxui::vbox</a></div><div class="ttdeci">Element vbox(Elements)</div><div class="ttdoc">一個垂直一個接一個顯示元素的容器。</div><div class="ttdef"><b>Definition</b> <a href="vbox_8cpp_source.html#l00095">vbox.cpp:95</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-26"></a>
輸出</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">────</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html#l00133">133</a> of file <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html">src/ftxui/dom/separator.cpp</a>.</p>
</div>
</div>
<a id="ga13cb559cfc7e409b3f211f0bb35ea7fa" name="ga13cb559cfc7e409b3f211f0bb35ea7fa"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga13cb559cfc7e409b3f211f0bb35ea7fa">&#9670;&#160;</a></span>separatorStyled()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorStyled </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#gafe3103dd0b8240c5443892484ef5af9c">BorderStyle</a></td> <td class="paramname"><span class="paramname"><em>style</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在兩個元素之間繪製垂直或水平分隔線。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">style</td><td>分隔線的樣式。</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd>separator </dd>
<dd>
separatorLight </dd>
<dd>
separatorDashed </dd>
<dd>
separatorDouble </dd>
<dd>
separatorHeavy </dd>
<dd>
separatorEmpty </dd>
<dd>
<a class="el" href="namespaceftxui.html#a738043e2df7922df8da17f880bf6712f">separatorRounded</a> </dd>
<dd>
separatorStyled </dd>
<dd>
separatorCharacter</dd></dl>
<p>在兩個元素之間添加視覺分隔。</p>
<h3><a class="anchor" id="範例-67"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 使用 &#39;border&#39; 作為函式...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#ga13cb559cfc7e409b3f211f0bb35ea7fa">separatorStyled</a>(<a class="code hl_enumvalue" href="#ggafe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92">DOUBLE</a>),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
<div class="ttc" id="agroup__dom_html_ga13cb559cfc7e409b3f211f0bb35ea7fa"><div class="ttname"><a href="#ga13cb559cfc7e409b3f211f0bb35ea7fa">ftxui::separatorStyled</a></div><div class="ttdeci">Element separatorStyled(BorderStyle)</div><div class="ttdoc">在兩個元素之間繪製垂直或水平分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2separator_8cpp_source.html#l00170">src/ftxui/dom/separator.cpp:170</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-27"></a>
輸出</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">════</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html#l00170">170</a> of file <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html">src/ftxui/dom/separator.cpp</a>.</p>
</div>
</div>
<a id="ga37c2b93daf557f68064bc9fbf93ebde0" name="ga37c2b93daf557f68064bc9fbf93ebde0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga37c2b93daf557f68064bc9fbf93ebde0">&#9670;&#160;</a></span>separatorLight()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorLight </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用 LIGHT 樣式在兩個元素之間繪製垂直或水平分隔線。 </p>
<dl class="section see"><dt>See also</dt><dd>separator </dd>
<dd>
separatorLight </dd>
<dd>
separatorDashed </dd>
<dd>
separatorDouble </dd>
<dd>
separatorHeavy </dd>
<dd>
separatorEmpty </dd>
<dd>
<a class="el" href="namespaceftxui.html#a738043e2df7922df8da17f880bf6712f">separatorRounded</a> </dd>
<dd>
separatorStyled </dd>
<dd>
separatorCharacter</dd></dl>
<p>在兩個元素之間添加視覺分隔。</p>
<h3><a class="anchor" id="範例-68"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 使用 &#39;border&#39; 作為函式...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#ga37c2b93daf557f68064bc9fbf93ebde0">separatorLight</a>(),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
<div class="ttc" id="agroup__dom_html_ga37c2b93daf557f68064bc9fbf93ebde0"><div class="ttname"><a href="#ga37c2b93daf557f68064bc9fbf93ebde0">ftxui::separatorLight</a></div><div class="ttdeci">Element separatorLight()</div><div class="ttdoc">使用 LIGHT 樣式在兩個元素之間繪製垂直或水平分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2separator_8cpp_source.html#l00206">src/ftxui/dom/separator.cpp:206</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-28"></a>
輸出</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">────</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html#l00206">206</a> of file <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html">src/ftxui/dom/separator.cpp</a>.</p>
</div>
</div>
<a id="ga81f2d3256c0cfbc70f820129286f08c6" name="ga81f2d3256c0cfbc70f820129286f08c6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga81f2d3256c0cfbc70f820129286f08c6">&#9670;&#160;</a></span>separatorDashed()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorDashed </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用 DASHED 樣式在兩個元素之間繪製垂直或水平分隔線。 </p>
<dl class="section see"><dt>See also</dt><dd>separator </dd>
<dd>
separatorLight </dd>
<dd>
separatorDashed </dd>
<dd>
separatorDouble </dd>
<dd>
separatorHeavy </dd>
<dd>
separatorEmpty </dd>
<dd>
<a class="el" href="namespaceftxui.html#a738043e2df7922df8da17f880bf6712f">separatorRounded</a> </dd>
<dd>
separatorStyled </dd>
<dd>
separatorCharacter</dd></dl>
<p>在兩個元素之間添加視覺分隔。</p>
<h3><a class="anchor" id="範例-69"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 使用 &#39;border&#39; 作為函式...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#ga37c2b93daf557f68064bc9fbf93ebde0">separatorLight</a>(),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-29"></a>
輸出</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">╍╍╍╍</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html#l00242">242</a> of file <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html">src/ftxui/dom/separator.cpp</a>.</p>
</div>
</div>
<a id="gaf0649e89a9960f1c2703e48c1817645b" name="gaf0649e89a9960f1c2703e48c1817645b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gaf0649e89a9960f1c2703e48c1817645b">&#9670;&#160;</a></span>separatorHeavy()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorHeavy </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用 HEAVY 樣式在兩個元素之間繪製垂直或水平分隔線。 </p>
<dl class="section see"><dt>See also</dt><dd>separator </dd>
<dd>
separatorLight </dd>
<dd>
separatorDashed </dd>
<dd>
separatorDouble </dd>
<dd>
separatorHeavy </dd>
<dd>
separatorEmpty </dd>
<dd>
<a class="el" href="namespaceftxui.html#a738043e2df7922df8da17f880bf6712f">separatorRounded</a> </dd>
<dd>
separatorStyled </dd>
<dd>
separatorCharacter</dd></dl>
<p>在兩個元素之間添加視覺分隔。</p>
<h3><a class="anchor" id="範例-70"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 使用 &#39;border&#39; 作為函式...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#gaf0649e89a9960f1c2703e48c1817645b">separatorHeavy</a>(),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
<div class="ttc" id="agroup__dom_html_gaf0649e89a9960f1c2703e48c1817645b"><div class="ttname"><a href="#gaf0649e89a9960f1c2703e48c1817645b">ftxui::separatorHeavy</a></div><div class="ttdeci">Element separatorHeavy()</div><div class="ttdoc">使用 HEAVY 樣式在兩個元素之間繪製垂直或水平分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2separator_8cpp_source.html#l00278">src/ftxui/dom/separator.cpp:278</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-30"></a>
輸出</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">━━━━</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html#l00278">278</a> of file <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html">src/ftxui/dom/separator.cpp</a>.</p>
</div>
</div>
<a id="gadd376830fdb51b0bf52672ef17515989" name="gadd376830fdb51b0bf52672ef17515989"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gadd376830fdb51b0bf52672ef17515989">&#9670;&#160;</a></span>separatorDouble()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorDouble </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用 DOUBLE 樣式在兩個元素之間繪製垂直或水平分隔線。 </p>
<dl class="section see"><dt>See also</dt><dd>separator </dd>
<dd>
separatorLight </dd>
<dd>
separatorDashed </dd>
<dd>
separatorDouble </dd>
<dd>
separatorHeavy </dd>
<dd>
separatorEmpty </dd>
<dd>
<a class="el" href="namespaceftxui.html#a738043e2df7922df8da17f880bf6712f">separatorRounded</a> </dd>
<dd>
separatorStyled </dd>
<dd>
separatorCharacter</dd></dl>
<p>在兩個元素之間添加視覺分隔。</p>
<h3><a class="anchor" id="範例-71"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 使用 &#39;border&#39; 作為函式...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#gadd376830fdb51b0bf52672ef17515989">separatorDouble</a>(),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
<div class="ttc" id="agroup__dom_html_gadd376830fdb51b0bf52672ef17515989"><div class="ttname"><a href="#gadd376830fdb51b0bf52672ef17515989">ftxui::separatorDouble</a></div><div class="ttdeci">Element separatorDouble()</div><div class="ttdoc">使用 DOUBLE 樣式在兩個元素之間繪製垂直或水平分隔線。</div><div class="ttdef"><b>Definition</b> <a href="src_2ftxui_2dom_2separator_8cpp_source.html#l00314">src/ftxui/dom/separator.cpp:314</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-31"></a>
輸出</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">════</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html#l00314">314</a> of file <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html">src/ftxui/dom/separator.cpp</a>.</p>
</div>
</div>
<a id="ga1934703e56ab66f6f259b9f8da331f1b" name="ga1934703e56ab66f6f259b9f8da331f1b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga1934703e56ab66f6f259b9f8da331f1b">&#9670;&#160;</a></span>separatorEmpty()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorEmpty </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>使用 EMPTY 樣式在兩個元素之間繪製垂直或水平分隔線。 </p>
<dl class="section see"><dt>See also</dt><dd>separator </dd>
<dd>
separatorLight </dd>
<dd>
separatorDashed </dd>
<dd>
separatorDouble </dd>
<dd>
separatorHeavy </dd>
<dd>
separatorEmpty </dd>
<dd>
<a class="el" href="namespaceftxui.html#a738043e2df7922df8da17f880bf6712f">separatorRounded</a> </dd>
<dd>
separatorStyled </dd>
<dd>
separatorCharacter</dd></dl>
<p>在兩個元素之間添加視覺分隔。</p>
<h3><a class="anchor" id="範例-73"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 使用 &#39;border&#39; 作為函式...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#gac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-33"></a>
輸出</h3>
<div class="fragment"><div class="line">up</div>
<div class="line"> </div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html#l00350">350</a> of file <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html">src/ftxui/dom/separator.cpp</a>.</p>
</div>
</div>
<a id="ga97a10482d591aade2958da0f2f19b371" name="ga97a10482d591aade2958da0f2f19b371"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga97a10482d591aade2958da0f2f19b371">&#9670;&#160;</a></span>separatorCharacter()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorCharacter </td>
<td>(</td>
<td class="paramtype">std::string</td> <td class="paramname"><span class="paramname"><em>value</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在兩個元素之間繪製垂直或水平分隔線。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">value</td><td>用於填充分隔線區域的字元。</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd>separator </dd>
<dd>
separatorLight </dd>
<dd>
separatorDashed </dd>
<dd>
separatorDouble </dd>
<dd>
separatorHeavy </dd>
<dd>
separatorEmpty </dd>
<dd>
<a class="el" href="namespaceftxui.html#a738043e2df7922df8da17f880bf6712f">separatorRounded</a> </dd>
<dd>
separatorStyled </dd>
<dd>
separatorCharacter</dd></dl>
<p>在兩個元素之間添加視覺分隔。</p>
<h3><a class="anchor" id="範例-75"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="comment">// 使用 &#39;border&#39; 作為函式...</span></div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#gac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-35"></a>
輸出</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">────</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html#l00387">387</a> of file <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html">src/ftxui/dom/separator.cpp</a>.</p>
</div>
</div>
<a id="ga71d9a6a32f65b6d172f9696b3b9579b4" name="ga71d9a6a32f65b6d172f9696b3b9579b4"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga71d9a6a32f65b6d172f9696b3b9579b4">&#9670;&#160;</a></span>separator() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separator </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#structftxui_1_1Pixel">Pixel</a></td> <td class="paramname"><span class="paramname"><em>pixel</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在兩個元素之間繪製一個由給定像素填充的分隔線。 </p>
<dl class="section see"><dt>See also</dt><dd>separator </dd>
<dd>
separatorLight </dd>
<dd>
separatorDashed </dd>
<dd>
separatorHeavy </dd>
<dd>
separatorDouble </dd>
<dd>
separatorStyled</dd></dl>
<h3><a class="anchor" id="範例-78"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_struct" href="group__screen.html#structftxui_1_1Pixel">Pixel</a> empty;</div>
<div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#gac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(empty),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Down&quot;</span>),</div>
<div class="line">})</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><!-- fragment --><h3><a class="anchor" id="輸出-38"></a>
輸出</h3>
<div class="fragment"><div class="line">Up</div>
<div class="line"> </div>
<div class="line">Down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html#l00418">418</a> of file <a class="el" href="src_2ftxui_2dom_2separator_8cpp_source.html">src/ftxui/dom/separator.cpp</a>.</p>
</div>
</div>
<a id="ga201220986fbdc539e42efe067985cbdb" name="ga201220986fbdc539e42efe067985cbdb"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga201220986fbdc539e42efe067985cbdb">&#9670;&#160;</a></span>size()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> size </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a04711c04f28aabfa0e5928a35baaec53">WidthOrHeight</a></td> <td class="paramname"><span class="paramname"><em>direction</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#ae09f44b989d381a387329fd0a0935926">Constraint</a></td> <td class="paramname"><span class="paramname"><em>constraint</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>value</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>限制元素的大小。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">direction</td><td>限制元素的寬度 (WIDTH) 或高度 (HEIGHT)。 </td></tr>
<tr><td class="paramname">constraint</td><td>限制的類型。 </td></tr>
<tr><td class="paramname">value</td><td>該值。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2size_8cpp_source.html#l00088">88</a> of file <a class="el" href="src_2ftxui_2dom_2size_8cpp_source.html">src/ftxui/dom/size.cpp</a>.</p>
</div>
</div>
<a id="ga3b08e0030a0831d3ec3e2a505908273b" name="ga3b08e0030a0831d3ec3e2a505908273b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga3b08e0030a0831d3ec3e2a505908273b">&#9670;&#160;</a></span>spinner()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> spinner </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>charset_index</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">size_t</td> <td class="paramname"><span class="paramname"><em>image_index</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>用於表示時間和/或事件的效果。這將顯示 一個 ASCII 藝術「影片」。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">charset_index</td><td>「影片」的類型。 </td></tr>
<tr><td class="paramname">image_index</td><td>「影片」的「影格」。您需要針對 每個「步驟」增加此值。 </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="src_2ftxui_2dom_2spinner_8cpp_source.html#l00282">282</a> of file <a class="el" href="src_2ftxui_2dom_2spinner_8cpp_source.html">src/ftxui/dom/spinner.cpp</a>.</p>
</div>
</div>
<a id="ga8594d70f0491def903370e86132fbf01" name="ga8594d70f0491def903370e86132fbf01"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga8594d70f0491def903370e86132fbf01">&#9670;&#160;</a></span>strikethrough()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> strikethrough </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>對文字應用刪除線。 </p>
<p class="definition">Definition at line <a class="el" href="strikethrough_8cpp_source.html#l00016">16</a> of file <a class="el" href="strikethrough_8cpp_source.html">strikethrough.cpp</a>.</p>
</div>
</div>
<a id="ga366051704fd333c23460f7932598a5e3" name="ga366051704fd333c23460f7932598a5e3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga366051704fd333c23460f7932598a5e3">&#9670;&#160;</a></span>text() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> text </td>
<td>(</td>
<td class="paramtype">std::string</td> <td class="paramname"><span class="paramname"><em>text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>顯示一段 UTF8 編碼的 Unicode 文字。 </p>
<dl class="section see"><dt>See also</dt><dd>ftxui::to_wstring</dd></dl>
<h3><a class="anchor" id="範例-72"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello world!&quot;</span>);</div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-32"></a>
輸出</h3>
<div class="fragment"><div class="line">Hello world!</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="text_8cpp_source.html#l00141">141</a> of file <a class="el" href="text_8cpp_source.html">text.cpp</a>.</p>
</div>
</div>
<a id="ga75baaa2734ed76a9f478beaafa87ae57" name="ga75baaa2734ed76a9f478beaafa87ae57"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga75baaa2734ed76a9f478beaafa87ae57">&#9670;&#160;</a></span>text() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> text </td>
<td>(</td>
<td class="paramtype">std::wstring</td> <td class="paramname"><span class="paramname"><em>text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>顯示一段 Unicode 文字。 </p>
<dl class="section see"><dt>See also</dt><dd>ftxui::to_wstring</dd></dl>
<h3><a class="anchor" id="範例-74"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(L<span class="stringliteral">&quot;Hello world!&quot;</span>);</div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-34"></a>
輸出</h3>
<div class="fragment"><div class="line">Hello world!</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="text_8cpp_source.html#l00160">160</a> of file <a class="el" href="text_8cpp_source.html">text.cpp</a>.</p>
</div>
</div>
<a id="ga64172a43b4b526afeb6313e6e1a6d5a1" name="ga64172a43b4b526afeb6313e6e1a6d5a1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga64172a43b4b526afeb6313e6e1a6d5a1">&#9670;&#160;</a></span>vtext() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vtext </td>
<td>(</td>
<td class="paramtype">std::string</td> <td class="paramname"><span class="paramname"><em>text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>垂直顯示一段 Unicode 文字。 </p>
<dl class="section see"><dt>See also</dt><dd>ftxui::to_wstring</dd></dl>
<h3><a class="anchor" id="範例-76"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga9f9f7485a45aa9d432726ca9845d1eac">vtext</a>(<span class="stringliteral">&quot;Hello world!&quot;</span>);</div>
<div class="ttc" id="agroup__dom_html_ga9f9f7485a45aa9d432726ca9845d1eac"><div class="ttname"><a href="#ga9f9f7485a45aa9d432726ca9845d1eac">ftxui::vtext</a></div><div class="ttdeci">Element vtext(std::wstring text)</div><div class="ttdoc">垂直顯示一段 Unicode 文字。</div><div class="ttdef"><b>Definition</b> <a href="text_8cpp_source.html#l00220">text.cpp:220</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-36"></a>
輸出</h3>
<div class="fragment"><div class="line">H</div>
<div class="line">e</div>
<div class="line">l</div>
<div class="line">l</div>
<div class="line">o</div>
<div class="line"> </div>
<div class="line">w</div>
<div class="line">o</div>
<div class="line">r</div>
<div class="line">l</div>
<div class="line">d</div>
<div class="line">!</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="text_8cpp_source.html#l00190">190</a> of file <a class="el" href="text_8cpp_source.html">text.cpp</a>.</p>
</div>
</div>
<a id="ga9f9f7485a45aa9d432726ca9845d1eac" name="ga9f9f7485a45aa9d432726ca9845d1eac"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga9f9f7485a45aa9d432726ca9845d1eac">&#9670;&#160;</a></span>vtext() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vtext </td>
<td>(</td>
<td class="paramtype">std::wstring</td> <td class="paramname"><span class="paramname"><em>text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>垂直顯示一段 Unicode 文字。 </p>
<dl class="section see"><dt>See also</dt><dd>ftxui::to_wstring</dd></dl>
<h3><a class="anchor" id="範例-77"></a>
範例</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ga9f9f7485a45aa9d432726ca9845d1eac">vtext</a>(L<span class="stringliteral">&quot;Hello world!&quot;</span>);</div>
</div><!-- fragment --><h3><a class="anchor" id="輸出-37"></a>
輸出</h3>
<div class="fragment"><div class="line">H</div>
<div class="line">e</div>
<div class="line">l</div>
<div class="line">l</div>
<div class="line">o</div>
<div class="line"> </div>
<div class="line">w</div>
<div class="line">o</div>
<div class="line">r</div>
<div class="line">l</div>
<div class="line">d</div>
<div class="line">!</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="text_8cpp_source.html#l00220">220</a> of file <a class="el" href="text_8cpp_source.html">text.cpp</a>.</p>
</div>
</div>
<a id="ga5ad450c97c4d084b64ffb5b5ca942664" name="ga5ad450c97c4d084b64ffb5b5ca942664"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga5ad450c97c4d084b64ffb5b5ca942664">&#9670;&#160;</a></span>underlined()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> underlined </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>為給定元素加上底線。 </p>
<p class="definition">Definition at line <a class="el" href="underlined_8cpp_source.html#l00032">32</a> of file <a class="el" href="underlined_8cpp_source.html">underlined.cpp</a>.</p>
</div>
</div>
<a id="ga16d1b74107610750276499ddb3dde8da" name="ga16d1b74107610750276499ddb3dde8da"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga16d1b74107610750276499ddb3dde8da">&#9670;&#160;</a></span>underlinedDouble()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> underlinedDouble </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>對文字應用雙底線。 </p>
<p class="definition">Definition at line <a class="el" href="underlined__double_8cpp_source.html#l00017">17</a> of file <a class="el" href="underlined__double_8cpp_source.html">underlined_double.cpp</a>.</p>
</div>
</div>
<a id="ga1bfd3885ac8b40dc82a1103725003c07" name="ga1bfd3885ac8b40dc82a1103725003c07"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga1bfd3885ac8b40dc82a1103725003c07">&#9670;&#160;</a></span>nothing()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> nothing </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>element</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>一個什麼都不做的裝飾器。 </p>
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00028">28</a> of file <a class="el" href="dom_2util_8cpp_source.html">dom/util.cpp</a>.</p>
</div>
</div>
<a id="ga027fbc9cf6fef9e86ae6a2a79e8bf23a" name="ga027fbc9cf6fef9e86ae6a2a79e8bf23a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga027fbc9cf6fef9e86ae6a2a79e8bf23a">&#9670;&#160;</a></span>operator|() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a> operator| </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a></td> <td class="paramname"><span class="paramname"><em>a</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a></td> <td class="paramname"><span class="paramname"><em>b</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>將兩個裝飾器組合為一個。 </p>
<h3><a class="anchor" id="範例-81"></a>
範例</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> decorator = bold | <a class="code hl_function" href="#gad57613de5895e774218d91dea48d074b">blink</a>;</div>
<div class="ttc" id="agroup__dom_html_gad57613de5895e774218d91dea48d074b"><div class="ttname"><a href="#gad57613de5895e774218d91dea48d074b">ftxui::blink</a></div><div class="ttdeci">Element blink(Element)</div><div class="ttdoc">繪製的文字在可見和隱藏之間交替。</div><div class="ttdef"><b>Definition</b> <a href="blink_8cpp_source.html#l00033">blink.cpp:33</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00040">40</a> of file <a class="el" href="dom_2util_8cpp_source.html">dom/util.cpp</a>.</p>
</div>
</div>
<a id="ga6cbc84eb24a655ae084b3c7d26f9abfc" name="ga6cbc84eb24a655ae084b3c7d26f9abfc"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga6cbc84eb24a655ae084b3c7d26f9abfc">&#9670;&#160;</a></span>operator|() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> operator| </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em>elements</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a></td> <td class="paramname"><span class="paramname"><em>decorator</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>從一組元素中,對每個元素應用一個裝飾器。 </p>
<dl class="section return"><dt>Returns</dt><dd>一組被裝飾的元素。 </dd></dl>
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00048">48</a> of file <a class="el" href="dom_2util_8cpp_source.html">dom/util.cpp</a>.</p>
</div>
</div>
<a id="ga7e9a69f0592b4013bd725d662f4a76e7" name="ga7e9a69f0592b4013bd725d662f4a76e7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga7e9a69f0592b4013bd725d662f4a76e7">&#9670;&#160;</a></span>operator|() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> operator| </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>element</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a></td> <td class="paramname"><span class="paramname"><em>decorator</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>從一個元素中,應用一個裝飾器。 </p>
<dl class="section return"><dt>Returns</dt><dd>被裝飾的元素。</dd></dl>
<h3><a class="anchor" id="範例-82"></a>
範例</h3>
<p>兩者是等效的: </p><div class="fragment"><div class="line"><a class="code hl_function" href="#ga353c769068e25303eb41fa2da565c604">bold</a>(<a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>));</div>
<div class="ttc" id="agroup__dom_html_ga353c769068e25303eb41fa2da565c604"><div class="ttname"><a href="#ga353c769068e25303eb41fa2da565c604">ftxui::bold</a></div><div class="ttdeci">Element bold(Element)</div><div class="ttdoc">使用粗體字型,用於需要更多強調的元素。</div><div class="ttdef"><b>Definition</b> <a href="bold_8cpp_source.html#l00033">bold.cpp:33</a></div></div>
</div><!-- fragment --> <div class="fragment"><div class="line"><a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>) | <a class="code hl_function" href="#ga353c769068e25303eb41fa2da565c604">bold</a>;</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00070">70</a> of file <a class="el" href="dom_2util_8cpp_source.html">dom/util.cpp</a>.</p>
</div>
</div>
<a id="ga0be26ac5dcbe6c707857c791d8eec720" name="ga0be26ac5dcbe6c707857c791d8eec720"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga0be26ac5dcbe6c707857c791d8eec720">&#9670;&#160;</a></span>operator|=()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &amp; operator|= </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &amp;</td> <td class="paramname"><span class="paramname"><em>e</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a164021903e9ac6f1357e4186582891e3">Decorator</a></td> <td class="paramname"><span class="paramname"><em>d</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>對元素應用一個裝飾器。 </p>
<dl class="section return"><dt>Returns</dt><dd>被裝飾的元素。</dd></dl>
<h3><a class="anchor" id="範例-83"></a>
範例</h3>
<p>兩者是等效的: </p><div class="fragment"><div class="line"><span class="keyword">auto</span> element = <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>);</div>
<div class="line">element |= <a class="code hl_function" href="#ga353c769068e25303eb41fa2da565c604">bold</a>;</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00085">85</a> of file <a class="el" href="dom_2util_8cpp_source.html">dom/util.cpp</a>.</p>
</div>
</div>
<a id="ga40451515a5b3049e7a1276cad8b9356c" name="ga40451515a5b3049e7a1276cad8b9356c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga40451515a5b3049e7a1276cad8b9356c">&#9670;&#160;</a></span>emptyElement()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> emptyElement </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>一個 0x0 大小,不繪製任何東西的元素。 </p>
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00140">140</a> of file <a class="el" href="dom_2util_8cpp_source.html">dom/util.cpp</a>.</p>
</div>
</div>
<a id="gafd28058f0ccbbdf34691a85a7cc9b2e3" name="gafd28058f0ccbbdf34691a85a7cc9b2e3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">&#9670;&#160;</a></span>vbox()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="namespaceftxui.html#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vbox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="namespaceftxui.html#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em>children</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>一個垂直一個接一個顯示元素的容器。 </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">children</td><td>容器中的元素 </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>容器。</dd></dl>
<h4><a class="anchor" id="範例-84"></a>
範例</h4>
<div class="fragment"><div class="line"><a class="code hl_function" href="#gafd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#ga75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Down&quot;</span>),</div>
<div class="line">});</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="vbox_8cpp_source.html#l00095">95</a> of file <a class="el" href="vbox_8cpp_source.html">vbox.cpp</a>.</p>
</div>
</div>
<a id="ga65945a706131f407a47a1b9960dc1a4a" name="ga65945a706131f407a47a1b9960dc1a4a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ga65945a706131f407a47a1b9960dc1a4a">&#9670;&#160;</a></span>SetColorSupport()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void SetColorSupport </td>
<td>(</td>
<td class="paramtype"><a class="el" href="group__screen.html#gab87bacfdad76e61b9412d7124be44c1c">Color</a></td> <td class="paramname"><span class="paramname"><em>color</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>在自動偵測失敗時覆寫終端機顏色支援 </p>
<p class="definition">Definition at line <a class="el" href="terminal_8cpp_source.html#l00135">135</a> of file <a class="el" href="terminal_8cpp_source.html">terminal.cpp</a>.</p>
</div>
</div>
</div><!-- contents -->
</div><!-- doc-content -->
<!-- HTML footer for doxygen 1.9.8-->
<!-- start footer part -->
<div id="nav-path" class="navpath"><!-- id is needed for treeview function! -->
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const projectNumber = document.getElementById('projectname');
if (!projectNumber) {
console.warn('Doxygen element with ID "projectnumber" not found. Cannot add version switcher.');
return;
}
const langs = ["en", "es", "fr", "ja", "zh-CH", "zh-TW"];
const lang_paths = {"en": "../index.html", "es": "../es/index.html", "fr": "../fr/index.html", "ja": "../ja/index.html", "zh-CH": "../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>