横竖屏旋转demo有哪些?-鸿蒙开发者社区-51CTO.COM

横竖屏旋转demo有哪些?

横竖屏旋转demo

HarmonyOS
2024-05-26 12:24:38
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
QW_MA

使用的核心API

Button('旋转').onClick((event: ClickEvent) => { 
    curState = CurStatus.NO_AUTO; 
    if (lastOrientation == 1 || lastOrientation == 3) { 
      lastOrientation = 4; 
    } else { 
      lastOrientation = 1; 
    } 
    window.getLastWindow(context).then((lastWindow) => { 
      lastWindow.setPreferredOrientation(lastOrientation); 
    }); 
  }) 
} 
.width('100%') 
.height(this.videoHeight) 
.backgroundColor(Color.Black)

核心代码解释

async setSystemBar(status: boolean) { 
    let windowClass = await window.getLastWindow(context) 
    //设置导航栏,状态栏不可见 
    if (status) { 
      await windowClass.setWindowSystemBarEnable(['status']) 
    } else { 
      await windowClass.setWindowSystemBarEnable([]) 
    } 
  } 
  
  listener: mediaquery.MediaQueryListener = mediaquery.matchMediaSync('(orientation: landscape)'); // 当设备横屏时条件成立 
  @State isLandscape:boolean = false; 
  
  onPortrait(mediaQueryResult: mediaquery.MediaQueryResult) { 
    if (mediaQueryResult.matches) { 
      // 设置窗口布局为沉浸式布局 
      this.setSystemBar(false); 
      this.isLandscape = true; 
      this.videoHeight = '100%' 
    } else { 
      this.isLandscape = false; 
      this.videoHeight = '200vp' 
      this.setSystemBar(true); 
    } 
  } 
  
  aboutToAppear() { 
    this.listener.on('change', (mediaQueryResult: mediaquery.MediaQueryResult) => { 
      this.onPortrait(mediaQueryResult) 
    }); 
  
    try { 
      sensor.on(sensor.SensorId.ACCELEROMETER, (data: sensor.AccelerometerResponse) => { 
        let status = settings.getValueSync(context, settings.general.ACCELEROMETER_ROTATION_STATUS, "0"); 
        if (status == '0') { 
          return; 
        } 
        getCurrentOrientation(data); 
        if (curState == CurStatus.NO_AUTO) { 
          if (lastOrientation == 1 && (curOrientation < 20 || curOrientation > 340)) { 
            curState = CurStatus.AUTO; 
          } 
          if (lastOrientation == 4 && (curOrientation < 280 && curOrientation > 260)) { 
            curState = CurStatus.AUTO; 
          } 
          return; 
        } 
        if (curOrientation < 20 || curOrientation > 340) { 
          lastOrientation = window.Orientation.PORTRAIT; // 1 
        } else if (curOrientation < 200 && curOrientation > 160) { 
          lastOrientation = window.Orientation.PORTRAIT_INVERTED; // 3 
        } 
        if (curOrientation < 100 && curOrientation > 80) { //90度 右横屏 
          lastOrientation = window.Orientation.LANDSCAPE; // 2 
        } 
        if (curOrientation < 280 && curOrientation > 260) { //270度 左横屏 
          lastOrientation = window.Orientation.LANDSCAPE_INVERTED; // 4 
        } 
  
        window.getLastWindow(context).then((lastWindow) => { 
          lastWindow.setPreferredOrientation(lastOrientation); 
        }); 
      }, { interval: 100000000 }); 
      setTimeout(() => { 
        sensor.off(sensor.SensorId.ACCELEROMETER); 
      }, 500); 
    } catch (error) { 
      console.error(`Failed to invoke on. Code: ${error.code}, message: ${error.message}`); 
    } 
  }

适配版本

DevEco Studio Version: 4.1.1.300

SDK:HarmoneyOS 4.0.0.43

分享
微博
QQ
微信
回复
2024-05-27 16:10:12
相关问题
屏幕自动旋转的示例哪些
356浏览 • 1回复 待解决
监听屏幕旋转的案例哪些
358浏览 • 1回复 待解决
提供Webview demo哪些
128浏览 • 1回复 待解决
OpenHarmony 小型系统如何设置横竖
7876浏览 • 1回复 待解决
页面横竖如何进行切换
380浏览 • 1回复 待解决
如何进行页面横竖切换
1937浏览 • 1回复 待解决
求大佬告知如何切换横竖
1996浏览 • 1回复 待解决
HarmonyOS 相机旋转拍照问题
146浏览 • 1回复 待解决
如何监听设备横竖切换状态呢
1630浏览 • 1回复 待解决
鸿蒙横竖切换监听,需要这个功能
11286浏览 • 3回复 已解决
如何实现page页面的横竖切换
419浏览 • 1回复 待解决
如何监听手机屏幕的横竖切换?
371浏览 • 1回复 待解决
鸿蒙JS 框架中如何主动切换横竖?
4750浏览 • 1回复 待解决
如何获取设备横竖的状态变化通知
1906浏览 • 1回复 待解决
如何让横竖切换更自然一些
539浏览 • 1回复 待解决
Open Harmony 3.1版本支持横竖切换吗?
5012浏览 • 1回复 待解决