首页 > 软件开发 > HTML >

htmlayout设计ui 基础篇:[7]调整窗口尺寸

来源:互联网 2023-03-16 19:06:46 312

我们在使用客户端时,有时候会根据需要,要把客户端的窗口调小些,方便我们查看其它窗口的东西。Vx0办公区 - 实用经验教程分享!

那么在做客户端软件时,如何能在自定义皮肤的同时,可以自由改变窗口的大小呢?Vx0办公区 - 实用经验教程分享!

今天来说下:如何设置自由改变客户端窗口的大小?Vx0办公区 - 实用经验教程分享!

工具/原料

  • Sciter v.3

方法/步骤

  • 1

    第一,我们先来看看其它客户端使用时,窗口可自由改变大小的效果~Vx0办公区 - 实用经验教程分享!

    初始打开时的效果:Vx0办公区 - 实用经验教程分享!

    htmlayout设计ui 基础篇:[7]调整窗口尺寸Vx0办公区 - 实用经验教程分享!

  • 2

    我拖动窗口改变窗口大小后的效果:Vx0办公区 - 实用经验教程分享!

    htmlayout设计ui 基础篇:[7]调整窗口尺寸Vx0办公区 - 实用经验教程分享!

  • 3

    第二,现在我们就来看下,如何在自己的程序中实现这种可以自由改变窗口大小的效果~Vx0办公区 - 实用经验教程分享!

    前提:我们知道对于整个窗口的控制,需要在结构Vx0办公区 - 实用经验教程分享!

    html>Vx0办公区 - 实用经验教程分享!

    head>/head>Vx0办公区 - 实用经验教程分享!

    body>/body>Vx0办公区 - 实用经验教程分享!

    /html>Vx0办公区 - 实用经验教程分享!

    最外层的html>中来实现~Vx0办公区 - 实用经验教程分享!

    (前面我们知道去掉系统窗体控制加入custom-frame="solid",就可以实现了)Vx0办公区 - 实用经验教程分享!

    那么控制窗口自由变化大小是不是也在这里加对应的代码就可以了呢Vx0办公区 - 实用经验教程分享!

  • 3相关内容未经许可获取自百度经验
  • 4

    第三,查询相关的定义,我们发现只要在这个位置加入resizeable,就可以实现我们要做的效果了~Vx0办公区 - 实用经验教程分享!

    代码如下:Vx0办公区 - 实用经验教程分享!

    html encoding="utf8" custom-frame="solid" resizeable>Vx0办公区 - 实用经验教程分享!

  • 5

    第四,接下来我们来看下实际的效果~Vx0办公区 - 实用经验教程分享!

    不加resizeable代码:Vx0办公区 - 实用经验教程分享!

    html encoding="utf8" custom-frame="solid">Vx0办公区 - 实用经验教程分享!

    效果图:Vx0办公区 - 实用经验教程分享!

    htmlayout设计ui 基础篇:[7]调整窗口尺寸Vx0办公区 - 实用经验教程分享!

  • 6

    加resizeable代码:Vx0办公区 - 实用经验教程分享!

    html encoding="utf8" custom-frame="solid" resizeable>Vx0办公区 - 实用经验教程分享!

    效果图:Vx0办公区 - 实用经验教程分享!

    htmlayout设计ui 基础篇:[7]调整窗口尺寸Vx0办公区 - 实用经验教程分享!

  • 7

    你可以根据自已的需求,任意改变窗口大小~Vx0办公区 - 实用经验教程分享!

  • 去掉系统窗体|下一篇:

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Vx0办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码