开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Boostrap 4登录窗体响应顶部高度

Bootstrap 4是一个流行的前端开发框架，它提供了丰富的组件和样式，可以帮助开发人员快速构建响应式的网页和应用程序。在Bootstrap 4中，登录窗体可以通过设置顶部高度来实现响应式布局。

响应式布局是指网页或应用程序能够根据不同设备的屏幕尺寸和分辨率自动调整布局和样式，以提供更好的用户体验。通过设置顶部高度，可以确保登录窗体在不同设备上都能正确显示。

要实现Boostrap 4登录窗体的响应顶部高度，可以按照以下步骤进行操作：

引入Bootstrap 4的CSS和JavaScript文件。可以通过以下链接获取Bootstrap 4的官方文档和下载地址：Bootstrap 4官方文档
创建一个包含登录窗体的HTML文件，并使用Bootstrap 4的样式类来定义窗体的结构和样式。可以使用<form>元素来创建登录表单，使用<input>元素来添加用户名和密码输入框，使用<button>元素来添加登录按钮。
在CSS文件中，可以使用Bootstrap 4的样式类来设置顶部高度。可以使用mt-5类来设置顶部外边距，pt-5类来设置顶部内边距，以及pb-5类来设置底部内边距。这些类可以根据需要进行调整，以实现所需的顶部高度。
在JavaScript文件中，可以使用Bootstrap 4的JavaScript插件来增强登录窗体的功能。例如，可以使用popover插件来添加弹出提示框，使用tooltip插件来添加工具提示，使用modal插件来添加模态框等。

以下是一个示例的Boostrap 4登录窗体的HTML代码：

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap 4登录窗体</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
  <div class="container mt-5">
    <div class="row justify-content-center">
      <div class="col-md-6">
        <form>
          <div class="form-group">
            <label for="username">用户名</label>
            <input type="text" class="form-control" id="username" placeholder="请输入用户名">
          </div>
          <div class="form-group">
            <label for="password">密码</label>
            <input type="password" class="form-control" id="password" placeholder="请输入密码">
          </div>
          <button type="submit" class="btn btn-primary">登录</button>
        </form>
      </div>
    </div>
  </div>
  
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>

通过以上步骤，可以实现一个基本的Boostrap 4登录窗体，并通过设置顶部高度来实现响应式布局。

推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云对象存储（COS）。

腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算场景。您可以根据实际需求选择不同配置的云服务器，以满足您的应用程序和服务的需求。了解更多信息，请访问腾讯云服务器官方文档：腾讯云服务器（CVM）
腾讯云对象存储（COS）：提供安全可靠的云端对象存储服务，适用于存储和处理各种类型的数据。您可以使用腾讯云对象存储来存储和管理您的网站、应用程序、多媒体文件等。了解更多信息，请访问腾讯云对象存储官方文档：腾讯云对象存储（COS）

相关搜索:Boostrap 4粘性页脚高度问题 Boostrap 4:使文本区域与列高度匹配响应式分区高度自举4 Bootstrap 4中的响应列高度 Boostrap4:具有固定顶部导航和固定页脚的仪表板无法在某个高度维度中垂直滚动到窗体的顶部 Bootstrap 4响应图像并排相同高度如何在嵌入的Boostrap4中使列的高度相等？bootstrap 4中固定高度的响应卡图像 Bootstrap 4响应式垂直导航栏高度大空间如何在Bootstrap 4中降低高度并同时使其响应登录后从json响应中抓取数据- BS4 当我收到错误响应时，如何使用log4js登录文件？如何向Bootstrap 4固定顶部响应式导航栏添加数据偏移量？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

C# 窗体常用API函数应用程序窗体查找

常用的处理窗体的API函数如下（注意：API函数必须放在窗体中...）：使用C#语言，要引用DllImport，必须要添加using System.Runtime.InteropServices命名空间（1）获得当前前台窗体句柄 [DllImport("user32.dll", CharSet = CharSet.Auto, ExactSpelling = true)]public static extern IntPtr GetForegroundWindow(); 返回值类型是IntPtr,即为当前

