FTXUI 6.1.9
C++ functional terminal UI.
载入中...
搜索中...
未找到
examples/component/resizable_split.cpp
浏览该文件的文档.
1// Copyright 2020 Arthur Sonzogni. 版权所有。
2// 本源代码受 MIT 许可证的约束,可在 LICENSE 文件中找到。
3#include <memory> // 用于 shared_ptr, allocator, __shared_ptr_access
4
5#include "ftxui/component/component.hpp" // 用于 Renderer, ResizableSplitBottom, ResizableSplitLeft, ResizableSplitRight, ResizableSplitTop
6#include "ftxui/component/component_base.hpp" // 用于 ComponentBase
7#include "ftxui/component/screen_interactive.hpp" // 用于 ScreenInteractive
8#include "ftxui/dom/elements.hpp" // 用于 Element, operator|, text, center, border
9
10using namespace ftxui;
11
12int main() {
13 auto screen = ScreenInteractive::Fullscreen();
14
15 // 状态:
16 int left_size = 20;
17 int right_size = 20;
18 int top_size = 10;
19 int bottom_size = 10;
20
21 // 渲染器:
22 auto RendererInfo = [](const std::string& name, int* size) {
23 return Renderer([name, size] {
24 return text(name + ": " + std::to_string(*size)) | center;
25 });
26 };
27 auto middle = Renderer([] { return text("Middle") | center; });
28 auto left = RendererInfo("Left", &left_size);
29 auto right = RendererInfo("Right", &right_size);
30 auto top = RendererInfo("Top", &top_size);
31 auto bottom = RendererInfo("Bottom", &bottom_size);
32
33 auto container = middle;
34 container = ResizableSplitLeft(left, container, &left_size);
35 container = ResizableSplitRight(right, container, &right_size);
36 container = ResizableSplitTop(top, container, &top_size);
37 container = ResizableSplitBottom(bottom, container, &bottom_size);
38
39 auto renderer =
40 Renderer(container, [&] { return container->Render() | border; });
41
42 screen.Loop(renderer);
43}
static ScreenInteractive Fullscreen()
Component ResizableSplitTop(Component main, Component back, int *main_size)
两个组件之间的垂直分割,可通过鼠标配置。
Component Renderer(Component child, std::function< Element()>)
返回一个新组件,类似于 |child|,但使用 |render| 作为 Component::Render() 事件。
Component ResizableSplitRight(Component main, Component back, int *main_size)
两个组件之间的水平分割,可通过鼠标配置。
Component ResizableSplitBottom(Component main, Component back, int *main_size)
两个组件之间的垂直分割,可通过鼠标配置。
Component ResizableSplitLeft(Component main, Component back, int *main_size)
两个组件之间的水平分割,可通过鼠标配置。
Decorator size(WidthOrHeight, Constraint, int value)
对元素大小应用约束。
Element center(Element)
水平并垂直居中一个元素。
Element text(std::wstring text)
显示一段Unicode文本。
#include "ftxui/component/component_base.hpp" // 用于 ComponentBase
Element border(Element)
std::uint8_t top
std::uint8_t left
std::uint8_t right