Skip to Content
Components滚动视图 ScrollView

滚动视图 ScrollView

可垂直滚动的容器,内容超出时出现滚动条。复用透明面板的滚动模式,overflow-y: auto

用法

#include "component/ComponentSpec.h" using namespace dearoreui::component; ComponentSpec scroll; scroll.kind = ComponentKind::ScrollView; scroll.label = "可用模组列表"; ComponentSpec item; item.kind = ComponentKind::ListItem; item.label = "模组 A"; scroll.children.push_back(item); // ...更多子项

注册到页面:

oreui->registerComponent(ModId{"my-mod"}, uiManifest, scroll);

属性

字段类型说明
kindComponentKind固定为 ComponentKind::ScrollView
labelstring可选标题
childrenvector<ComponentSpec>滚动内容(列表项等)
stylestring高度覆盖(默认撑满父容器)

渲染结构

<div data-component="scroll-view"> overflow-y:auto; height:100% ...children... </div>

[!NOTE] cohtml 的滚动行为以真实客户端为准;布局偏差时先参考造型 的布局约束。

相关