07

Qt编写的项目作品6-可视化大屏电子看板系统

一、功能特点整体总共分三级界面，一级界面是整体布局，二级界面是单个功能模块，三级界面是单个控件。子控件包括饼图+圆环图+曲线图+柱状图+柱状分组图+横向柱状图+横向柱状分组图+合格率控件+百分比控件+进度控件+设备状态面板+表格数据+地图控件(包括动态闪烁点+迁徙图等)+视频控件+其他控件等。二级界面可以自由拖动悬浮，支持最小化最大化关闭，响应双击自定义标题栏。数据源支持数据库采集（默认）、网络通信、网络请求等，可自由设定每个子界面的采集间隔即数据刷新频率。采用纯QWidget编写，支持Qt4.6

02

WinForm企业应用框架设计【三】框架窗体设计；动态创建菜单；

我也不会发现第一篇中关于“充血实体”的错误说法（至少~我写文章的时候~内心的想法是错的~）

03

Excel实战技巧66：创建向导样式的数据输入窗体2

4.在用户窗体顶部添加标签，将其Caption属性设置为：MyCompany– HRWizard，设置字体为大尺寸，例如18pt。

04

Qt编写数据可视化大屏界面电子看板7-窗体浮动

窗体浮动的场景也比较多，用途也比较大，比如视频监控模块，有时候需要调整大小和位置，而不是作为dock嵌入到布局中，一旦嵌入到布局中，大小和位置都被布局接管了，只能任由布局使唤，按在地上摩擦的那种。所以窗体浮动独立出来以后，就可以当做单独的窗体使用了，八个方位任意调整大小，（做到这里，是不是想起来，很多人写的无边框窗体类，自己写代码实现边框的拉伸调整大小？原来Qt也内置类无边框调整大小的位置哈！）同时窗体可以拖动到任意位置，比如可以拖动到中间部位占领一个位置，能够调整到最佳的16:9的大小效果。此时的视频看起来就很爽了，这个效果其实是Qt内置的，我在自定义的标题栏中增加了双击浮动，再次双击最大化显示的功能而已。

03

Qt编写的项目作品7-视频监控系统

一、功能特点支持16画面切换，全屏切换等，包括1+4+6+8+9+13+16画面切换。支持alt+enter全屏，esc退出全屏。自定义信息框+错误框+询问框+右下角提示框。 17套皮肤样式随意更换，所有样式全部统一，包括菜单等。云台仪表盘鼠标移上去高亮，八个方位精准识别。底部画面工具栏（画面分割切换+截图声音等设置）移上去高亮。可在配置文件更改左上角logo+中文软件名称+英文软件名称。封装了百度地图，视图切换，设备点位，鼠标按下获取经纬度等。堆栈窗体，每个窗体都是个单独的qwidget，

02

Qt编写数据可视化大屏界面电子看板6-窗体打开关闭

二级窗体的打开与关闭，这个功能也很有必要，由于整个系统中各种模块数量窗体数量比较多，后期可能还会增加更多，在4K屏幕上可以显示很多的模块，但是有时候有些模块不想显示出来，就需要将该模块关闭掉，直接在二级窗体的标题栏上增加关闭按钮，可能会影响整体的布局，此时提供鼠标右键菜单来控制各个模块的开关，就非常爽了，QDockWidget上场，QMainWindow类中如果有Dock类，则会自动生成右键菜单，自动将加载的窗体的名称生成菜单，前面可以打钩表示开启，没有打钩表示关闭，默认都是开启的，saveState()函数也会记录各个模块最后的开启和关闭状态，所以在应用restoreState()函数时候也会自动控制模块的开关，不得不说Qt在这个功能点上是下足了功夫，封装的非常好非常棒顶呱呱！

05

Contact Form 7插件添加表单教程

作为一个网站所有者，你绝对应该学习如何添加一个联系表单到WordPress。你的网站不是一个匿名实体。大多数人都想知道，偶尔也会和他们所读内容背后的人互动。你认为为什么会有作者简介和博客评论?今天外贸

00

