htmlayout设计ui 基础篇:[7]调整窗口尺寸
1、第一,我们先来看看其它客户端使用时,窗口可自由改变大小的效果~
初始打开时的效果:
![htmlayout设计ui 基础篇:[7]调整窗口尺寸](https://exp-picture.cdn.bcebos.com/03f26bd7997bbbf48c1b9a695549610f8a56d69a.jpg)
2、我拖动窗口改变窗口大小后的效果:
![htmlayout设计ui 基础篇:[7]调整窗口尺寸](https://exp-picture.cdn.bcebos.com/8a17b3042e6817e90fa2e64bd356d53da924ce9a.jpg)
3、第二,现在我们就来看下,如何在自己的程序中实现这种可以自由改变窗口大小的效果~
前提:我们知道对于整个窗口的控制,需要在结构
<html>
<head></head>
<body></body>
</html>
最外层的<html>中来实现~
(前面我们知道去掉系统窗体控制加入custom-frame="solid",就可以实现了)
那么控制窗口自由变化大小是不是也在这里加对应的代码就可以了呢
4、第三,查询相关的定义,我们发现只要在这个位置加入resizeable,就可以实现我们要做的效果了~
代码如下:
<html encoding="utf8" custom-frame="solid" resizeable>
5、第四,接下来我们来看下实际的效果~
不加resizeable代码:
<html encoding="utf8" custom-frame="solid">
效果图:
![htmlayout设计ui 基础篇:[7]调整窗口尺寸](https://exp-picture.cdn.bcebos.com/d47cb624d8e9ccd2de25b9ea0e40102a05e2c99a.jpg)
6、加resizeable代码:
<html encoding="utf8" custom-frame="solid" resizeable>
效果图:
![htmlayout设计ui 基础篇:[7]调整窗口尺寸](https://exp-picture.cdn.bcebos.com/3b03be7aa010bc33837bdc0892efa25f0d143f9b.jpg)
7、你可以根据自已的需求,任意改变窗口大小~
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:161
阅读量:185
阅读量:47
阅读量:55
阅读量:87