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

487 lines
54 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: animation.hpp Source File</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('animation_8hpp_source.html',''); initResizable(true); });
/* @license-end */
</script>
<div id="doc-content">
<!-- window showing the filter options -->
<div id="MSearchSelectWindow"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
onkeydown="return searchBox.OnSearchSelectKey(event)">
</div>
<!-- iframe showing the search results (closed by default) -->
<div id="MSearchResultsWindow">
<div id="MSearchResults">
<div class="SRPage">
<div id="SRIndex">
<div id="SRResults"></div>
<div class="SRStatus" id="Loading">Loading...</div>
<div class="SRStatus" id="Searching">Searching...</div>
<div class="SRStatus" id="NoMatches">No Matches</div>
</div>
</div>
</div>
</div>
<div class="header">
<div class="headertitle"><div class="title">animation.hpp</div></div>
</div><!--header-->
<div class="contents">
<a href="animation_8hpp.html">Go to the documentation of this file.</a><div class="fragment"><div class="line"><a id="l00001" name="l00001"></a><span class="lineno"> 1</span><span class="comment">// Copyright 2022 Arthur Sonzogni. All rights reserved.</span></div>
<div class="line"><a id="l00002" name="l00002"></a><span class="lineno"> 2</span><span class="comment">// Use of this source code is governed by the MIT license that can be found in</span></div>
<div class="line"><a id="l00003" name="l00003"></a><span class="lineno"> 3</span><span class="comment">// the LICENSE file.</span></div>
<div class="line"><a id="l00004" name="l00004"></a><span class="lineno"> 4</span><span class="preprocessor">#ifndef FTXUI_ANIMATION_HPP</span></div>
<div class="line"><a id="l00005" name="l00005"></a><span class="lineno"> 5</span><span class="preprocessor">#define FTXUI_ANIMATION_HPP</span></div>
<div class="line"><a id="l00006" name="l00006"></a><span class="lineno"> 6</span> </div>
<div class="line"><a id="l00007" name="l00007"></a><span class="lineno"> 7</span><span class="preprocessor">#include &lt;chrono&gt;</span> <span class="comment">// for milliseconds, duration, steady_clock, time_point</span></div>
<div class="line"><a id="l00008" name="l00008"></a><span class="lineno"> 8</span><span class="preprocessor">#include &lt;functional&gt;</span> <span class="comment">// for function</span></div>
<div class="line"><a id="l00009" name="l00009"></a><span class="lineno"> 9</span> </div>
<div class="foldopen" id="foldopen00010" data-start="{" data-end="}">
<div class="line"><a id="l00010" name="l00010"></a><span class="lineno"><a class="line" href="namespaceftxui.html"> 10</a></span><span class="keyword">namespace </span><a class="code hl_namespace" href="namespaceftxui_1_1animation.html">ftxui::animation</a> {<span class="comment"></span></div>
<div class="line"><a id="l00011" name="l00011"></a><span class="lineno"> 11</span><span class="comment">/// @brief RequestAnimationFrame 是一個函式，它請求在下一個動畫週期中繪製新畫面。</span></div>
<div class="line"><a id="l00012" name="l00012"></a><span class="lineno"> 12</span><span class="comment">///</span></div>
<div class="line"><a id="l00013" name="l00013"></a><span class="lineno"> 13</span><span class="comment">/// @note 此函式通常由需要隨時間更新其狀態或外觀的元件呼叫，例如動畫或轉場。</span></div>
<div class="line"><a id="l00014" name="l00014"></a><span class="lineno"> 14</span><span class="comment">/// 當變更不依賴於終端機接收到的事件，而是依賴於時間的推移時，這非常有用。</span></div>
<div class="line"><a id="l00015" name="l00015"></a><span class="lineno"> 15</span><span class="comment">///</span></div>
<div class="line"><a id="l00016" name="l00016"></a><span class="lineno"> 16</span><span class="comment">/// 尚未完成動畫的元件可以呼叫此函式，以請求稍後繪製新畫面。</span></div>
<div class="line"><a id="l00017" name="l00017"></a><span class="lineno"> 17</span><span class="comment">///</span></div>
<div class="line"><a id="l00018" name="l00018"></a><span class="lineno"> 18</span><span class="comment">/// 當沒有新事件且沒有動畫要完成時，不會繪製新畫面。</span></div>
<div class="line"><a id="l00019" name="l00019"></a><span class="lineno"> 19</span><span class="comment">///</span></div>
<div class="line"><a id="l00020" name="l00020"></a><span class="lineno"> 20</span><span class="comment">/// @ingroup component</span></div>
<div class="line"><a id="l00021" name="l00021"></a><span class="lineno"> 21</span><span class="comment"></span><span class="keywordtype">void</span> <a class="code hl_function" href="group__component.html#gad94d3d42aba3359550759aae5bcffbe9">RequestAnimationFrame</a>();</div>
<div class="line"><a id="l00022" name="l00022"></a><span class="lineno"> 22</span> </div>
<div class="line"><a id="l00023" name="l00023"></a><span class="lineno"><a class="line" href="namespaceftxui_1_1animation.html#a19bfb27380067c74ae297dd7dad5fb37"> 23</a></span><span class="keyword">using </span><a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a19bfb27380067c74ae297dd7dad5fb37">Clock</a> = std::chrono::steady_clock;</div>
<div class="line"><a id="l00024" name="l00024"></a><span class="lineno"><a class="line" href="namespaceftxui_1_1animation.html#a97ee0a9619acebafade22a9b7b0de667"> 24</a></span><span class="keyword">using </span><a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a97ee0a9619acebafade22a9b7b0de667">TimePoint</a> = std::chrono::time_point&lt;Clock&gt;;</div>
<div class="line"><a id="l00025" name="l00025"></a><span class="lineno"><a class="line" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739"> 25</a></span><span class="keyword">using </span><a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">Duration</a> = std::chrono::duration&lt;float&gt;;</div>
<div class="line"><a id="l00026" name="l00026"></a><span class="lineno"> 26</span> </div>
<div class="line"><a id="l00027" name="l00027"></a><span class="lineno"> 27</span><span class="comment">// Parameter of Component::OnAnimation(param).</span></div>
<div class="foldopen" id="foldopen00028" data-start="{" data-end="};">
<div class="line"><a id="l00028" name="l00028"></a><span class="lineno"><a class="line" href="classftxui_1_1animation_1_1Params.html"> 28</a></span><span class="keyword">class </span><a class="code hl_class" href="classftxui_1_1animation_1_1Params.html">Params</a> {</div>
<div class="line"><a id="l00029" name="l00029"></a><span class="lineno"> 29</span> <span class="keyword">public</span>:</div>
<div class="line"><a id="l00030" name="l00030"></a><span class="lineno"><a class="line" href="classftxui_1_1animation_1_1Params.html#a27854a0925475df9b926b03808cc8d8c"> 30</a></span> <span class="keyword">explicit</span> <a class="code hl_function" href="classftxui_1_1animation_1_1Params.html#a27854a0925475df9b926b03808cc8d8c">Params</a>(<a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">Duration</a> <a class="code hl_function" href="classftxui_1_1animation_1_1Params.html#a2cf2e0a4288915aee8f100d2f0ee3e50">duration</a>) : duration_(<a class="code hl_function" href="classftxui_1_1animation_1_1Params.html#a2cf2e0a4288915aee8f100d2f0ee3e50">duration</a>) {}</div>
<div class="line"><a id="l00031" name="l00031"></a><span class="lineno"> 31</span><span class="comment"></span> </div>
<div class="line"><a id="l00032" name="l00032"></a><span class="lineno"> 32</span><span class="comment"> /// 此動畫步驟表示的持續時間。</span></div>
<div class="line"><a id="l00033" name="l00033"></a><span class="lineno"><a class="line" href="classftxui_1_1animation_1_1Params.html#a2cf2e0a4288915aee8f100d2f0ee3e50"> 33</a></span><span class="comment"></span> <a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">Duration</a> <a class="code hl_function" href="classftxui_1_1animation_1_1Params.html#a2cf2e0a4288915aee8f100d2f0ee3e50">duration</a>()<span class="keyword"> const </span>{ <span class="keywordflow">return</span> duration_; }</div>
<div class="line"><a id="l00034" name="l00034"></a><span class="lineno"> 34</span> </div>
<div class="line"><a id="l00035" name="l00035"></a><span class="lineno"> 35</span> <span class="keyword">private</span>:</div>
<div class="line"><a id="l00036" name="l00036"></a><span class="lineno"> 36</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">Duration</a> duration_;</div>
<div class="line"><a id="l00037" name="l00037"></a><span class="lineno"> 37</span>};</div>
</div>
<div class="line"><a id="l00038" name="l00038"></a><span class="lineno"> 38</span> </div>
<div class="foldopen" id="foldopen00039" data-start="{" data-end="}">
<div class="line"><a id="l00039" name="l00039"></a><span class="lineno"><a class="line" href="namespaceftxui_1_1animation_1_1easing.html"> 39</a></span><span class="keyword">namespace </span><a class="code hl_namespace" href="namespaceeasing.html">easing</a> {</div>
<div class="line"><a id="l00040" name="l00040"></a><span class="lineno"><a class="line" href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a"> 40</a></span><span class="keyword">using </span><a class="code hl_typedef" href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a">Function</a> = std::function&lt;float(<span class="keywordtype">float</span>)&gt;;</div>
<div class="line"><a id="l00041" name="l00041"></a><span class="lineno"> 41</span><span class="comment">// 線性插值（無緩動）</span></div>
<div class="line"><a id="l00042" name="l00042"></a><span class="lineno"> 42</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a39923c8d62cdaacdc179c2ece3ee16b4">Linear</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00043" name="l00043"></a><span class="lineno"> 43</span> </div>
<div class="line"><a id="l00044" name="l00044"></a><span class="lineno"> 44</span><span class="comment">// 二次緩動；p^2</span></div>
<div class="line"><a id="l00045" name="l00045"></a><span class="lineno"> 45</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#ab0b9303e7f956c36960e601f158e488f">QuadraticIn</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00046" name="l00046"></a><span class="lineno"> 46</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#aa1618a8f59ae7bae191d0ab36bf90e66">QuadraticOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00047" name="l00047"></a><span class="lineno"> 47</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a8155757f48a6e85e27da99c0a93f7e8d">QuadraticInOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00048" name="l00048"></a><span class="lineno"> 48</span> </div>
<div class="line"><a id="l00049" name="l00049"></a><span class="lineno"> 49</span><span class="comment">// 三次緩動；p^3</span></div>
<div class="line"><a id="l00050" name="l00050"></a><span class="lineno"> 50</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a2288ba740a847ea0e565017cb16c24f2">CubicIn</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00051" name="l00051"></a><span class="lineno"> 51</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#acd3c619812de25f3613b36735a5cdc91">CubicOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00052" name="l00052"></a><span class="lineno"> 52</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a2aa1d45766fe10c3b16b7dd4f65db859">CubicInOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00053" name="l00053"></a><span class="lineno"> 53</span> </div>
<div class="line"><a id="l00054" name="l00054"></a><span class="lineno"> 54</span><span class="comment">// 四次緩動；p^4</span></div>
<div class="line"><a id="l00055" name="l00055"></a><span class="lineno"> 55</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#af60268bac4059d32b3f7680042dba350">QuarticIn</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00056" name="l00056"></a><span class="lineno"> 56</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a8878f359f37551ae64eb183af3ca93b8">QuarticOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00057" name="l00057"></a><span class="lineno"> 57</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a72dd2cb5c7ffddfe3a3d8b455f68d37e">QuarticInOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00058" name="l00058"></a><span class="lineno"> 58</span> </div>
<div class="line"><a id="l00059" name="l00059"></a><span class="lineno"> 59</span><span class="comment">// 五次緩動；p^5</span></div>
<div class="line"><a id="l00060" name="l00060"></a><span class="lineno"> 60</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#ab4eae8c5808cc6ab161037659e761a50">QuinticIn</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00061" name="l00061"></a><span class="lineno"> 61</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#aae2598b1aa6a2fc944f52edbf0453fd5">QuinticOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00062" name="l00062"></a><span class="lineno"> 62</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#afcbc9e6b461fe3418a59faf4a5f9284d">QuinticInOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00063" name="l00063"></a><span class="lineno"> 63</span> </div>
<div class="line"><a id="l00064" name="l00064"></a><span class="lineno"> 64</span><span class="comment">// 正弦波緩動；sin(p * PI/2)</span></div>
<div class="line"><a id="l00065" name="l00065"></a><span class="lineno"> 65</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#af48c179e363c6656e904045b33756aeb">SineIn</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00066" name="l00066"></a><span class="lineno"> 66</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a92e397623fa5a607f64ba58d5c3dc56a">SineOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00067" name="l00067"></a><span class="lineno"> 67</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a0eddac1c5f32c9f874ed1c6687a3c830">SineInOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00068" name="l00068"></a><span class="lineno"> 68</span> </div>
<div class="line"><a id="l00069" name="l00069"></a><span class="lineno"> 69</span><span class="comment">// 圓形緩動；sqrt(1 - p^2)</span></div>
<div class="line"><a id="l00070" name="l00070"></a><span class="lineno"> 70</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a9af9e9dc6ba657b5ab681eb8be39ddb5">CircularIn</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00071" name="l00071"></a><span class="lineno"> 71</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a4188d3f98b876d0e0f181f9fd707f476">CircularOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00072" name="l00072"></a><span class="lineno"> 72</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a0d1df50c1810db4a8b16416b62ac7db0">CircularInOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00073" name="l00073"></a><span class="lineno"> 73</span> </div>
<div class="line"><a id="l00074" name="l00074"></a><span class="lineno"> 74</span><span class="comment">// 指數緩動，基數 2</span></div>
<div class="line"><a id="l00075" name="l00075"></a><span class="lineno"> 75</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#ab0ca381749febbe74887c9fff0522434">ExponentialIn</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00076" name="l00076"></a><span class="lineno"> 76</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a9de59af8a36489121dace3f2a996f029">ExponentialOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00077" name="l00077"></a><span class="lineno"> 77</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a502f9e65e97d295f46c6a6435a84464d">ExponentialInOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00078" name="l00078"></a><span class="lineno"> 78</span> </div>
<div class="line"><a id="l00079" name="l00079"></a><span class="lineno"> 79</span><span class="comment">// 指數衰減正弦波緩動</span></div>
<div class="line"><a id="l00080" name="l00080"></a><span class="lineno"> 80</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a0cc4cc8d40617d7b21dea78f71917bbc">ElasticIn</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00081" name="l00081"></a><span class="lineno"> 81</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#ad771aec6f0170cb9039446699d1d2295">ElasticOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00082" name="l00082"></a><span class="lineno"> 82</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a537ce88e07af5658175f95eb70369fb9">ElasticInOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00083" name="l00083"></a><span class="lineno"> 83</span> </div>
<div class="line"><a id="l00084" name="l00084"></a><span class="lineno"> 84</span><span class="comment">// 超調三次緩動；</span></div>
<div class="line"><a id="l00085" name="l00085"></a><span class="lineno"> 85</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#ae9cca3240dd9f14a807364e322bbdf79">BackIn</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00086" name="l00086"></a><span class="lineno"> 86</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a440085789f25b7f3ffa1391f09e154f3">BackOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00087" name="l00087"></a><span class="lineno"> 87</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a4dfa1e95971ff8e4d0f7539f2e8ae577">BackInOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00088" name="l00088"></a><span class="lineno"> 88</span> </div>
<div class="line"><a id="l00089" name="l00089"></a><span class="lineno"> 89</span><span class="comment">// 指數衰減彈跳緩動</span></div>
<div class="line"><a id="l00090" name="l00090"></a><span class="lineno"> 90</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a3a136fc5aedb4e99e08e5bea138463cb">BounceIn</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00091" name="l00091"></a><span class="lineno"> 91</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#aba7f60496f13f39385d9a47349e97c09">BounceOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00092" name="l00092"></a><span class="lineno"> 92</span><span class="keywordtype">float</span> <a class="code hl_function" href="namespaceftxui_1_1animation_1_1easing.html#a1a048fdae839f9493331cf1745767519">BounceInOut</a>(<span class="keywordtype">float</span> p);</div>
<div class="line"><a id="l00093" name="l00093"></a><span class="lineno"> 93</span>} <span class="comment">// namespace easing</span></div>
</div>
<div class="line"><a id="l00094" name="l00094"></a><span class="lineno"> 94</span> </div>
<div class="foldopen" id="foldopen00095" data-start="{" data-end="};">
<div class="line"><a id="l00095" name="l00095"></a><span class="lineno"><a class="line" href="classftxui_1_1animation_1_1Animator.html"> 95</a></span><span class="keyword">class </span><a class="code hl_class" href="classftxui_1_1animation_1_1Animator.html">Animator</a> {</div>
<div class="line"><a id="l00096" name="l00096"></a><span class="lineno"> 96</span> <span class="keyword">public</span>:</div>
<div class="line"><a id="l00097" name="l00097"></a><span class="lineno"> 97</span> <span class="keyword">explicit</span> <a class="code hl_function" href="classftxui_1_1animation_1_1Animator.html#a03909a0243b559e18e21996ccacdc8b6">Animator</a>(<span class="keywordtype">float</span>* from,</div>
<div class="line"><a id="l00098" name="l00098"></a><span class="lineno"> 98</span> <span class="keywordtype">float</span> <a class="code hl_function" href="classftxui_1_1animation_1_1Animator.html#a5d3b8db14f3f21f9169cfbebf247d854">to</a> = 0.f,</div>
<div class="line"><a id="l00099" name="l00099"></a><span class="lineno"> 99</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">Duration</a> duration = std::chrono::milliseconds(250),</div>
<div class="line"><a id="l00100" name="l00100"></a><span class="lineno"> 100</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a">easing::Function</a> easing_function = easing::Linear,</div>
<div class="line"><a id="l00101" name="l00101"></a><span class="lineno"> 101</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">Duration</a> delay = std::chrono::milliseconds(0));</div>
<div class="line"><a id="l00102" name="l00102"></a><span class="lineno"> 102</span> </div>
<div class="line"><a id="l00103" name="l00103"></a><span class="lineno"> 103</span> <span class="keywordtype">void</span> <a class="code hl_function" href="classftxui_1_1animation_1_1Animator.html#ac956aa7c105ad418392f69219711117d">OnAnimation</a>(<a class="code hl_class" href="classftxui_1_1animation_1_1Params.html">Params</a>&amp;);</div>
<div class="line"><a id="l00104" name="l00104"></a><span class="lineno"> 104</span> </div>
<div class="line"><a id="l00105" name="l00105"></a><span class="lineno"><a class="line" href="classftxui_1_1animation_1_1Animator.html#a5d3b8db14f3f21f9169cfbebf247d854"> 105</a></span> <span class="keywordtype">float</span> <a class="code hl_function" href="classftxui_1_1animation_1_1Animator.html#a5d3b8db14f3f21f9169cfbebf247d854">to</a>()<span class="keyword"> const </span>{ <span class="keywordflow">return</span> to_; }</div>
<div class="line"><a id="l00106" name="l00106"></a><span class="lineno"> 106</span> </div>
<div class="line"><a id="l00107" name="l00107"></a><span class="lineno"> 107</span> <span class="keyword">private</span>:</div>
<div class="line"><a id="l00108" name="l00108"></a><span class="lineno"> 108</span> <span class="keywordtype">float</span>* value_;</div>
<div class="line"><a id="l00109" name="l00109"></a><span class="lineno"> 109</span> <span class="keywordtype">float</span> from_;</div>
<div class="line"><a id="l00110" name="l00110"></a><span class="lineno"> 110</span> <span class="keywordtype">float</span> to_;</div>
<div class="line"><a id="l00111" name="l00111"></a><span class="lineno"> 111</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">Duration</a> duration_;</div>
<div class="line"><a id="l00112" name="l00112"></a><span class="lineno"> 112</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a">easing::Function</a> easing_function_;</div>
<div class="line"><a id="l00113" name="l00113"></a><span class="lineno"> 113</span> <a class="code hl_typedef" href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">Duration</a> current_;</div>
<div class="line"><a id="l00114" name="l00114"></a><span class="lineno"> 114</span>};</div>
</div>
<div class="line"><a id="l00115" name="l00115"></a><span class="lineno"> 115</span> </div>
<div class="line"><a id="l00116" name="l00116"></a><span class="lineno"> 116</span>} <span class="comment">// namespace ftxui::animation</span></div>
</div>
<div class="line"><a id="l00117" name="l00117"></a><span class="lineno"> 117</span> </div>
<div class="line"><a id="l00118" name="l00118"></a><span class="lineno"> 118</span><span class="preprocessor">#endif </span><span class="comment">/* end of include guard: FTXUI_ANIMATION_HPP */</span><span class="preprocessor"></span></div>
<div class="ttc" id="aclassftxui_1_1animation_1_1Animator_html"><div class="ttname"><a href="classftxui_1_1animation_1_1Animator.html">ftxui::animation::Animator</a></div><div class="ttdef"><b>Definition</b> <a href="#l00095">animation.hpp:95</a></div></div>
<div class="ttc" id="aclassftxui_1_1animation_1_1Animator_html_a03909a0243b559e18e21996ccacdc8b6"><div class="ttname"><a href="classftxui_1_1animation_1_1Animator.html#a03909a0243b559e18e21996ccacdc8b6">ftxui::animation::Animator::Animator</a></div><div class="ttdeci">Animator(float *from, float to=0.f, Duration duration=std::chrono::milliseconds(250), easing::Function easing_function=easing::Linear, Duration delay=std::chrono::milliseconds(0))</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00251">animation.cpp:251</a></div></div>
<div class="ttc" id="aclassftxui_1_1animation_1_1Animator_html_a5d3b8db14f3f21f9169cfbebf247d854"><div class="ttname"><a href="classftxui_1_1animation_1_1Animator.html#a5d3b8db14f3f21f9169cfbebf247d854">ftxui::animation::Animator::to</a></div><div class="ttdeci">float to() const</div><div class="ttdef"><b>Definition</b> <a href="#l00105">animation.hpp:105</a></div></div>
<div class="ttc" id="aclassftxui_1_1animation_1_1Animator_html_ac956aa7c105ad418392f69219711117d"><div class="ttname"><a href="classftxui_1_1animation_1_1Animator.html#ac956aa7c105ad418392f69219711117d">ftxui::animation::Animator::OnAnimation</a></div><div class="ttdeci">void OnAnimation(Params &amp;)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00265">animation.cpp:265</a></div></div>
<div class="ttc" id="aclassftxui_1_1animation_1_1Params_html"><div class="ttname"><a href="classftxui_1_1animation_1_1Params.html">ftxui::animation::Params</a></div><div class="ttdef"><b>Definition</b> <a href="#l00028">animation.hpp:28</a></div></div>
<div class="ttc" id="aclassftxui_1_1animation_1_1Params_html_a27854a0925475df9b926b03808cc8d8c"><div class="ttname"><a href="classftxui_1_1animation_1_1Params.html#a27854a0925475df9b926b03808cc8d8c">ftxui::animation::Params::Params</a></div><div class="ttdeci">Params(Duration duration)</div><div class="ttdef"><b>Definition</b> <a href="#l00030">animation.hpp:30</a></div></div>
<div class="ttc" id="aclassftxui_1_1animation_1_1Params_html_a2cf2e0a4288915aee8f100d2f0ee3e50"><div class="ttname"><a href="classftxui_1_1animation_1_1Params.html#a2cf2e0a4288915aee8f100d2f0ee3e50">ftxui::animation::Params::duration</a></div><div class="ttdeci">Duration duration() const</div><div class="ttdoc">此動畫步驟表示的持續時間。</div><div class="ttdef"><b>Definition</b> <a href="#l00033">animation.hpp:33</a></div></div>
<div class="ttc" id="agroup__component_html_gad94d3d42aba3359550759aae5bcffbe9"><div class="ttname"><a href="group__component.html#gad94d3d42aba3359550759aae5bcffbe9">ftxui::animation::RequestAnimationFrame</a></div><div class="ttdeci">void RequestAnimationFrame()</div><div class="ttdoc">RequestAnimationFrame 是一個函式，它請求在下一個動畫週期中繪製新畫面。</div><div class="ttdef"><b>Definition</b> <a href="screen__interactive_8cpp_source.html#l00077">screen_interactive.cpp:77</a></div></div>
<div class="ttc" id="anamespaceeasing_html"><div class="ttname"><a href="namespaceeasing.html">easing</a></div><div class="ttdoc">FTXUI ftxui::animation::easing:: 命名空間</div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a0cc4cc8d40617d7b21dea78f71917bbc"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a0cc4cc8d40617d7b21dea78f71917bbc">ftxui::animation::easing::ElasticIn</a></div><div class="ttdeci">float ElasticIn(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00175">animation.cpp:175</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a0d1df50c1810db4a8b16416b62ac7db0"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a0d1df50c1810db4a8b16416b62ac7db0">ftxui::animation::easing::CircularInOut</a></div><div class="ttdeci">float CircularInOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00142">animation.cpp:142</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a0eddac1c5f32c9f874ed1c6687a3c830"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a0eddac1c5f32c9f874ed1c6687a3c830">ftxui::animation::easing::SineInOut</a></div><div class="ttdeci">float SineInOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00125">animation.cpp:125</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a1a048fdae839f9493331cf1745767519"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a1a048fdae839f9493331cf1745767519">ftxui::animation::easing::BounceInOut</a></div><div class="ttdeci">float BounceInOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00242">animation.cpp:242</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a2288ba740a847ea0e565017cb16c24f2"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a2288ba740a847ea0e565017cb16c24f2">ftxui::animation::easing::CubicIn</a></div><div class="ttdeci">float CubicIn(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00049">animation.cpp:49</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a2aa1d45766fe10c3b16b7dd4f65db859"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a2aa1d45766fe10c3b16b7dd4f65db859">ftxui::animation::easing::CubicInOut</a></div><div class="ttdeci">float CubicInOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00062">animation.cpp:62</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a39923c8d62cdaacdc179c2ece3ee16b4"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a39923c8d62cdaacdc179c2ece3ee16b4">ftxui::animation::easing::Linear</a></div><div class="ttdeci">float Linear(float p)</div><div class="ttdoc">模仿直線 y = x</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00027">animation.cpp:27</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a3a136fc5aedb4e99e08e5bea138463cb"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a3a136fc5aedb4e99e08e5bea138463cb">ftxui::animation::easing::BounceIn</a></div><div class="ttdeci">float BounceIn(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00222">animation.cpp:222</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a4188d3f98b876d0e0f181f9fd707f476"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a4188d3f98b876d0e0f181f9fd707f476">ftxui::animation::easing::CircularOut</a></div><div class="ttdeci">float CircularOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00135">animation.cpp:135</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a440085789f25b7f3ffa1391f09e154f3"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a440085789f25b7f3ffa1391f09e154f3">ftxui::animation::easing::BackOut</a></div><div class="ttdeci">float BackOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00205">animation.cpp:205</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a4dfa1e95971ff8e4d0f7539f2e8ae577"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a4dfa1e95971ff8e4d0f7539f2e8ae577">ftxui::animation::easing::BackInOut</a></div><div class="ttdeci">float BackInOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00213">animation.cpp:213</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a502f9e65e97d295f46c6a6435a84464d"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a502f9e65e97d295f46c6a6435a84464d">ftxui::animation::easing::ExponentialInOut</a></div><div class="ttdeci">float ExponentialInOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00162">animation.cpp:162</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a537ce88e07af5658175f95eb70369fb9"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a537ce88e07af5658175f95eb70369fb9">ftxui::animation::easing::ElasticInOut</a></div><div class="ttdeci">float ElasticInOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00189">animation.cpp:189</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a72dd2cb5c7ffddfe3a3d8b455f68d37e"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a72dd2cb5c7ffddfe3a3d8b455f68d37e">ftxui::animation::easing::QuarticInOut</a></div><div class="ttdeci">float QuarticInOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00084">animation.cpp:84</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a8155757f48a6e85e27da99c0a93f7e8d"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a8155757f48a6e85e27da99c0a93f7e8d">ftxui::animation::easing::QuadraticInOut</a></div><div class="ttdeci">float QuadraticInOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00044">animation.cpp:44</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a8878f359f37551ae64eb183af3ca93b8"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a8878f359f37551ae64eb183af3ca93b8">ftxui::animation::easing::QuarticOut</a></div><div class="ttdeci">float QuarticOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00076">animation.cpp:76</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a92e397623fa5a607f64ba58d5c3dc56a"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a92e397623fa5a607f64ba58d5c3dc56a">ftxui::animation::easing::SineOut</a></div><div class="ttdeci">float SineOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00120">animation.cpp:120</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a9af9e9dc6ba657b5ab681eb8be39ddb5"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a9af9e9dc6ba657b5ab681eb8be39ddb5">ftxui::animation::easing::CircularIn</a></div><div class="ttdeci">float CircularIn(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00130">animation.cpp:130</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_a9de59af8a36489121dace3f2a996f029"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#a9de59af8a36489121dace3f2a996f029">ftxui::animation::easing::ExponentialOut</a></div><div class="ttdeci">float ExponentialOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00155">animation.cpp:155</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_aa1618a8f59ae7bae191d0ab36bf90e66"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#aa1618a8f59ae7bae191d0ab36bf90e66">ftxui::animation::easing::QuadraticOut</a></div><div class="ttdeci">float QuadraticOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00037">animation.cpp:37</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_aae2598b1aa6a2fc944f52edbf0453fd5"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#aae2598b1aa6a2fc944f52edbf0453fd5">ftxui::animation::easing::QuinticOut</a></div><div class="ttdeci">float QuinticOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00098">animation.cpp:98</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_ab0b9303e7f956c36960e601f158e488f"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#ab0b9303e7f956c36960e601f158e488f">ftxui::animation::easing::QuadraticIn</a></div><div class="ttdeci">float QuadraticIn(float p)</div><div class="ttdoc">模仿拋物線 y = x^2</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00032">animation.cpp:32</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_ab0ca381749febbe74887c9fff0522434"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#ab0ca381749febbe74887c9fff0522434">ftxui::animation::easing::ExponentialIn</a></div><div class="ttdeci">float ExponentialIn(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00150">animation.cpp:150</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_ab4eae8c5808cc6ab161037659e761a50"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#ab4eae8c5808cc6ab161037659e761a50">ftxui::animation::easing::QuinticIn</a></div><div class="ttdeci">float QuinticIn(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00093">animation.cpp:93</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_aba7f60496f13f39385d9a47349e97c09"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#aba7f60496f13f39385d9a47349e97c09">ftxui::animation::easing::BounceOut</a></div><div class="ttdeci">float BounceOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00226">animation.cpp:226</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_acd3c619812de25f3613b36735a5cdc91"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#acd3c619812de25f3613b36735a5cdc91">ftxui::animation::easing::CubicOut</a></div><div class="ttdeci">float CubicOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00054">animation.cpp:54</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_ad771aec6f0170cb9039446699d1d2295"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#ad771aec6f0170cb9039446699d1d2295">ftxui::animation::easing::ElasticOut</a></div><div class="ttdeci">float ElasticOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00182">animation.cpp:182</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_ad820848234fca6290b7399cc5e07af3a"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#ad820848234fca6290b7399cc5e07af3a">ftxui::animation::easing::Function</a></div><div class="ttdeci">std::function&lt; float(float)&gt; Function</div><div class="ttdef"><b>Definition</b> <a href="#l00040">animation.hpp:40</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_ae9cca3240dd9f14a807364e322bbdf79"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#ae9cca3240dd9f14a807364e322bbdf79">ftxui::animation::easing::BackIn</a></div><div class="ttdeci">float BackIn(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00200">animation.cpp:200</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_af48c179e363c6656e904045b33756aeb"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#af48c179e363c6656e904045b33756aeb">ftxui::animation::easing::SineIn</a></div><div class="ttdeci">float SineIn(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00115">animation.cpp:115</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_af60268bac4059d32b3f7680042dba350"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#af60268bac4059d32b3f7680042dba350">ftxui::animation::easing::QuarticIn</a></div><div class="ttdeci">float QuarticIn(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00071">animation.cpp:71</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_1_1easing_html_afcbc9e6b461fe3418a59faf4a5f9284d"><div class="ttname"><a href="namespaceftxui_1_1animation_1_1easing.html#afcbc9e6b461fe3418a59faf4a5f9284d">ftxui::animation::easing::QuinticInOut</a></div><div class="ttdeci">float QuinticInOut(float p)</div><div class="ttdef"><b>Definition</b> <a href="animation_8cpp_source.html#l00106">animation.cpp:106</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_html"><div class="ttname"><a href="namespaceftxui_1_1animation.html">ftxui::animation</a></div><div class="ttdoc">FTXUI ftxui::animation:: 命名空間</div><div class="ttdef"><b>Definition</b> <a href="#l00010">animation.hpp:10</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_html_a19bfb27380067c74ae297dd7dad5fb37"><div class="ttname"><a href="namespaceftxui_1_1animation.html#a19bfb27380067c74ae297dd7dad5fb37">ftxui::animation::Clock</a></div><div class="ttdeci">std::chrono::steady_clock Clock</div><div class="ttdef"><b>Definition</b> <a href="#l00023">animation.hpp:23</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_html_a3c06579c86b609bce4a9a097b23cd739"><div class="ttname"><a href="namespaceftxui_1_1animation.html#a3c06579c86b609bce4a9a097b23cd739">ftxui::animation::Duration</a></div><div class="ttdeci">std::chrono::duration&lt; float &gt; Duration</div><div class="ttdef"><b>Definition</b> <a href="#l00025">animation.hpp:25</a></div></div>
<div class="ttc" id="anamespaceftxui_1_1animation_html_a97ee0a9619acebafade22a9b7b0de667"><div class="ttname"><a href="namespaceftxui_1_1animation.html#a97ee0a9619acebafade22a9b7b0de667">ftxui::animation::TimePoint</a></div><div class="ttdeci">std::chrono::time_point&lt; Clock &gt; TimePoint</div><div class="ttdef"><b>Definition</b> <a href="#l00024">animation.hpp:24</a></div></div>
</div><!-- fragment --></div><!-- contents -->
</div><!-- doc-content -->
<!-- HTML footer for doxygen 1.9.8-->
<!-- start footer part -->
<div id="nav-path" class="navpath"><!-- id is needed for treeview function! -->
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const projectNumber = document.getElementById('projectname');
if (!projectNumber) {
console.warn('Doxygen element with ID "projectnumber" not found. Cannot add version switcher.');
return;
}
const langs = ["en", "es", "fr", "ja", "zh-CH", "zh-TW"];
const lang_paths = {"en": "../index.html", "es": "../es/index.html", "fr": "../fr/index.html", "ja": "../ja/index.html", "zh-CH": "../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>
Reference in New Issue View Git Blame Copy Permalink