Qt编写安防视频监控系统7-全屏切换

全屏切换这个功能点属于简单的，一般会做到右键菜单中，也提供了快捷键比如alt+enter来触发，恢复全屏则按esc即可，全屏处理基本上都是隐藏通道面板以外的窗体，保持最大化展示，由于采用了模块化的堆栈窗体qstackwidget来处理，这样还需要提供信号通知主界面来隐藏对应的不需要显示的控件。

04

控件anchor和dock属性_控件的常用属性

大家好，又见面了，我是你们的朋友全栈君。在设计窗体时，这两个属性特别有用，如果用户认为改变窗口的大小并不容易，应确保窗口看起来显示的不是那么乱，并编写很多代码来实现这个效果，许多程序解决这个问题都是禁止给窗口重新设置大小这显然是解决问题的最简单的方法，但不是最好的方法，因此引入了Anchor和Dock属性。

03

Qt编写数据可视化大屏界面电子看板8-调整间距

在数据可视化大屏界面电子看板系统中，前期为了使用目标客户机，调整间距是必不可少的工作，QMainWindow中的QDockWidget，会默认生成布局和QSplitter调整宽高大小，鼠标移动到模块之间的缝隙处，鼠标指针会形成调整大小间距的那种，上下左右拉动就可以调整大小了。Qt的dock默认底部布局是被全部填充的，即一旦产生了底部Dock，则底部的左侧和右侧也属于底部布局，此时需要用setCorner方法来把这个布局给切掉，比如底部布局的左侧部分，可以切掉当做左侧布局使用，setCorner(Qt::BottomLeftCorner, Qt::LeftDockWidgetArea);底部布局右侧部分，可以切掉当做右侧布局使用，setCorner(Qt::BottomRightCorner, Qt::RightDockWidgetArea);这样左右两侧的布局就有更大的空间来放置窗体了，这样可能更适合大部分的应用场景。如果只是切掉了一部分，比如切掉了右侧，则左侧和中间部分当做底部布局，放置一个长条状的大窗体，也是非常美观的，主要看具体的窗体大小了。

03

Python GUI项目实战（二）主窗体的界面设计与实现

上一节我们介绍了登录窗体的GUI设计与功能实现，用户的账号和密码校验完成后应当跳转到主窗体内容，这一节我们将具体介绍主窗体界面的设计与功能实现！

02

提名推荐！15个2019年最佳CSS框架

开发网站或web应用时，网页开发工程师往往都需要编写CSS，如果每个项目都是从0开始，将会花费大量的时间和精力，并且还会处理很多重复性工作。

01

python实现超级玛丽游戏

玛丽冒险游戏的文件夹组织结构主要分为: audio(保存音效文件)和 image (保存图片)

03

Qt编写安防视频监控系统33-onvif云台控制

云台控制也是onvif功能中最常用的，最常用的功能排第一的是拿到视频流地址，排第二的就是云台控制了，云台控制的含义就是对带云台的摄像机进行上下左右的移动，一般云台摄像机都是带有一个小电机，一旦收到485或者网络来的正确的指令以后就触发单片机程序，然后单片机程序驱动电机进行转动，所以相对来说云台摄像机比普通的摄像机更耗电，当然价格也更贵。

00

使用C#开发屏幕保护程序步骤建议收藏

屏幕保护程序的扩展名虽然是”scr”，但其实是一个可执行的”exe”文件。但他又是一个比较独特的”exe”文件。下面就来探讨一下，用C＃是如何编写屏幕保护

01

Excel编程周末速成班第22课：使用事件

事件是Excel编程的重要组成部分。在第20课中对事件进行过介绍，涉及到用户窗体控件以及他们可以响应的一些事件。理解和使用Excel事件是创建易于使用的响应式应用程序的重要工具。

01

Qt编写安防视频监控系统4-删除视频

