HarmonyOS NodeContainer的使用示例

在utils/GlobalThis保存windowClass：

import { BuilderNode, FrameNode, NodeController, Size, UIContext, window } from '@kit.ArkUI'
import { GlobalThis } from '../utils/GlobalThis'
import { BusinessError } from '@kit.BasicServicesKit'

class VideoParams {
  controller: VideoController | undefined
  innerResource: Resource | undefined
}
@Builder
function videoBuilder(params: VideoParams) {
  Column() {
    Video({
      src: params.innerResource,
      controller: params.controller
    })
  }
}
let videoNode: BuilderNode<[VideoParams]> | null = null
class VideoNodeController extends NodeController {
  private wrapBuilder: WrappedBuilder<[VideoParams]> = wrapBuilder(videoBuilder)
  private controller: VideoController | undefined
  private innerResource: Resource | undefined
  private isShow: boolean = false
  constructor(isShow: boolean, controller: VideoController | undefined, src: Resource) {
    super()
    this.isShow = isShow
    this.controller = controller
    this.innerResource = src
  }
  makeNode(uiContext: UIContext): FrameNode | null {
    if (!this.isShow) {
      return null
    }
    if (videoNode == null) {
      videoNode = new BuilderNode<[VideoParams]>(uiContext);
      videoNode.build(this.wrapBuilder, { controller: this.controller, innerResource: this.innerResource })
    }
    let frameNode = videoNode?.getFrameNode()
    return frameNode ? frameNode : null
  }
  aboutToResize(size: Size) {
    console.log("aboutToResize width : " + size.width + " height : " + size.height)
  }
  aboutToAppear() {
    console.log("aboutToAppear")
  }
  aboutToDisappear() {
    console.log("aboutToDisappear");
  }
  onTouchEvent(event: TouchEvent) {
    console.log("onTouchEvent");
  }
  toShow() {
    this.isShow = true;
    this.rebuild();
  }
  toHide() {
    this.isShow = false;
    this.rebuild();
  }
}
let controller: VideoController | undefined = undefined
let innerResource: Resource = $rawfile('video.mp4')
let videoController1: VideoNodeController = new VideoNodeController(true, controller, innerResource)
let videoController2: VideoNodeController = new VideoNodeController(false, controller, innerResource)
@Entry
@Component
struct Index {
  @State status: boolean = true
  windowClass: window.Window | null = null
  aboutToAppear(): void {
    this.windowClass = GlobalThis.getInstance().getMainWindow()
  }
  build() {
    Stack() {
      Column() {
        NodeContainer(videoController1)
          .height("30%")
      }
      .padding({ left: 35, right: 35, top: 35 })
      .width("100%")
      .height("100%")
      NodeContainer(videoController2)
        .height(&#34;100%&#34;)
      .visibility(this.status? Visibility.None : Visibility.Visible)

      Button(&#34;Change&#34;)
      .onClick(() =&gt; {
        if (this.status) {
          videoController1.toHide()
          videoController2.toShow()
        } else {
          videoController1.toShow()
          videoController2.toHide()
        }
        this.status = !this.status
        if (this.windowClass) {
          this.setOrientation(this.status? window.Orientation.PORTRAIT : window.Orientation.LANDSCAPE)
        }
      })
    }

  }
  setOrientation(orientation: window.Orientation) {
    try {
      this.windowClass?.setPreferredOrientation(orientation, (err: BusinessError) => {
        const errCode: number = err.code;
        if (errCode) {
          console.error(Failed to set window orientation. Cause code: ${err.code}, message: ${err.message});
          return;
        }
        console.info('Succeeded in setting window orientation.');
      });
    } catch (exception) {
      console.error(Failed to set window orientation. Cause code: ${exception.code}, message: ${exception.message});
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.