首先说明下，当前笔者的现状：javascript语言入门水平，没有系统学习过前端工程师嘴里常说的三大网页开发框架（Vue、React、Angular）。...而界面交互，就如我们传统的窗体开发那样，仅需存放一些表单控件即可。这些需求，远远不用考虑过重的网页框架来支持（有框架可能会更美观和开发更快速一些，但学习成本不低）。...使用JQuery+Bootstrap实现轻量化的网页开发 笔者在前面文章里也简短提及过JQuery，它用于操作网页对象内容非常方便。...上述也陈述到我们最大的需求是生成网页UI控件，将其绑定一些事件与用户交互，而原生的网页控件是比较丑陋的，和VBA里的窗体水平相当，日常看习惯了那些前端人员做的各种好看界面，给自己一点动力去提升，也是有必要的...笔者现在了解到的信息，Bootstrap是一个用于美化控件UI和布局的轮子，没有前面三大框架那么重，可能是个不错的选择。当然JQuery也有其自己的UI控件库和很多的扩展，不妨也可以用它。
相信不少使用传统OFFICE开发技术的开发人员，对Winform的控件拖拉再自然不过了，无论是VBA的窗体，还是VSTO的窗体，都是一样的套路，拖拉控件绑定事件，一切都再自然不过了。...在前文中，笔者提及可以学一下bootstrap这样的轻量化框架，可以快速地排版出许多网页效果，例如笔者做好的一个多图片轮播图功能，就是用的bootstrap框架里的轮播图功能完成。...直到再慢慢地摸索中，发现了一个网站工具magicalcoder，可以在线可视化布局html页面和控件，其网址为：http://lowcode.magicalcoder.com/magicalcoder/...刚好笔者后面除了bootstrap的学习外，也学习了一款比较热门的适合后端开发者使用的网页框架layui，在这个网站布局器工具里也有提供。 ?...当然根据自己选的框架看具体某一篇也是可以的，笔者也只看懂bootstrap和layui的框架布局。 视频地址：https://edu.csdn.net/learn/10747?
一、MenuStrip控件详解MenuStrip控件是Winform中的菜单控件，可以用于创建菜单栏和下拉菜单。...它是一个容器控件，可以在其上添加MenuStripItem子控件，每个子控件可以表示一个菜单项或下拉菜单。...在Visual Studio中使用MenuStrip控件非常简单，只需要在窗体设计器中拖拽一个MenuStrip控件到窗体上即可。...然后在MenuStrip控件上右键，选择“添加项”即可添加子控件，可以选择菜单项、下拉菜单等。...窗体右键菜单：MenuStrip可以作为窗体或控件的右键菜单，在鼠标右键点击时弹出一个下拉菜单，提供相应的功能选项。
React-Grid-Layout是一个基于 react 的网格布局系统，可实现基于表格的拖拽功能。...和 react-bootstrap。...npm install bootstrap npm install react-bootstrap 代码实现（最后附完整 App.js 实现代码） 看一下要实现的功能和布局： 左边是个控件列表，这里只放了三个控件...下面看一下代码实现，首先初始化三个控件，用来默认摆放着右侧的布局区域内 # 初始化三个控件 let items = ["input", "password", "select"]; #.../App.css'; import "bootstrap/dist/css/bootstrap.min.css"; import "react-grid-layout/css/styles.css";
欢迎 点赞✍评论⭐收藏前言Winform控件是Windows Forms中的用户界面元素，它们可以用于创建Windows应用程序的各种视觉和交互组件，例如按钮、标签、文本框、下拉列表框、复选框、单选框、...在设计器中可以通过拖拽GroupBox控件到窗体上来添加控件，也可以在代码中通过实例化GroupBox对象来添加控件。...通过GroupBox控件，可以使窗体上的控件更加有组织、清晰，方便用户进行操作。...收集用户信息：将输入相同类型的信息的控件，如文本框、下拉列表、单选按钮等，放在同一组中，以便用户一目了然地看到需要填写的信息。...切换窗体布局：在用户切换窗体布局时，使用GroupBox可以方便地将窗体中的控件进行分类和组织，以便更好地适应不同的屏幕尺寸和分辨率。
HubSpot/tether 前端浮层、提示框、下拉框的库 tj/co 基于es6 generator的异步代码同步编写的工具库 Pana/koa-log4js koa日志组件 ant-design...You-Dont-Need-jQuery jquery的纯js替代方案 think2011/localResizeIMG 前端本地客户端压缩图片、自动按需加载文件 amfe/lib-flexible 可伸缩布局方案...ximan/dropload 移动端下拉刷新、上拉加载更多插件 madrobby/zepto 移动端的jquery替代方案 weui/react-weui 微信react的组件库 BetterJS...bootstrap日期控件 JerrySievert/date-utils 时间工具库 martintajur/node-mysql-activerecord node 的mysql操作库 marioizquierdo...arshaw/xdate 日期控件 cubiq/iscroll 前端处理滑动的工具库（在ios上总能碰到奇葩问题） twbs/bootstrap 第一个h5 ui框架 jashkenas/backbone
设置属性并添加控件 设置窗体标题、指定窗体大小、添加按钮、输入框、标签并布局 import tkinter as tk root = tk.Tk() # 为窗体设置一个标题 root.title("...label标签") # 将标签布局到窗体上 Label01.pack() # 添加一个按钮,可以在创建按钮的同时在句尾调用pack语句进行布局 Button01 = Button(root,text...； （5）设置布局在pack()函数里，使用参数side，传入的值为常量tk.LEFT或者tk.RIGHT，表示从左到右或者从右到左布局 （6）创建图片控件时，图片控件的文件源使用参数file，传入的字符值为为文件路径...三、基本布局 1. place绝对布局 pack布局是按顺序布局，而place布局可以直接定义绝对位置，只需要给place()函数里传入两个参数x和y，其值为整型数值表示相对于窗体左上角的坐标位置；用法如...下拉框ComboBox # ComboBox from tkinter import * from tkinter.ttk import * # ComboBox 控件 --- 下拉框单选 root
C# WinForm 编程需要创建「Windows窗体应用程序」项目。.NET 提供了大量 Windows 风格的控件和事件，我们可以直接拿来使用，上手简单，开发快速。...2）通过工具箱中的label标签，button按钮，comboBox下拉按钮，直接在拖拽到窗体中；按钮的单击事件直接双击可以跳到对应的方法中进行代码编辑；还需要修改对应标签属性中的Name，方便后续的编辑...；创建完成后出现如下界面 3）点击启动按钮，出现自己编写的窗体界面 五、Winform菜单和工具栏 1)ListBox 列表框 2)ComboBox 下拉框列表...Dock属性将控件停靠在窗体的边缘或者填充窗体 IsMdiContainer 将一个窗体设置为主窗体 ControlBox是将窗体中的最大最小设置为不可见状态 AcceptButton...六、Form初始化、布局 1.form初始化操作时是先执行构造方法中的InitializeComponent()，然后执行load()，包括实例化——属性设置——事件注册——将控件添加到当前窗体的Controls
duilib的Combo控件的下拉框是一个独立的子窗口，类名：CComboWnd。...从duilib的源码可以知道，CComboUI控件在Add到布局上的时候，自己的m_pManager还是当前所在窗口的管理器指针，这样默认的滚动条样式图片等都在其中。...但是下拉框子窗体CComboWnd却有自己的一个CPaintManagerUI对象m_pm，而这个m_pm却没有从m_pManager中拿到滚动条的样式等资源(好像字体也是，好在字体可以直接指定全局共享...其实duilib原本设计的应该是通过dropbox属性来设置下拉框的属性等，只是我也没去调试这个dropbox的属性值应该怎么去写。所以就冒昧改了一下源码。
，-1指匹配父窗体，-2指包裹内容 header1.setLayoutParams(new PtrFrameLayout.LayoutParams(-1, -2)); /...，-1指匹配父窗体，-2指包裹内容 header.setLayoutParams(new PtrFrameLayout.LayoutParams(-1, -2)); //...header.setPadding(0, PtrLocalDisplay.dp2px(15), 0, PtrLocalDisplay.dp2px(10)); //告诉创建一个MaterialHeader 布局绑定在那个下拉刷新控件上...header.setPtrFrameLayout(frameLayout1); //给下拉刷新设置下拉头部 MaterialHeader布局 frameLayout1...-1指匹配父窗体，-2指包裹内容 header1.setLayoutParams(new PtrFrameLayout.LayoutParams(-1, -2)); //
1、一套UI精美、控件丰富、多主题的WinForm开源界面库 ReaLTaiizor是一个基于.Net的开源WinForm UI库，包含了多种常用控件和多种主题风格，支持.Net Framework 4.8...UI框架 1、主题：包含16个主题； 2、国际化：UI控件默认是中文，可以自定义其他语言； 3、字体图标：自定义按钮图标； 4、控件：每个控件都内置了常用属性，以便自定义； 5、窗体：普通窗体、登录界面窗体...； 6、窗体布局：内置了7个模板，也可以自定义；同时支持跟随分辨率适应； 7、其他：内置常用的工具类，比如文件、json、ini文件操作。...丰富的UI控件，提供了48个基础控件，如按钮、文本框、标签、下拉菜单、树形控件、表格控件等等。 还支持自定义主题，这使得开发者可以根据自己的需求，来定制应用程序的UI风格，提高用户体验。...、开源的UI控件库，包括窗体6个、组件库25个，支持皮肤切换，控件还是比较齐全的，大家可以直接使用，或者用来学习改造为自己的组件库。
选择 工具箱 -》 公共控件 -》 Label （标号控件），单击选择到窗体中（先单击控件名称，再单击窗口助手窗体空白处）。...按相同方法，我们设计出如下四个标号控件，布好局： 第二，添加下拉组合框控件。 选择 工具箱 -》 公共控件 -》 comboBox（组合框控件），单击选择到窗体中。...而波特率组合框 直接在属性中添加下拉菜单内容。 我们设计出如下窗体： 第三，添加单选按钮控件。...这里我们是想通过定时器做一个500ms定时周期性中断，这样就可以不停检测电脑的可用串口，然后将它放在端口的组合框控件的下拉菜单中。...至此，可视化窗体已经做完了，我们点击 “”启动按钮“进行测试，查看具体的效果，发现按钮可以点击，组合框可以下拉，文本框可以输入字符，两组单选按钮各自工作正常。。。。。。关闭窗口。
4.美观与协调性 尺寸美学观点:黄金分割比例 视觉美学观点：颜色搭配适当 布局美学观点：协调 5.数据准确性 6.独特性 良好的独特性不仅可以吸引客户，还可以达到良好的广告效果。...同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。 2. 选项数较少时使用选项框，相反使用下拉列表框 3. 界面空间较小时使用下拉框而不用选项框。 4....窗体长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。 2. 布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间，且界面可以正常显示，如文字不被截断，元素之间不相互重叠。 3....界面元素[如按钮，字体(通常使用的字体中宋体9-12较为美观)]和主窗体的大小要与界面的大小和空间要协调[如 放置完控件后界面不应有很大的空缺位置]。 5....如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。 8. 对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。 9.
tkinter 根窗体root： 根窗体是图像化应用程序的根控制器，是tkinter的底层控件的实例。...Menu 菜单控件；显示菜单栏,下拉菜单和弹出菜单 Message 消息控件；用来显示多行文本，与label比较类似 Radiobutton 单选按钮控件；显示一个单选的按钮状态 Scale 范围控件；...先虚拟一个二维表格，再在该表格中布局控件实例。由于在虚拟表格的单元中所布局的控件实例大小不一，单元格也没有固定或均一的大小，因此其仅用于布局的定位。pack()方法与grid()方法不能混合使用。...其常用布局参数如下： x,y：控件实例在根窗体中水平和垂直方向上的其实位置（单位为像素）。注意，根窗体左上角为0,0,水平向右，垂直向下为正方向。...relx,rely：控件实例在根窗体中水平和垂直方向上起始布局的相对位置。即相对于根窗体宽和高的比例位置，取值在0.0~1.0之间。
响应式网页设计 根据设备尺寸，自动调整布局，有bootstrap和foundation等 bootstrap没有自定义标签，主要通过css扩展class foundation不兼容旧版本的ie 网格系统...相当于C#UI里面的容器系统，bootstrap对css进行扩展，使用了类似less文件中的变量定义，sacc不仅增加了变量还多了继承、混合、嵌套等功能 布局中必须row包含col，不能单独col...bootstrap再html的display css属性上封装了三种布局方式，使用控件嵌套方式布局，设置宽度最大值和最小值 .container, which sets a max-width at.../config/webpack.config.js设置，scripts文件夹下react-script执行的进程文件 参考：https://www.cnblogs.com/zaifeng0108.../p/7268260.html 安装react-bootstrap（react-bootstrap标签自定义，属性和bootstrap相同） npm install react-bootstrap css
欢迎 点赞✍评论⭐收藏前言Winform控件是Windows Forms中的用户界面元素，它们可以用于创建Windows应用程序的各种视觉和交互组件，例如按钮、标签、文本框、下拉列表框、复选框、单选框、...TableLayoutPanel控件可以自动调整布局，当窗体大小改变时，其中的控件会自动调整到最佳位置。...我们添加了四个按钮控件，并将它们分配到不同的单元格中。在将表格布局控件添加到窗体的Controls集合后，运行应用程序即可看到按钮以网格布局方式出现在窗体中。...以下是使用RowStyles属性的步骤：打开Winform窗体设计器，在工具箱中找到TableLayoutPanel控件并拖拽到窗体上。...Winform窗体设计中，用于布局控件、组件等。
ComboBox 组合框在Tkinter中没有对应的控件，比较类似的只有OptionMenu，类似ComboBox 的Style=2 (Dropdown List)时的表现，一个下拉列表，只能在列表中选择一个值...打开VB6，新建一个标准EXE工程，在窗体上设计自己的GUI布局，这个工作估计没有VB基础的同学都可以完成，同时可以设置相应的控件属性。...启动Visual Tkinter后，先按“刷新窗体列表”按钮，列出当前工程的所有窗体和控件列表。 逐个确认各控件的输出属性，在要输出的选项前打钩，如果必要，可以在属性列表中双击修改属性的值。...布局可以使用百分比定位（相对定位）或绝对坐标定位（按像素定位）， 百分比定位为有一个好处，主界面大小变化后，控件也可以相对变化大小。...的GUI布局和设计，可以在VB界面上设置 控件的一些属性，最终自动生成必要的代码（包括回调函数框架），代码 生成后仅需要在对应的回调函数中增加相应的逻辑功能代码即可。
Native前端技术的Android，IOS App和基于React前端技术的H5和各种小程序应用。...2.1 高效 使用C#、VB.NET语言进行开发 引入容器控件，界面设计更加便捷 绝对和相对布局方式跨平台开发，自适应Android和IOS各式机型 高效 2.2 可扩展性 支持自定义控件，满足多样化开发需求...支持嵌入JS，带来更流畅的用户体验 可集成第三方插件，实现功能可扩展 可扩展性 2.3 可视化 拖拽式可视化设计，更加简单灵活 支持控件自定义样式 绝对和相对布局方式 可视化 3、结尾 从其他号知道这个平台的...如同开发传统Windows平台一样的开发方式，从工具栏拖动控件到窗体中，通过属性设计器设置属性，双击生成事件（类似开发WinForm的方式，使用C#开发Android和IOS的移动应用？...丰富的控件和插件体系。基于上覆盖了移动开发中需要的所有控件，另外可以自定义开发插件，例如指纹、RFID、条码扫描等。 支持绝对和流式布局。可以满足各种界面样式要求。
SelectWidget描点跟随窗体控件，大致的原理就是安装事件过滤器，在生成控件的时候将该控件传入描点跟随控件，自动识别鼠标的位置，按下拉动的距离来改变控件的大小，绘制描点指示器以便用户拉伸使用。...描点跟随控件可设置是否绘制描点、边距、描点颜色、描点尺寸、描点样式 正方形+圆形、选中边框宽度，支持上下左右按键移动窗体，支持delete键删除窗体，支持八个描点改变窗体大小尺寸。...所有控件的属性自动提取并显示在右侧属性栏，包括枚举值下拉框等。 支持手动选择插件文件，外部导入插件文件。 可以将当前画布的所有控件配置信息导出到xml文件。...可以手动选择xml文件打开控件布局，自动根据xml文件加载控件。 可拉动滑动条、勾选模拟数据复选框、文本框输入，三种方式来生成数据应用所有控件。...每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件，6个不可见控件。 部分控件提供多种样式风格选择，多种指示器样式选择。 所有控件自适应窗体拉伸变化。
控件 所谓控件，就是 GUI 图形化界面上的对象，或者说功能元素。比如输入框、文本框、按钮、下拉菜单、滚动条等等，窗体本身也可以认为是一个控件。...如 btn.config(fg="green", bg="yellow") 布局 如果只是简单的用 pack() 方法将控件添加到窗口上，它们将按顺序从上往下的放置。这显然无法满足复杂的需求。...Grid Grid 布局的逻辑在于，将窗口像表格一样划分成不同的格子，将控件放置进去。例如： 当控件数量众多时，这种布局方式更有条理。...btn.grid(row=1, column=0) 顺便提一句，如果你希望可以像 VB 那样所见即所得地设计窗体控件，可以了解下 Visual Tkinter 这个工具。...事件要与特定的控件相绑定，比如按钮有点击事件，输入框有按键事件，窗体有关闭事件等。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