一般会有两种处理方式来删除视频，一种是鼠标右键菜单，删除当前视频或者删除所有视频，一种是直接按住当前视频，移到视频通道界面以外就表示删除当前视频，这也是个比较人性化的设置，每个人的喜好不一样，和通道交换功能类似，按住视频拖动到窗体外面表示删除视频，这个功能也需要安装事件过滤器来处理，自动计算当前按下状态下的鼠标是否已经到了窗体外面，按下的时候记住当前视频通道，松开的时候处理删除视频动作即可。删除完成以后同样要立即更新配置文件或者数据库，以便下次应用新的配置，在删除视频的时候，为了保证界面UI的流畅，可以后台慢慢释放资源删除，而不是立即删除，有时候会卡住主界面，体验不好。

02

滚动，你真的懂了吗

07

滚动，你真的懂了吗

什么是内滚动布局呢？个人认为，内滚动布局就是主滚动条是在页面内部，而不是浏览器窗体上的布局。故内滚动布局是相对传统的window窗体滚动而言的。

01

为什么CSS Grid在创建布局上比Bootstrap更好

该文介绍了CSS Grid在网页布局方面相比于Bootstrap的优势，包括使用CSS Grid可以简化HTML代码、实现更灵活的布局、支持更广泛的浏览器以及不再有12列的限制等。同时，也指出了虽然CSS Grid具有诸多优点，但在某些情况下仍然需要使用Bootstrap进行更复杂的布局。

06

Qt编写安防视频监控系统6-面板开关

面板开关功能是整个系统最人性化的功能之一，可以对主界面中左侧右侧的各个小面板进行显示和隐藏，当隐藏的时候，另外的同级面板自动拉伸填充，这样就不会显得空洞，直接在每个面板的右上角提供了关闭按钮，也可以直接在顶部鼠标右键弹出菜单控制每个面板的显示和隐藏，面板的显示和隐藏以后，自动更新菜单的文字，保证永远都一致，有时候拖动位置乱了或者关闭了所有的，需要提供一个恢复所有面板的功能，做在右键菜单中，一次性恢复所有面板的显示。

03

IT该忍者神龟Jquery小工具easyUI物业摘要召回

找了个时间看了下EasyUI插件。对它的插件感觉是非常舒服，特地把Easy UI的大部分功能属性做了一下汇总。

02

浅议内滚动布局

所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的<html>滚动而言的，例如，下图所示滚动条，是从头部下方开始：

02

Qt编写数据可视化大屏界面电子看板1-布局方案

布局方案在整个数据可视化大屏界面电子看板系统中，是除了基础功能以外的核心功能之一，只有具备了布局方案这个功能，才能让用户随意调整自己想要的布局，保存成自定义名称的布局配置文件，这样就大大增加了灵活性，可以更好的适应各种分辨率，毕竟客户的电脑运行环境各种各样的都有，模块数量众多，有些不想展示，有些需要特别放大展示，有些需要偶尔全屏展示等，这些布局用户都可以自己定义好保存配置方案，存储到指定的目录下，下次启动会自动生成对应的布局菜单文件让用户自行选择切换。

00

Bootstrap运用终极指南

Bootstrap是一个功能强大的、以移动端为优先的响应式前端框架，它是用CSS、HTML和JavaScript构建的。与从零开始编程，甚至许多其他框架相比，Bootstrap都有许多优势。

01

uni-app前端H5页面底部内容被tabbar遮挡的问题解决

使用 uni-app 框架开发的一个项目，发现 H5 端页面底部的内容被导航栏（Tabbar）遮挡，小程序端可以正常显示。

02

浅议内滚动布局

一、什么是内滚动布局？所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的<html>滚动而言的，例如，下图所示滚动条，是从头部下方开始：传统的页面滚动，基本上是相对于整个浏览器窗体，例如，QQ视频首页：二、为什么会有内滚动布局？随着显示器设备越大越宽越密，以及现代web技术的发展。web站点已经开始有了从传统的瀑布式网页向类桌面软件风格站点转变的趋势。比方说，QQ音乐的首页目前是这样子的：以后可能就会变成这样子： “纳尼，这不就是现在的QQ音乐软件界面截图？”

05

Qt编写安防视频监控系统2-视频播放

