zoukankan      html  css  js  c++  java
  • uniapp 屏幕旋转 (可实现视频全屏播放旋转横屏)

     uniapp 锁定屏幕方向(默认为纵向主屏)  

     只能在APP端 (Android 支持, iOS 未测)

     plus.screen.lockOrientation(); // 设定屏幕锁定方向

     // 纵向 portrait (自适应)

     // 纵向-主屏(手机顶部到底部) portrait-primary

     // 纵向-次屏(手机底部到顶部) portrait-secondary

     // 横向 landscape (自适应)

     // 横向-主屏(顺时针)  landscape-primary

     // 横向-次屏(逆时针) landscape-secondary

      

    1           // 媒体查询观察者
    2                 this.mediaQueryOb = uni.createMediaQueryObserver(this)
    3                 // 检测媒体查询内容(界面变化)
    4                 this.mediaQueryOb.observe({
    5                     minWidth: 375, //页面最小宽度 375px
    6                     maxWidth: 500 //页面宽度最大 500px
    7                 }, matches => {
    8                     console.log(matches);
    9                 })

      或者

    1           landscapeOb = uni.createMediaQueryObserver(this)
    2                 landscapeOb.observe({
    3                     orientation: 'landscape' //屏幕方向为纵向/横向 portrait/landscape
    4                 }, matches => {
    5                     console.log(matches);
    6                     this.landscape = matches
    7                 })

      停止监听

    1                 this.mediaQueryOb.disconnect() //组件销毁时停止监听
    2                 landscapeOb.disconnect()

      文档链接 

  • 相关阅读:
    python 基于gevent协程实现socket并发
    python asyncio
    python 池 协程
    python
    python 守护进程
    python 线程 threading模块
    python 安装Django失败处理
    python 队列
    python 锁
    继承,抽象类,多态,封装
  • 原文地址:https://www.cnblogs.com/chenghuayike/p/15577604.html
Copyright © 2011-2022 走看看