feat：1）直播详情【横竖屏】切换逻辑添加

@@ -19,4 +19,6 @@ export { DurationEnum } from './src/main/ets/enum/DurationEnum';
 
 
 export { ScreenType } from './src/main/ets/enum/ScreenType';
 export { ScreenType } from './src/main/ets/enum/ScreenType';
 
 
-export { SpConstants } from './src/main/ets/constants/SpConstants';
+export { SpConstants } from './src/main/ets/constants/SpConstants';
+
+export { DisplayDirection } from './src/main/ets/constants/VideoConstants';

+export enum DisplayDirection {
+  VERTICAL,
+  VIDEO_HORIZONTAL
+}

@@ -4,10 +4,17 @@ import { BottomComponent } from '../widgets/details/BottomComponent';
 import { TabComponent } from '../widgets/details/TabComponent';
 import { TabComponent } from '../widgets/details/TabComponent';
 import { TopPlayComponent } from '../widgets/details/video/TopPlayComponet';
 import { TopPlayComponent } from '../widgets/details/video/TopPlayComponet';
 import router from '@ohos.router';
 import router from '@ohos.router';
+import { DisplayDirection } from 'wdConstant/Index';
+import mediaquery from '@ohos.mediaquery';
+import { Logger, WindowModel } from 'wdKit/Index';
+import { window } from '@kit.ArkUI';
+import { devicePLSensorManager } from 'wdDetailPlayApi/Index';
 
 
 @Entry
 @Entry
 @Component
 @Component
 export struct DetailPlayLivePage {
 export struct DetailPlayLivePage {
+  //横竖屏,默认竖屏
+  @Provide displayDirection: DisplayDirection = DisplayDirection.VERTICAL
   TAG: string = 'DetailPlayLivePage';
   TAG: string = 'DetailPlayLivePage';
   liveViewModel: LiveViewModel = new LiveViewModel()
   liveViewModel: LiveViewModel = new LiveViewModel()
   @State relId: string = ''
   @State relId: string = ''
@@ -18,7 +25,17 @@ export struct DetailPlayLivePage {
   @State tabs: string[] = ['直播间', '大家聊']
   @State tabs: string[] = ['直播间', '大家聊']
 
 
   aboutToAppear(): void {
   aboutToAppear(): void {
-    //https://pdapis.pdnews.cn/api/rmrb-bff-display-zh/content/zh/c/content/detail?relId=500005302448&relType=1&contentId=20000016340
+    //监听屏幕横竖屏变化
+    let listener = mediaquery.matchMediaSync('(orientation: landscape)');
+    listener.on("change", (mediaQueryResult) => {
+      Logger.info(this.TAG,`change;${mediaQueryResult.matches}`)
+      if (mediaQueryResult.matches) {
+        this.displayDirection = DisplayDirection.VIDEO_HORIZONTAL
+      } else {
+        this.displayDirection = DisplayDirection.VERTICAL
+      }
+      // WindowModel.shared.setMainWindowFullScreen(this.displayDirection == DisplayDirection.VIDEO_HORIZONTAL)
+    })
     let par: Action = router.getParams() as Action;
     let par: Action = router.getParams() as Action;
     let params = par?.params;
     let params = par?.params;
     this.relId = params?.extra?.relId || '';
     this.relId = params?.extra?.relId || '';
@@ -31,15 +48,24 @@ export struct DetailPlayLivePage {
   build() {
   build() {
     Column() {
     Column() {
       TopPlayComponent()
       TopPlayComponent()
+        .layoutWeight(211)
       TabComponent({ tabs: this.tabs })
       TabComponent({ tabs: this.tabs })
+        .layoutWeight(503)
+        .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None)
       BottomComponent()
       BottomComponent()
+        .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None)
     }
     }
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')
   }
   }
 
 
   onPageShow(): void {
   onPageShow(): void {
+    WindowModel.shared.setPreferredOrientation(window.Orientation.AUTO_ROTATION_RESTRICTED);
+  }
 
 
+  onPageHide(): void {
+    devicePLSensorManager.devicePLSensorOff();
+    WindowModel.shared.setPreferredOrientation(window.Orientation.AUTO_ROTATION_RESTRICTED);
   }
   }
 
 
   getLiveDetails() {
   getLiveDetails() {
@@ -72,4 +98,19 @@ export struct DetailPlayLivePage {
   aboutToDisappear(): void {
   aboutToDisappear(): void {
 
 
   }
   }
+
+  onBackPress(): boolean | void {
+    if (this.displayDirection == DisplayDirection.VERTICAL) {
+      router.back()
+    } else {
+      this.displayDirection = DisplayDirection.VERTICAL
+    }
+    WindowModel.shared.setPreferredOrientation(this.displayDirection == DisplayDirection.VERTICAL ?
+    window.Orientation.PORTRAIT :
+    window.Orientation.LANDSCAPE)
+    devicePLSensorManager.devicePLSensorOn(this.displayDirection == DisplayDirection.VERTICAL ?
+    window.Orientation.PORTRAIT :
+    window.Orientation.LANDSCAPE);
+    return true
+  }
 }
 }

 import { window } from '@kit.ArkUI'
 import { window } from '@kit.ArkUI'
 import { NumberFormatterUtils, WindowModel } from 'wdKit/Index'
 import { NumberFormatterUtils, WindowModel } from 'wdKit/Index'
-
 import { devicePLSensorManager } from 'wdDetailPlayApi/Index'
 import { devicePLSensorManager } from 'wdDetailPlayApi/Index'
 import { DateFormatUtil, WDPlayerController } from 'wdPlayer/Index'
 import { DateFormatUtil, WDPlayerController } from 'wdPlayer/Index'
 import { LiveDetailsBean, LiveRoomDataBean } from 'wdBean/Index'
 import { LiveDetailsBean, LiveRoomDataBean } from 'wdBean/Index'
+import { DisplayDirection } from 'wdConstant/Index'
 
 
-@Entry
 @Component
 @Component
 export struct PlayUIComponent {
 export struct PlayUIComponent {
   playerController: WDPlayerController = new WDPlayerController();
   playerController: WDPlayerController = new WDPlayerController();
   //菜单键是否可见
   //菜单键是否可见
   @State isMenuVisible: boolean = true
   @State isMenuVisible: boolean = true
-  @State isFullScreen: boolean = false
   @Consume liveDetailsBean: LiveDetailsBean
   @Consume liveDetailsBean: LiveDetailsBean
   @Consume liveRoomDataBean: LiveRoomDataBean
   @Consume liveRoomDataBean: LiveRoomDataBean
   @State currentTime: string = ''
   @State currentTime: string = ''
@@ -19,6 +17,7 @@ export struct PlayUIComponent {
   @State progressVal: number = 0;
   @State progressVal: number = 0;
   //是否处于播放状态中
   //是否处于播放状态中
   @State isPlayStatus: boolean = true
   @State isPlayStatus: boolean = true
+  @Consume displayDirection: DisplayDirection
 
 
   aboutToAppear(): void {
   aboutToAppear(): void {
     //播放进度监听
     //播放进度监听
@@ -47,10 +46,19 @@ export struct PlayUIComponent {
         Image($r('app.media.icon_arrow_left_white'))
         Image($r('app.media.icon_arrow_left_white'))
           .width(24)
           .width(24)
           .aspectRatio(1)
           .aspectRatio(1)
-          .visibility(Visibility.None)
+          .visibility(this.displayDirection == DisplayDirection.VIDEO_HORIZONTAL ? Visibility.Visible : Visibility.None)
           .margin({
           .margin({
             right: 10
             right: 10
           })
           })
+          .onClick(() => {
+            this.displayDirection = DisplayDirection.VERTICAL
+            WindowModel.shared.setPreferredOrientation(this.displayDirection == DisplayDirection.VERTICAL ?
+            window.Orientation.PORTRAIT :
+            window.Orientation.LANDSCAPE)
+            devicePLSensorManager.devicePLSensorOn(this.displayDirection == DisplayDirection.VERTICAL ?
+            window.Orientation.PORTRAIT :
+            window.Orientation.LANDSCAPE);
+          })
         if (this.liveDetailsBean.liveInfo?.liveState != 'wait') {
         if (this.liveDetailsBean.liveInfo?.liveState != 'wait') {
           Text(this.liveDetailsBean.newsTitle)
           Text(this.liveDetailsBean.newsTitle)
             .maxLines(1)
             .maxLines(1)
@@ -66,7 +74,7 @@ export struct PlayUIComponent {
         Image($r('app.media.icon_share'))
         Image($r('app.media.icon_share'))
           .width(24)
           .width(24)
           .aspectRatio(1)
           .aspectRatio(1)
-          .visibility(Visibility.None)
+          .visibility(this.displayDirection == DisplayDirection.VIDEO_HORIZONTAL ? Visibility.Visible : Visibility.None)
       }
       }
       .width('100%')
       .width('100%')
       .alignItems(VerticalAlign.Center)
       .alignItems(VerticalAlign.Center)
@@ -196,9 +204,13 @@ export struct PlayUIComponent {
         .width(24)
         .width(24)
         .height(24)
         .height(24)
         .onClick(() => {
         .onClick(() => {
-          this.isFullScreen = !this.isFullScreen
-          WindowModel.shared.setPreferredOrientation(this.isFullScreen ? window.Orientation.LANDSCAPE : window.Orientation.PORTRAIT);
-          devicePLSensorManager.devicePLSensorOn(this.isFullScreen ? window.Orientation.LANDSCAPE : window.Orientation.PORTRAIT);
+          this.displayDirection = this.displayDirection == DisplayDirection.VERTICAL ? DisplayDirection.VIDEO_HORIZONTAL : DisplayDirection.VERTICAL
+          WindowModel.shared.setPreferredOrientation(this.displayDirection == DisplayDirection.VERTICAL ?
+          window.Orientation.PORTRAIT :
+          window.Orientation.LANDSCAPE)
+          devicePLSensorManager.devicePLSensorOn(this.displayDirection == DisplayDirection.VERTICAL ?
+          window.Orientation.PORTRAIT :
+          window.Orientation.LANDSCAPE);
         })
         })
     }
     }
     .alignItems(VerticalAlign.Center)
     .alignItems(VerticalAlign.Center)

@@ -47,7 +47,6 @@ export struct TopPlayComponent {
         .visibility(this.isWait ? Visibility.Visible : Visibility.None)
         .visibility(this.isWait ? Visibility.Visible : Visibility.None)
       PlayUIComponent({ playerController: this.playerController })
       PlayUIComponent({ playerController: this.playerController })
     }
     }
-    .height(211)
     .width('100%')
     .width('100%')
   }
   }
 
 

@@ -45,7 +45,7 @@ export struct WDPlayerRenderLiveView {
   videoWidth: number = 0
   videoWidth: number = 0
   videoHeight: number = 0
   videoHeight: number = 0
   @State selfSize: Size = new Size('100%', '100%');
   @State selfSize: Size = new Size('100%', '100%');
-  private insId: string = "WDPlayRenderView" + insIndex;
+  private insId: string = "WDPlayerRenderLiveView" + insIndex;
 
 
   aboutToAppear() {
   aboutToAppear() {
     MGPlayRenderViewIns.add();
     MGPlayRenderViewIns.add();
@@ -97,7 +97,7 @@ export struct WDPlayerRenderLiveView {
     }
     }
     .id(this.insId)
     .id(this.insId)
     .onAreaChange(() => {
     .onAreaChange(() => {
-      // this.updateLayout()
+      this.updateLayout()
     })
     })
     .backgroundColor("#000000")
     .backgroundColor("#000000")
     .justifyContent(FlexAlign.Center)
     .justifyContent(FlexAlign.Center)