视频播放功能是核心功能之一，为了统一管理接口，统一封装成一个控件，对外提供seturl open close方法即可，不用去管内部的具体处理，这样就可以提供多种接口来实现统一的管理，比如vlc内核+ffmpeg内核+海康sdk内核等，随意切换，在使用各种内核的过程中，对比下来，发现easyplayer的内核是最好的，在国内用ffmpeg做接口做到了极致，CPU占用极低。

03

Qt编写安防视频监控系统8-双击节点

在所有的视频监控系统中，双击摄像机的节点，对应摄像机加载到当前焦点通道显示，这个都是必须具备的功能，还有一些厂家会做双击NVR节点，自动加载该NVR下的所有摄像机全部显示，从通道1开始到通道16或者32，知道排满，或者双击对应的分组，分组下面的所有摄像机自动加载显示视频，这个基础效果在Qt中还是很好实现的，入门级别，唯独双击父节点加载节点下的所有视频，我们知道QTreeWidget默认双击父节点是折叠功能，那怎么取消这个功能呢？或者仅仅是限制单击父节点的+-号来实现折叠和展开，这个就需要用到事件过滤器，事件过滤器的优先级别很高，可以直接优先拿到对应的事件，然后进行处理，处理完成以后如果不需要继续传递下去可以直接return true即可，这样就不会再执行该事件了。

02

VBA专题05-1：一文彻底掌握用户窗体编程基础知识（上）

引子：本文改编著自Microsoft很久以前的一篇技术文章，虽然年代已久，但完全不过时。文章以完整的示例详细介绍了用户窗体的基本概念及常用技术，能够帮助你快速掌握用户窗体编程基础。

02

浅议内滚动布局 - 腾讯ISUX

一、什么是内滚动布局？所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的<html>滚动而言的，例如，下图所示滚动条，是从头部下方开始：传统的页面滚动，基本上是相对于整个浏览

03

2014-10-25Android学习------布局处理(-)

我学习Android都是结合源代码去学习，这样比较直观，非常清楚的看清效果，觉得很好，今天的学习源码是网上找的个HealthFood 源码百度搜就知道很多下载的地方

04

Qt编写数据可视化大屏界面电子看板9-曲线效果

为了编写数据可视化大屏界面电子看板系统，为了能够兼容Qt4和嵌入式linux系统，尤其是那种主频很低的，但是老板又需要在这种硬件上（比如树莓派、香橙派、全志H3、imx6）展示这么华丽的界面时，就必须用最传统的painter方法来实现所有的控件了，一开始使用的QChart来实现各个子控件，在使用过程中发现比较鸡肋，个人感觉QChart是所有的子模块中源码写的最烂的，本人把QChart的源码看了一遍，比如饼图控件，居然放置一个label用来显示对应的文字描述，都懒得用painter去绘制，而且还有大量的类型转换，这个就效率大大降低了，虽然效果上挺好的，比如继承自QAnimation类自定义的chart动画类，还有个整体换肤的，但是在大量数据展示的时候，卡的一逼，比QWT和QCustomPlot差很远，本人看过QCustomPlot的源码，尽管就一个文件，（其实作者那边肯定是多个文件的，只不过发布的时候合并成一个文件发布的，毕竟这样对于用户来说使用还是很方便的，就是阅读不方便，毕竟大部分人用来是直接使用的而不是研究代码的。）但是里边的代码质量非常好非常高，本人特别推崇用QCustomPlot来展示曲线和柱状图等，效率很高，本人亲自试过最大展示50W数据点，还可以。据朋友所说，可能QWT质量还要更高，我没有研究过QWT的源码，不予置评，估计有可能是的。

04

Qt编写安防视频监控系统3-通道交换

最开始写通道交换的功能的时候，走了很多弯路，比如最开始用最初级的办法，触发交换的时候，先关闭视频，然后设置新的url重新打开视频，这样处理非常低级而且耗内存还卡还很慢，毕竟重新打开视频都需要时间的，快则几百毫秒慢则几秒钟都很有可能，尤其是网络情况不好的情况下，更加糟糕，后面发现自己真傻，完全没有必要去关闭原有视频，毕竟交换仅仅是位置的交换，而不是重新设置视频，可以直接重新布局，将视频控件对应的布局位置调换下即可，这种方法就做到了瞬间交换，视频还是原来的视频，正常播放，根本就没有中断过。

