横竖屏旋转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
相关问题
如何进行页面横竖切换
677浏览 • 1回复 待解决
OpenHarmony 小型系统如何设置横竖
6432浏览 • 1回复 待解决
求大佬告知如何切换横竖
677浏览 • 1回复 待解决
如何监听设备横竖切换状态呢
477浏览 • 1回复 待解决
鸿蒙横竖切换监听,需要这个功能
9998浏览 • 3回复 已解决
鸿蒙JS 框架中如何主动切换横竖?
3443浏览 • 1回复 待解决
如何获取设备横竖的状态变化通知
610浏览 • 1回复 待解决
如何让横竖切换更自然一些
159浏览 • 1回复 待解决
Open Harmony 3.1版本支持横竖切换吗?
3721浏览 • 1回复 待解决
屏幕旋转计算,什么好的方案?
401浏览 • 1回复 待解决
摄像头获取到的yuv数据是否旋转
141浏览 • 1回复 待解决
NoSQL的MongoDB哪些优点?
2636浏览 • 1回复 待解决
证书锁定功能示例哪些
264浏览 • 1回复 待解决
是否相关折叠适配文档?
446浏览 • 1回复 待解决
PolarDB 备份过程哪些
1453浏览 • 1回复 待解决
ArkUI调试技巧哪些
191浏览 • 1回复 待解决
OceanBase业务案例哪些
2642浏览 • 1回复 待解决
MongoDB的优势哪些
2609浏览 • 1回复 待解决
GlobalThis替代方案哪些
388浏览 • 1回复 待解决