| /ohos5.0/docs/zh-cn/application-dev/ui/ |
| H A D | arkts-uicontext-custom-dialog.md | 8 > - openCustomDialog（传参为ComponentContent形式）：通过ComponentContent封装内容可以与UI界面解耦，调用更加灵活，可以满足开发者的封装诉求。拥有更…
32 1. 创建ComponentContent。
37 …private contentNode: ComponentContent<Object> = new ComponentContent(this.ctx, wrapBuilder(buildTe…
56 由于closeCustomDialog接口需要传入待关闭弹出框对应的ComponentContent。因此，如果需要在弹出框中设置关闭方法，则可参考完整示例封装静态方法来实现。
58 …关闭弹出框之后若需要释放对应的ComponentContent，则需要调用ComponentContent的[dispose](../reference/apis-arkui/js-apis-ar…
106 import { ComponentContent, promptAction } from '@kit.ArkUI';
111 static contentNode: ComponentContent<Object>;
118 static setContentNode(node: ComponentContent<Object>) {
172 import { ComponentContent } from '@kit.ArkUI';
202 private contentNode: ComponentContent<Object> =
[all …]
|
| H A D | arkts-create-overlaymanager.md | 43 @State message: string = 'ComponentContent';
60 let componentContent = new ComponentContent(
73 Button("删除ComponentContent" + this.arrayIndex).onClick(()=>{
81 Button("显示ComponentContent" + this.arrayIndex).onClick(()=>{
89 Button("隐藏ComponentContent" + this.arrayIndex).onClick(()=>{
97 Button("显示所有ComponentContent").onClick(()=>{
100 Button("隐藏所有ComponentContent").onClick(()=>{
118 import { ComponentContent, OverlayManager } from '@kit.ArkUI';
155 @State message: string = 'ComponentContent';
158 private overlayContent:ComponentContent<Params>[] = []
[all …]
|
| H A D | ndk-embed-arkts-components.md | 7 …供了Native侧嵌入ArkTS组件的能力，该能力依赖[ComponentContent](../reference/apis-arkui/js-apis-arkui-ComponentConte…
14 …Native侧通过Node-API方式构建ArkTS侧的更新数据，再通过ComponentContent的[update](../reference/apis-arkui/js-apis-arku…
27 1. 注册ArkTS组件创建函数给Native侧，以便Native侧调用，创建函数使用ComponentContent能力进行封装。
30 // 使用ComponentContent能力创建ArkTS组件
32 import { NodeContent, UIContext, RefreshModifier, ComponentContent } from '@kit.ArkUI';
57 // @Builder函数提供入参方式，方便后续通过ComponentContent的update接口进行参数更新。
83 content?: ComponentContent<RefreshAttribute>;
111 // 通过ComponentContent创建Refresh组件并将它封装起来。
144 // 调用ComponentContent的update接口进行更新。
556 // 调用ArkTS的Create函数创建ArkTS的ComponentContent。
[all …]
|
| /ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/ |
| H A D | js-apis-arkui-ComponentContent.md | 1 # ComponentContent chapter
3 ComponentContent表示组件内容的实体封装，其对象支持在非UI组件中创建与传递，便于开发者对弹窗类组件进行解耦封装。ComponentContent底层使用了BuilderNode，相关…
9 > 当前不支持在预览器中使用ComponentContent。
15 import { ComponentContent } from '@kit.ArkUI';
18 ## ComponentContent section
24 ComponentContent的构造函数。
41 ComponentContent的构造函数。
59 ComponentContent的构造函数。
205 传递reuse事件到ComponentContent中的自定义组件。
221 传递recycle事件到ComponentContent中的自定义组件。
[all …]
|
| H A D | js-apis-arkui-Content.md | 3 定义ComponentContent和NodeContent基类。
13 定义ComponentContent和NodeContent的基类。
|
| H A D | js-apis-arkui-UIContext.md | 1779 | bindSheetContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | 是 | 半模态页面中显示的组件内…
1910 | bindSheetContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | 是 | 半模态页面中显示的组件内…
2038 | bindSheetContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | 是 | 半模态页面中显示的组件内…
5363 | dialogContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | 是 | 自定义弹窗中显示的组件内容。 |
5450 | dialogContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | 是 | 自定义弹窗中显示的组件内容。 |
5545 | dialogContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | 是 | 自定义弹窗中显示的组件内容。 |
6198 …ComponentContent的层级越高；当多个ComponentContent的index相同时，若ComponentContent添加的时间越晚，则层级越高。<br/> 当index < 0…
6312 | content | [ComponentContent](js-apis-arkui-ComponentContent.md) | 是 | 在OverlayManager上删除此conte…
6332 | content | [ComponentContent](js-apis-arkui-ComponentContent.md) | 是 | 在OverlayManager上显示此conte…
6352 | content | [ComponentContent](js-apis-arkui-ComponentContent.md) | 是 | 在OverlayManager上隐藏此conte…
[all …]
|
| /ohos5.0/docs/en/application-dev/reference/apis-arkui/ |
| H A D | js-apis-arkui-ComponentContent.md | 1 # ComponentContent chapter
9 > **ComponentContent** is not available in DevEco Studio Previewer.
15 import { ComponentContent } from '@kit.ArkUI';
18 ## ComponentContent section
24 A constructor used to create a **ComponentContent** object.
41 A constructor used to create a **ComponentContent** object.
59 A constructor used to create a **ComponentContent** object.
76 import { ComponentContent, NodeContent, typeNode } from "@kit.ArkUI"
154 import { ComponentContent } from "@kit.ArkUI";
228 import { ComponentContent } from '@kit.ArkUI';
[all …]
|
| H A D | js-apis-arkui-Content.md | 3 **Content** defines a base class for **ComponentContent** and **NodeContent**.
13 Defines a base class for **ComponentContent** and **NodeContent**.
|
| H A D | js-apis-arkui-UIContext.md | 1780 | bindSheetContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | Yes| Content to …
1817 let contentNode: ComponentContent<Params>;
1911 | bindSheetContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | Yes| Content to …
1945 let contentNode: ComponentContent<Params>;
2039 | bindSheetContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | Yes| Content to …
2071 let contentNode: ComponentContent<Params>;
5458 | dialogContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | Yes| Content of the…
5544 | dialogContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | Yes| Content of the…
5639 | dialogContent | [ComponentContent\<T>](./js-apis-arkui-ComponentContent.md) | Yes| Content of the…
6425 | content | [ComponentContent](js-apis-arkui-ComponentContent.md) | Yes | Content to show on the …
[all …]
|
| /ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ |
| H A D | ts-universal-attributes-overlay.md | 11 overlay(value: string | CustomBuilder | ComponentContent, options?: OverlayOptions )
13 在当前组件上，增加遮罩文本或者叠加自定义组件以及ComponentContent作为该组件的浮层。浮层不通过组件树进行渲染，部分接口（例如[getRectangleById](../js-apis-…
25 …ComponentContent](../js-apis-arkui-ComponentContent.md)<sup>12+</sup> | 是 | 遮罩文本内容或自定义组件构造函数。<br…
112 ### 示例3（通过ComponentContent设置浮层）
114 该示例通过overlay传入了ComponentContent使backgroundColor不断发生变化。
118 import { ComponentContent } from '@kit.ArkUI';
138 …private overlayNode: ComponentContent<Params> = new ComponentContent(this.uiContext, wrapBuilder(o…
|
| H A D | ts-container-listitemgroup.md | 41 …t<sup>13+</sup> | [ComponentContent](../js-apis-arkui-ComponentContent.md) | 否 …
43 …t<sup>13+</sup> | [ComponentContent](../js-apis-arkui-ComponentContent.md) | 否 …
243 该示例通过ComponentContent设置Header/Footer。
247 import { ComponentContent } from '@kit.ArkUI';
291 header?: ComponentContent<HeadBuilderParams> = undefined
292 footer?: ComponentContent<FootBuilderParams> = undefined
297 this.header = new ComponentContent(this.getUIContext(), wrapBuilder(itemHead), this.headerParam)
298 this.footer = new ComponentContent(this.getUIContext(), wrapBuilder(itemFoot), this.footerParam)
|
| H A D | ts-container-refresh.md | 42 | refreshingContent<sup>12+</sup> | [ComponentContent](../js-apis-arkui-ComponentContent.md) | 否…
361 import { ComponentContent } from '@ohos.arkui.node';
393 private contentNode?: ComponentContent<Object> = undefined
398 …this.contentNode = new ComponentContent(uiContext, wrapBuilder(customRefreshingContent), this.para…
454 import { ComponentContent } from '@ohos.arkui.node';
478 private contentNode?: ComponentContent<Object> = undefined
482 this.contentNode = new ComponentContent(uiContext, wrapBuilder(customRefreshingContent))
|
| H A D | ts-container-ui-extension-component-sys.md | 158 | placeholder<sup>12+<sup> | [ComponentContent](../js-apis-arkui-ComponentContent.md) | 否 |…
160 …eaChangePlaceholder<sup>14+<sup> | Record<string, [ComponentContent](../js-apis-arkui-ComponentCon…
284 import { ComponentContent } from '@kit.ArkUI';
312 …private initPlaceholder = new ComponentContent(this.getUIContext(), wrapBuilder(LoadingBuilder), n…
313 …private areaChangePlaceholder = new ComponentContent(this.getUIContext(), wrapBuilder(AreaChangePl…
|
| H A D | ts-container-tabcontent.md | 98 constructor(content: ResourceStr | ComponentContent)
100 SubTabBarStyle的构造函数。支持ComponentContent设置自定义内容。
110 …ntent | [ResourceStr](ts-types.md#resourcestr) \| [ComponentContent](../js-apis-arkui-ComponentCon…
136 static of(content: ResourceStr | ComponentContent): SubTabBarStyle
148 …r](ts-types.md#resourcestr) \| [ComponentContent](../js-apis-arkui-ComponentContent.md) | 是 | 页签…
1564 该示例实现了通过ComponentContent设置SubTabBarStyle。
1568 import { ComponentContent, UIContext } from "@kit.ArkUI"
1597 …tabBar1: ComponentContent<Params> = new ComponentContent<Params>(this.context, wrapBuilder<[Params…
1598 …tabBar2: ComponentContent<Params> = new ComponentContent<Params>(this.context, wrapBuilder<[Params…
|
| /ohos5.0/docs/en/application-dev/ui/ |
| H A D | arkts-create-overlaymanager.md | 21 import { ComponentContent, OverlayManager, router } from '@kit.ArkUI';
43 @State message: string = 'ComponentContent';
60 let componentContent = new ComponentContent(
81 Button("Show ComponentContent" + this.arrayIndex).onClick(()=>{
89 Button("Hide ComponentContent" + this.arrayIndex).onClick(()=>{
97 Button("Show All ComponentContent").onClick(()=>{
100 Button("Hide All ComponentContent").onClick(()=>{
118 import { ComponentContent, OverlayManager } from '@kit.ArkUI';
155 @State message: string = 'ComponentContent';
158 private overlayContent:ComponentContent<Params>[] = []
[all …]
|
| H A D | arkts-uicontext-custom-dialog.md | 9 1. Create a **ComponentContent** instance.
14 …private contentNode: ComponentContent<Object> = new ComponentContent(this.ctx, wrapBuilder(buildTe…
35 …Call **closeCustomDialog**, which requires the ComponentContent corresponding to the dialog box to…
37 …o release the corresponding ComponentContent after the dialog box is closed, call the **dispose** …
53 ComponentContent has the same usage constraints as [BuilderNode](../reference/apis-arkui/js-apis-ar…
79 import { ComponentContent, window } from '@kit.ArkUI';
84 static contentNode: ComponentContent<Object>;
91 static setContentNode(node: ComponentContent<Object>) {
145 import { ComponentContent } from '@kit.ArkUI';
175 private contentNode: ComponentContent<Object> =
[all …]
|
| H A D | ndk-embed-arkts-components.md | 14 …he [update](../reference/apis-arkui/js-apis-arkui-ComponentContent.md#update) API of **ComponentCo…
30 // Create ArkTS components using the ComponentContent capability.
32 import { NodeContent, UIContext, RefreshModifier, ComponentContent } from '@kit.ArkUI';
57 …meters, making it convenient to update parameters later through the update API of ComponentContent.
83 content?: ComponentContent<RefreshAttribute>;
111 // Create the Refresh component using ComponentContent and encapsulate it.
112 …let content = new ComponentContent<RefreshAttribute>(uiContent!, wrapBuilder<[RefreshAttribute]>(m…
126 …export function updateMixedRefresh(refresh: ComponentContent<RefreshAttribute>, childSlot: NodeCon…
144 // Call the update API of ComponentContent to update.
556 // Call the ArkTS Create function to create the ArkTS ComponentContent.
[all …]
|
| /ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-ts/ |
| H A D | ts-container-listitemgroup.md | 41 … | [ComponentContent](../js-apis-arkui-ComponentContent.md) | No | Header of the list…
43 … | [ComponentContent](../js-apis-arkui-ComponentContent.md) | No | Footer of the list…
243 This example demonstrates how to set the header and footer using **ComponentContent**.
247 import { ComponentContent } from '@kit.ArkUI';
291 header?: ComponentContent<HeadBuilderParams> = undefined
292 footer?: ComponentContent<FootBuilderParams> = undefined
297 this.header = new ComponentContent(this.getUIContext(), wrapBuilder(itemHead), this.headerParam)
298 this.footer = new ComponentContent(this.getUIContext(), wrapBuilder(itemFoot), this.footerParam)
|
| H A D | ts-container-refresh.md | 42 | refreshingContent<sup>12+</sup> | [ComponentContent](../js-apis-arkui-ComponentContent.md) | N…
451 import { ComponentContent } from '@ohos.arkui.node';
482 private contentNode?: ComponentContent<Object> = undefined
486 …this.contentNode = new ComponentContent(uiContext, wrapBuilder(customRefreshingContent), new Param…
534 import { ComponentContent } from '@ohos.arkui.node';
557 private contentNode?: ComponentContent<Object> = undefined
561 this.contentNode = new ComponentContent(uiContext, wrapBuilder(customRefreshingContent))
|
| H A D | ts-container-tabcontent.md | 96 constructor(content: ResourceStr | ComponentContent)
98 …used to create a **SubTabBarStyle** instance. You can set custom content with **ComponentContent**.
108 …ntent | [ResourceStr](ts-types.md#resourcestr) \| [ComponentContent](../js-apis-arkui-ComponentCon…
134 static of(content: ResourceStr | ComponentContent): SubTabBarStyle
146 …str) \| [ComponentContent](../js-apis-arkui-ComponentContent.md) | Yes | Content on the tab. You …
1253 This example sets **SubTabBarStyle** through **ComponentContent**.
1256 import { ComponentContent, UIContext } from "@kit.ArkUI"
1285 …tabBar1: ComponentContent<Params> = new ComponentContent<Params>(this.context, wrapBuilder<[Params…
1286 …tabBar2: ComponentContent<Params> = new ComponentContent<Params>(this.context, wrapBuilder<[Params…
|
| /ohos5.0/docs/zh-cn/release-notes/changelogs/OpenHarmony_5.0.0.38/ |
| H A D | changelogs-arkui.md | 11 addComponentContent接口用于实现ComponentContent对象的挂载，但是只有isModifiable为true的FrameNode对象允许更改其子节点，当前实现与设计不一致。
42 import { ComponentContent, NodeContent, typeNode } from "@kit.ArkUI"
72 column.addComponentContent(new ComponentContent<ParamsInterface>(this.getUIContext(),
79 … column1?.addComponentContent(new ComponentContent<ParamsInterface>(this.getUIContext(),
|
| /ohos5.0/foundation/arkui/ace_engine/advanced_ui_component/interstitialdialogaction/interfaces/ |
| H A D | interstitialdialogaction.js | 15 const ComponentContent = requireNapi("arkui.node").ComponentContent; constant
229 …this.contentNode = new ComponentContent(this.uiContext, wrapBuilder(dialogBuilder), this.dialogPar…
|
| /ohos5.0/foundation/arkui/ace_engine/advanced_ui_component/interstitialdialogaction/source/ |
| H A D | interstitialdialogaction.ets | 16 import { ComponentContent } from '@ohos.arkui.node';
241 private contentNode: ComponentContent<Object>;
254 …this.contentNode = new ComponentContent(this.uiContext, wrapBuilder(dialogBuilder), this.dialogPar…
|
| /ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/ark_node/src/ |
| H A D | component_content.ts | 17 class ComponentContent extends Content {
|
| /ohos5.0/docs/zh-cn/application-dev/quick-start/ |
| H A D | arkts-reusable.md | 21 import { ComponentContent } from "@kit.ArkUI";
64 …let contentNode = new ComponentContent(this.uicontext, wrapBuilder(buildCreativeLoadingDialog), ()…
75 - ComponentContent不支持传入\@Reusable装饰器装饰的自定义组件。
78 import { ComponentContent } from "@kit.ArkUI";
120 // ComponentContent底层是buildNode，buildNode不支持传入@Reusable注解的自定义组件
121 …let contentNode = new ComponentContent(this.uicontext, wrapBuilder(buildCreativeLoadingDialog), ()…
|