03

Qt编写数据可视化大屏界面电子看板4-布局另存

布局另存是数据可视化大屏界面电子看板系统中的额外功能之一，主要用于有时候用户需要在现有布局上做个微调，然后直接将该布局另存为一个布局配置文件使用，可以省略重新新建布局重新来一次大的调整的工作，此功能主要是用到了配置文件的保存，另存为一个不同名字的配置文件即可，属于非常简单的功能，在代码上来讲，其实Qt的配置文件类QSettings使用起来不要太方便，不仅支持WIN的注册表的读取写入，还支持跨平台的INI文件，说白了其实就是个文本文件，个人比较喜欢用INI文件作为配置文件，这样一方面跨平台，本人平时主要在嵌入式linux上做开发，INI文件是做好的选择。

02

Azure 机器学习 - 无代码自动机器学习的预测需求

本教程将在 Azure 机器学习工作室中创建自动化 ML 试验运行。机器学习工作室是一个整合的 Web 界面，其中包含的机器学习工具可让各种技能水平的数据科学实践者执行数据科学方案。 Internet Explorer 浏览器不支持此工作室。

02

Qt编写数据可视化大屏界面电子看板3-新建布局

能够新建布局，也是数据可视化大屏界面电子看板系统中的必备功能之一，新建布局这样的功能一般做到右键菜单中，单击新建布局菜单，弹出输入框要求输入新的布局的名称，为了更符合国情，直接支持中文名称，保存成配置文件直接中文名称命名，这样方便用户理解，Qt5以来对乱码的问题解决的就比较好了，不像Qt4时代稍不留神就乱码了，Qt5只要保证源码文件utf-8编码基本上就很少遇到乱码问题了。新建布局必须要有个默认的窗体排列，Qt中的dock窗体，默认布局会以窗体的sizehint作为大小参照标准，也不一定是完全正确的，还跟窗体中的子控件有关系，不过这些都不影响布局以后重新从配置文件加载的布局，QMainWindow提供saveState()函数直接保存当前窗体的所有布局位置大小等信息到配置文件，至于配置文件的内容格式，那是人类无法理解的格式，反正我是看不懂，这些都没有关系的，你重新用restoreState()函数加载读取配置文件的信息时，会自动应用，这样就很爽很完美了。

06

Python GUI编程：Tkinter

Python里的图形化界面（GUI）模块主要有Tkinter(python自带)、PyQt、wxPython，我们这节主要讲解Tkinter组件：

06

Joe主题再续前缘版 - 本站同款

前言因为Joe主题作者不再更新，我便基于原主题 7.3.7 最新版开发了再续前缘版，秉承着原版作者大神免费开源的伟大初衷（在这里吐槽一下...密...），再续前缘版是朝着简便实用的路线发展的。如果有问题可以跟我反馈，共同进步。祝各位道友一路飞升，顶峰相见！

02

【愚公系列】2023年11月 Winform控件专题 Label控件详解

Winform控件是Windows Forms中的用户界面元素，它们可以用于创建Windows应用程序的各种视觉和交互组件，例如按钮、标签、文本框、下拉列表框、复选框、单选框、进度条等。开发人员可以使用Winform控件来构建用户界面并响应用户的操作行为，从而创建功能强大的桌面应用程序。

01

Java|系统登录功能的设计与制作

登录模块是任何一个系统都不可或缺的一个模块，是系统的安全之门。登录模块通常由内容面板和登录窗体构成。

02

ASP.NET MVC使用Bootstrap系列（1）——开始使用Bootstrap

