精华内容
下载资源
问答
  • layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。查看官方文档以及搜索引擎,都没有找到好的办法。如图所示:弹出窗口比当前页面大...

    5b75c5c7fe53c35a976207c16dcbf83b.png

    遇到的问题

    最近在使用layui做一个管理系统,由于前端技术有限,在开发过程中也遇到这样那样的问题,即比较简单的问题有时也要搞半天。。
    layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小比弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。查看官方文档以及搜索引擎,都没有找到好的办法。如图所示:

    49816ab04fc643e0b2f47aca5fed8b3c.png

    弹出窗口比当前页面大

    这时,唯有放大整个页面才能看到完全的弹出窗口,才可以操作。

    我的尝试

    我的思路时通过监听页面的resize事件,通过layer.style(layerIndex, {})重新设置弹出窗口的大小和位置。

    1、定义页面变量

    var 

    2、在layer.open的完成事件中获取窗口初始大小及窗口索引
    在success方法中取得相关值

    //获取当前弹出窗口的索引及初始大小
    

    完整片断:

    laytpl

    3、监听window的resize事件,重新设置大小
    监听window变化,调用resizeLayer方法重设置弹出窗口大小

    $

    4、重新设置函数
    若window比窗口小,取小的值来设置弹出窗口的大小,因为多个页面都要调用,在此封装到utils中作为一个函数来调用

    resizeLayer

    5、效果

    b0cd333f2086d4a0046c41bcaed4d673.png

    初始时窗口比window小的情况,自动适应了

    4345cf960d001312143ecf78161af156.png

    调整window大小,自动适应

    305d8cd3248032a62982463b6c1953a5.png

    window正常情况下,窗口使用原始设置的大小

    总结

    初学layui做项目,前端也不熟悉,只有先这样解决了。

    btw:用的版本是layui-v2.2.4

    展开全文
  •  windowSoftInputMode值如果设置为adjustResize,那么该Activity主窗口总是被调整大小以便留软键盘空间。主窗口布局重新进行measure和layout。大家会发现测量数据会发生变化。  模式二,平移模式  ...
    模式一,压缩模式

        windowSoftInputMode的值如果设置为adjustResize,那么该Activity主窗口总是被调整大小以便留出软键盘的空间。主窗口布局重新进行measure和layout。大家会发现测量数据会发生变化。

     模式二,平移模式
        windowSoftInputMode的值如果设置为adjustPan,那么该Activity主窗口并不调整屏幕的大小,只是做了平移。这里可能就是屏幕上移效果。


       这两种模式开发中会倾向与第一种,因为效果要好,但是TMD不一定设置了就有效啊,因为这个坑我踩过,设置了adjustResize还是没用。


       后来找了半天才找到解决办法。如果大家在adjustResize设置后,仍然无效果的情况下,可以看看下面的方法时候能有所帮助(我就是按照下面的搞出来了,当然代码也是别人写的,我只是拿来用了

     

    public class AndroidBug5497Workaround {
    
        // For more information, see https://code.google.com/p/android/issues/detail?id=5497
        // To use this class, simply invoke assistActivity() on an Activity that already has its content view set.
    
        public static void assistActivity (Activity activity) {
            new AndroidBug5497Workaround(activity);
        }
    
        private View mChildOfContent;
        private int usableHeightPrevious;
        private FrameLayout.LayoutParams frameLayoutParams;
    
        private AndroidBug5497Workaround(Activity activity) {
            FrameLayout content = (FrameLayout) activity.findViewById(android.R.id.content);
            mChildOfContent = content.getChildAt(0);
            mChildOfContent.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
                public void onGlobalLayout() {
                    possiblyResizeChildOfContent();
                }
            });
            frameLayoutParams = (FrameLayout.LayoutParams) mChildOfContent.getLayoutParams();
        }
    
        private void possiblyResizeChildOfContent() {
            int usableHeightNow = computeUsableHeight();
            if (usableHeightNow != usableHeightPrevious) {
                int usableHeightSansKeyboard = mChildOfContent.getRootView().getHeight();
                int heightDifference = usableHeightSansKeyboard - usableHeightNow;
                if (heightDifference > (usableHeightSansKeyboard/4)) {
                    // keyboard probably just became visible
                    frameLayoutParams.height = usableHeightSansKeyboard - heightDifference;
                } else {
                    // keyboard probably just became hidden
                    frameLayoutParams.height = usableHeightSansKeyboard;
                }
                mChildOfContent.requestLayout();
                usableHeightPrevious = usableHeightNow;
            }
        }
    
        private int computeUsableHeight() {
            Rect r = new Rect();
            mChildOfContent.getWindowVisibleDisplayFrame(r);
            return (r.bottom - r.top);
        }
    
    }empty

        在你的Activity的oncreate()方法里调用AndroidBug5497Workaround.assistActivity(this);即可。注意:在setContentView(R.layout.xxx)之后调用。

    展开全文
  • layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。 如图: 弹出窗口比当前页面大,这时,唯有放大整个页面才能看到完全的弹出窗口,...
  •   layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。查看官方文档以及搜索引擎,都没有找到好的办法。如图所示: ...

    遇到的问题

      最近在使用layui做一个管理系统,由于前端技术有限,在开发过程中也遇到这样那样的问题,即比较简单的问题有时也要搞半天。。
      layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小比弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。查看官方文档以及搜索引擎,都没有找到好的办法。如图所示:

     
    弹出窗口比当前页面大

     

      这时,唯有放大整个页面才能看到完全的弹出窗口,才可以操作。

    我的尝试

      我的思路时通过监听页面的resize事件,通过layer.style(layerIndex, {})重新设置弹出窗口的大小和位置。

    • 1、定义页面变量
        var layerIndex;
        var layerInitWidth;
        var layerInitHeight;
    

      

    • 2、在layer.open的完成事件中获取窗口初始大小及窗口索引
        在success方法中取得相关值
      //获取当前弹出窗口的索引及初始大小
      layerIndex      = index;
      layerInitWidth  = $("#layui-layer"+layerIndex).width();
      layerInitHeight = $("#layui-layer"+layerIndex).height();
      //此处调用是因为,初始弹出窗口时,window也可能小于窗口,这里调用一次调整,resizeLayer为自定义的方法,后面给出
      utils.resizeLayer(layerIndex,layerInitWidth,layerInitHeight);
      

        完整片断:

      laytpl($('#edit-tpl').html()).render(d,
          function(html) {
              layer.open({
                  type: 1,
                  title: '新增',
                  content: html,
                  maxmin: true,
                  area: ['800px', '690px'],
                  btn: ['提交', '重置', '取消'],
                  yes: function(index, layero) {
                      layerIndex = index;
                      $('form[lay-filter="form-edit"]').find('button[lay-submit]').click();
                      return false;
                  },
                  btn2: function(index, layero) {
                      layerIndex = index;
                      $('form[lay-filter="form-edit"]').find('button[type="reset"]').click();
                      return false;
                  },
                  success: function(layero, index) {
                      //获取当前弹出窗口的索引及初始大小
                      layerIndex      = index;
                      layerInitWidth  = $("#layui-layer"+layerIndex).width();
                      layerInitHeight = $("#layui-layer"+layerIndex).height();
                      //utils.resizeLayer(layerIndex,layerInitWidth,layerInitHeight);
                      form.render(null, 'form-edit');
                  }
              });
          });
      

        

    • 3、监听window的resize事件,重新设置大小
        监听window变化,调用resizeLayer方法重设置弹出窗口大小
          $(window).resize(function() {
              utils.resizeLayer(layerIndex,layerInitWidth,layerInitHeight);
          }); 
    • 4、重新设置函数
        若window比窗口小,取小的值来设置弹出窗口的大小,因为多个页面都要调用,在此封装到utils中作为一个函数来调用
      resizeLayer:function (layerIndex,layerInitWidth,layerInitHeight) {
          var docWidth = $(document).width();
          var docHeight = $(document).height();
          var minWidth = layerInitWidth > docWidth ? docWidth : layerInitWidth;
          var minHeight = layerInitHeight > docHeight ? docHeight : layerInitHeight;
          console.log("doc:",docWidth,docHeight);
          console.log("lay:",layerInitWidth,layerInitHeight);
          console.log("min:",minWidth,minHeight);
          layer.style(layerIndex, {
              top:0,
              width: minWidth,
              height:minHeight
          });
      } 
    • 5、效果

      初始时窗口比window小的情况,自动适应了

       
      调整window大小,自动适应

       
      window正常情况下,窗口使用原始设置的大小

    总结

      初学layui做项目,前端也不熟悉,只有先这样解决了,各位有好的方法欢迎留言,谢谢!

    转载于:https://www.cnblogs.com/kstrive/p/8531945.html

    展开全文
  • layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。查看官方文档以及搜索引擎,都没有找到好的办法。如图所示:弹出窗口比当前页面大...

    9b37ae798670d67aa992882eae67cc09.png

    遇到的问题

    最近在使用layui做一个管理系统,由于前端技术有限,在开发过程中也遇到这样那样的问题,即比较简单的问题有时也要搞半天。。
    layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小比弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。查看官方文档以及搜索引擎,都没有找到好的办法。如图所示:

    afde17258bb7bcc9d418e25f66f64d5a.png

    弹出窗口比当前页面大

    这时,唯有放大整个页面才能看到完全的弹出窗口,才可以操作。

    我的尝试

    我的思路时通过监听页面的resize事件,通过layer.style(layerIndex, {})重新设置弹出窗口的大小和位置。

    1、定义页面变量

    var layerIndex;
    var layerInitWidth;
    var layerInitHeight;
    

    2、在layer.open的完成事件中获取窗口初始大小及窗口索引
    在success方法中取得相关值

    //获取当前弹出窗口的索引及初始大小
    layerIndex      = index;
    layerInitWidth  = $("#layui-layer"+layerIndex).width();
    layerInitHeight = $("#layui-layer"+layerIndex).height();
    //此处调用是因为,初始弹出窗口时,window也可能小于窗口,这里调用一次调整,resizeLayer为自定义的方法,后面给出
    utils.resizeLayer(layerIndex,layerInitWidth,layerInitHeight);
    

    完整片断:

    laytpl($('#edit-tpl').html()).render(d,
        function(html) {
            layer.open({
                type: 1,
                title: '新增',
                content: html,
                maxmin: true,
                area: ['800px', '690px'],
                btn: ['提交', '重置', '取消'],
                yes: function(index, layero) {
                    layerIndex = index;
                    $('form[lay-filter="form-edit"]').find('button[lay-submit]').click();
                    return false;
                },
                btn2: function(index, layero) {
                    layerIndex = index;
                    $('form[lay-filter="form-edit"]').find('button[type="reset"]').click();
                    return false;
                },
                success: function(layero, index) {
                    //获取当前弹出窗口的索引及初始大小
                    layerIndex      = index;
                    layerInitWidth  = $("#layui-layer"+layerIndex).width();
                    layerInitHeight = $("#layui-layer"+layerIndex).height();
                    //utils.resizeLayer(layerIndex,layerInitWidth,layerInitHeight);
                    form.render(null, 'form-edit');
                }
            });
        });
    

    3、监听window的resize事件,重新设置大小
    监听window变化,调用resizeLayer方法重设置弹出窗口大小

    $(window).resize(function() {
        utils.resizeLayer(layerIndex,layerInitWidth,layerInitHeight);
    }); 
    

    4、重新设置函数
    若window比窗口小,取小的值来设置弹出窗口的大小,因为多个页面都要调用,在此封装到utils中作为一个函数来调用

    resizeLayer:function (layerIndex,layerInitWidth,layerInitHeight) {
        var docWidth = $(document).width();
        var docHeight = $(document).height();
        var minWidth = layerInitWidth > docWidth ? docWidth : layerInitWidth;
        var minHeight = layerInitHeight > docHeight ? docHeight : layerInitHeight;
        console.log("doc:",docWidth,docHeight);
        console.log("lay:",layerInitWidth,layerInitHeight);
        console.log("min:",minWidth,minHeight);
        layer.style(layerIndex, {
            top:0,
            width: minWidth,
            height:minHeight
        });
    } 
    

    5、效果

    5df6df5444d50e8856afc2c727fc1326.png

    初始时窗口比window小的情况,自动适应了

    572138d57c94dda03864bc3b1650c3ea.png

    调整window大小,自动适应

    94010b379c8f6f588f62dffc2231fba0.png

    window正常情况下,窗口使用原始设置的大小

    总结

    初学layui做项目,前端也不熟悉,只有先这样解决了。

    btw:用的版本是layui-v2.2.4

    展开全文
  • layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。查看官方文档以及搜索引擎,都没有找到好的办法。如图所示:弹出窗口比当前页面大...
  • // adjustResize 这个属性表示Activity窗口总是会被调整大小来保证软键盘显示空间 android:windowSoftInputMode="adjustResize" 第二步: 在实例化WebView对象后添加代码, webView.requestFo...
  • layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。查看官方文档以及搜索引擎,都没有找到好的办法。如图所示:弹出窗口比当前页面大...
  • 会声会影调整项目大小

    千次阅读 2018-06-14 20:55:24
    会声会影怎么调整项目大小?正常情况下是无法自定义:需要选择dV/AVI,点击“确定”出现的弹出窗口也点击确定重新点击项目设置,压缩选择无:现在可以自定义大小了:...
  • 2020/04/24你是不是也经常会遇到想要内容位于前后页无法截在一张图上,横图改为竖图无从下手,上传图片大小超限,一张图片...裁剪:工具栏—裁剪工具新建后会弹出设置窗口,可直接拖动鼠标选择需要部分,再进行...
  • 显然,Chrome扩展程序在使用HTML 5颜色选择器Mac OS中存在一个错误,该问题是当颜色选择器打开时,扩展程序弹出窗口关闭,导致弹出窗口无法识别颜色命令。现在为Mac用户使用其他颜色选择器 2017年4月9日-1.2.1-向...
  • 2.当长宽比例不同时,可以选择是否弹出对话框手动选择要截取范围 更新记录版本: 1.1,更新时间: 2009-5-8 * 修正了当图片在列表中时源文件会被锁定无法删除 * 修正了调整图片大小保存文件为源文件时程序会发生...
  • 版本1.19.1对三位数的mbox计数进行微调,以修改“编辑”屏幕中“位置”上的定位宽度1.19版添加了“ Mbox碰撞/共享位置”模式的排序[单击“位置”区域中的(123)时弹出的屏幕]-单击列标题进行排序,然后再次单击以...
  • 每个版本更改基本信息新闻页面均应进行优化,以便在主要版本和次要版本更改时触发(忽略第3和第4部分)-localStorage使用并进行了优化快照图像(通过画布调整大小)-引入了maxTabs参数来控制弹出列表长度 ...
  • *添加用“x”关闭弹出窗口的功能 *设置启用/禁用作为一个单击事件,而不是提交表单 *增加对“新JIRA体验”支持 2017年9月22日 *增加了使用Shift +←/→来“走”列功能 *如果你已经加载了相同页面,加载时间更...
  • 现在在线观看视频已经成为一种新时尚,但是由于视频...实现画中画显示效果通过网页观看视频最大一个局限,就是视频界面嵌入在网页里,用户无法对视频界面窗口的大小进行调整。如果能将视频窗口弹出网页,这样就...
  • 弹出窗口无法调整至正常大小,附加功能不能使用。(修复)   场景测试 点击左侧任务列表可以滑动添加磁贴,取消; 点击左侧添加任务进入编辑任务界面; 点击“召唤神龙”可以出现子窗口操作;...
  • ChromeStrap-crx插件

    2021-04-02 03:10:28
    调整浏览器窗口大小时,显示一个弹出窗口,显示当前Bootstrap 3断点 调整浏览器窗口大小时,将显示一个弹出窗口,其中显示当前Bootstrap 3断点。发行记录:1.0版:*最后,我很高兴将其称为v1.0! *修复了切换...
  • Viewport不局限于浏览器可视区域的大小,可能比浏览器可视区域要大,也可能比浏览器可视区域要小。 媒体查询 CSS媒体查询允许开发者基于浏览网站设备特性来应用不同样式申明,最常用特性是视口宽度。 ...
  • 使用智能手机看文字类新闻,因为字号太小无法看清内容时,可通过APP页面设置功能调整文字大小。以“今日头条”APP为例,调整文字大小的详细操作步骤如下:1、在APP内容详情页,点击屏幕右上角功能按钮。2、此时...
  • 0.11.5版解决了由于将eReaderIQ移至https导致弹出窗口大小无法正确调整大小的问题。 0.11.4版解决了一些平装书或精装书中图标未显示问题。 版本0.11.1、0.11.2和0.11.3解决了一些愿望清单中图标未显示,而另...
  • BUG修改了部分对话框会重复弹出的BUG,例关于对话框,通过托盘菜单 BUG对加载卷或创建卷时选择路径为文件夹时的错误提示信息进行修改 BUG对部分错误提示进行汉化 BUG修正了Window2000驱动无法安装的BUG,...
  • BUG修改了部分对话框会重复弹出的BUG,例关于对话框,通过托盘菜单 BUG对加载卷或创建卷时选择路径为文件夹时的错误提示信息进行修改 BUG对部分错误提示进行汉化 BUG修正了Window2000驱动无法安装的BUG,...
  • - 错误修复(获取本地播放器排名丢失)v1.3.0: - 添加杀戮计数器v1.2.1: - 错误修复(重生时停止问题)v1.2.0: - 添加视图/隐藏图(在弹出窗口中) - 添加调整大小图(在弹出窗口中)v1.1.2: - 错误修复...
  • 单击“开始→控制面板→管理工具→服务”,弹出服务列表窗口,有些服务已经启动,有些则没有。我们可查看相应服务项目描述,对不需要服务予以关闭。如“Alerter”,如果你未连上局域网且不需要管理警报,则可将...
  • 单击“开始→控制面板→管理工具→服务”,弹出服务列表窗口,有些服务已经启动,有些则没有。我们可查看相应服务项目描述,对不需要服务予以关闭。如“Alerter”,如果你未连上局域网且不需要管理警报,则可将...
  • flashmtv制作

    2011-11-17 18:15:11
    这里以歌词文件夹为例:当第一句歌词导入到库后,按住【ctrl】键选择歌词剪辑元件,以及产生的子元件,全部选中后,点右键,点〖移至新文件夹〗,把弹出的新建文件命名〖歌词1.0〗,这样第一句歌词的元件全部在这里...
  • 在nero弹出的窗口左侧会出现《CDROM-引导》; ①在《启动》 项里选择《映像文件》,在《浏览》里选中刚刚释放出的那个ima文件; ②打开高级设置 ③在《虚拟类型》里选中《虚拟2.88MB软盘》; ④点《新建》后进入...
  •  弹出窗口会在标签页内显示,并不会在标签页内以外地方出现,除非使用者将窗口拖曳至别处。  分页(Tabs)  分页是Chrome使用者界面中最重要元素,为梯形设计,其位于窗口的最上方而非控制按钮下方(与...
  • 7、纠正FAT32文件系统文件加载及显示不全问题,此问题会造成无法调整FAT32分区的大小。 8、纠正还原2T以上容量硬盘分区表时,加载分区表后有分区会显示为“未格式化”,还原后分区表仍有错误BUG。 9、...

空空如也

空空如也

1 2 3 4 5 6
收藏数 107
精华内容 42
关键字:

弹出的窗口无法调整大小