作为一名Web开发者而言，如果不借助任何前端框架，从零开始使用HTML和CSS来构建友好的页面是非常困难的。特别是对于Windows Form的开发者而言，更是难上加难。正是由于这样的原因，Bootstrap诞生了。Twitter Bootstrap为开发者提供了丰富的CSS样式、组件、插件、响应式布局等。同时微软已经完全集成在ASP.NET MVC 模板中。 Bootstrap结构介绍你可以通过http://getbootstrap.com.来下载最新版本的Bootstrap。解压文件夹后，可以

2.Python GUI之登录

#登录 from tkinter import Tk,messagebox,Toplevel #使用相关的组件 import tkinter as tk #1.窗体 my_window=Tk() my_window.title("登录") #设置窗口大小并居中显示 #屏幕的宽度、高度 screen_width,scree_height=my_window.maxsize() #窗体的宽度、高度 width=250 height=200 #设置窗体在屏幕中央显示 align_str="%dx%d+%d+

01

Qt编写安防视频监控系统29-掉线重连

掉线重连在很早很早以前就做了，基本上的方法都是搞个变量存储最后收到图片的时间，然后开个定时器判断，如果不在暂停模式下，当前时间和最后收到图片的时间差值超过了设定的超时时间，比如5s则认为掉线，然后调用close方法关闭，调用open重新打开视频流，依次重复。

00

Qt音视频开发49-通用截图截屏

采用了回调方式的视频通道，截图只需要对解析好的QImage对象直接保存即可，而对于句柄的形式，需要调用不同的处理策略，比如vlc需要用它自己提供的api接口函数libvlc_video_take_snapshot传入保存路径即可，mpv的内核执行screenshot-to-file命令传入路径参数即可，而ffmpeg就需要设置抓拍标志位，在实时采集解析那边，如果当前是截图标志位真，则需要改成QImage转换的机制发出图片，而不是yuv的数据opengl绘制，海康的sdk调用NET_DVR_CapturePicture函数即可。

03

Qt编写数据可视化大屏界面电子看板系统

目前大屏大数据可视化UI这块非常火，趁热也用Qt来实现一个，Qt这个一站式超大型GUI超市，没有什么他做不了的，大屏电子看板当然也不在话下，有了QSS和QPainter这两个无敌的工具组合，借用几个Qt高手朋友的话来说，都是分分钟。在整个系统的编写过程中，发现数学知识真的还是蛮重要的，在重要的几个算法点上，需要多次用到二元一次方程才能搞定几个算法，比如如何分组绘制柱状图。

05

Excel编程周末速成班第18课：使用用户窗体创建自定义对话框

Excel程序员可以创建自定义对话框以在VBA应用程序中使用。这些对话框在Office中称为用户窗体，可以包含你在属于Excel应用程序本身以及其他Windows应用程序的对话框中看到的所有元素，它们提供了非常强大的编程工具，使你可以为Excel应用程序提供自定义的可视界面。本课程以及接下来的三节课将向你展示如何创建和使用用户窗体。

03

Qt编写数据可视化大屏界面电子看板5-恢复布局

恢复布局这个功能在整个数据可视化大屏界面电子看板系统中非常有用，很多时候不小心把现有布局拖动乱了，（当然如果不想布局被拖动改动，可以修改配置文件中的MoveEnable参数来控制，默认为真表示可以任意拖动布局，后期如果不想再被拖动可以设置为假。）人总归有不小心的时候，一旦不小心拖动了布局，则可以在软件没有退出之前恢复，鼠标右键菜单增加恢复布局这个功能就很有必要了，在保存布局以前，单击这个恢复布局，会自动恢复到当前布局的初始状态，如果不小心保存布局了，那就只能重新新建布局了，或者如果布局有备份的话就更好。恢复布局只能对当前布局进行恢复，而且是在未保存布局以前，以后就麻烦。

03

Qt编写安防视频监控系统35-onvif抓拍图片

以前不知道onvif也可以做抓拍功能，直到近期重新用Onvif Device Test Tool工具测试的时候，发现还有抓图的接口，于是抓跑分析出要收发的数据，然后加入到自己封装的onvif操作类中，这个抓图有个应用场景就是报警以后，直接通过onvif抓图，而不需要打开实时视频流，基本上不占用什么资源。

00

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