首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

脑洞真大!这个 CSS 库帮你做汉堡?

大家好,我是鱼皮,今天教大家做汉堡包。 当然不是真的汉堡包,毕竟我们这儿不是美食频道,而是指 HambergurMenu,汉堡包菜单,由于菜单图标的三条横线酷似一个汉堡包,故得其名。...为了让网页更生动,当点击汉堡包菜单图标时,可以给它添加一个小动画。这不,有个国外的大神,专门开发了一个汉堡包菜单 CSS 动画库,库的名称就叫 Hamburgers!...点击菜单图标,即可查看效果,比如点击 Arrow 菜单图标,三条线会自然变化为箭头图标。...class="hamburger-box"> 然后从所有汉堡包风格,选择一款自己喜欢的...rid=17453ede60843d0e04015e05484ef4f5 编程导航 还能发现更多优质编程学习资源,欢迎分享给有需要的同学吧!

1.4K31

脑洞真大!这个 CSS 库帮你做汉堡?

大家好,我是鱼皮,今天教大家做汉堡包。 当然不是真的汉堡包,毕竟我们这儿不是美食频道,而是指 HambergurMenu,汉堡包菜单,由于菜单图标的三条横线酷似一个汉堡包,故得其名。...为了让网页更生动,当点击汉堡包菜单图标时,可以给它添加一个小动画。这不,有个国外的大神,专门开发了一个汉堡包菜单 CSS 动画库,库的名称就叫 Hamburgers!...点击菜单图标,即可查看效果,比如点击 Arrow 菜单图标,三条线会自然变化为箭头图标。...class="hamburger-box"> 然后从所有汉堡包风格,选择一款自己喜欢的...rid=17453ede60843d0e04015e05484ef4f5 编程导航 还能发现更多优质编程学习资源,欢迎分享给有需要的同学吧!

1.3K10
您找到你想要的搜索结果了吗?
是的
没有找到

Zetcode GUI 教程

Qt4 工具包简介 Qt4 实用程序类 Qt4 的字符串 Qt4 的日期和时间 Qt4 中使用文件和目录 Qt4 的第一个程序 Qt4 中的菜单和工具栏 Qt4 的布局管理 Qt4 的事件和信号...wxPython 的拖放 wxPython 图形 创建自定义小部件 wxPython 的应用框架 wxPython 的俄罗斯方块游戏 C# Winforms Mono 教程 Mono Winforms...简介 Mono Winforms 的第一步 Mono Winforms 的布局管理 Mono Winforms 中的菜单和工具栏 Mono Winforms 的基本控件 Mono Winforms...PHP GTK 教程 PHP GTK 简介 PHP GTK 的布局管理 PHP GTK 的小部件 PHP GTK 中的菜单和工具栏 对话框 Cario 绘图 自定义小部件 Nibbles C#...JRuby Swing 的组件 菜单和工具栏 JRuby Swing 的对话框 JRuby Swing 绘图 JRuby Swing 的 Nibbles Visual Basic Winforms

2.4K40

【说站】文本编辑器Notepad2 v4.22.05绿色版

-mod 主要特点 1、自定义语法高亮,支持HTML, XML, CSS, JavaScript, VBScript, ASP, PHP, CSS, Perl/CGI,C/C++, C#..., Java, VB, Pascal, 汇编, SQL, Python, NSIS,INI, REG, INF, BAT,DIFF等众多脚本文件; 2、支持ANSI,Unicode,UTF-8等编码互换...; 3、可以设置无限个书签(9种图标可换)轻松定位; 4、空格,制表符彩色显示,并可互相转换; 5、可以对任意的文本块进行操作,ALT键+鼠标; 6、对括号{}〔〕()可以高亮配对显示...,方便查看(仅对英文符号有效); 7、可以自定义代码页和字符集,对中文支持良好; 8、使用标准的正则表达式搜索和替换; 9、可以使用半透明模式,cool; 10、快速放大、缩小页面.../替换记事本步骤:菜单->设置->高级设置->系统集成 隐藏资源 https://xiaogao.lanzoux.com/b0cwcz9kb

60420

Tiled源码分析(一): GUI编辑和布局

Qt 不用不知道, 其实传统的Qt Widgets用起来跟WinForms非常像, 甚至Qt Quick的特性跟WPF有的一拼 想当初强烈地想用C#, 很大部分原因是WinForms那个可视化GUI编辑器比较吸引人...仔细观察发现, 工具栏上的按钮只有固定几个, 好多窗口也没有.ui里找到 虽说很多人会鄙视可视化的UI编辑器, 但是不得不说, 有些地方的确很方便, 但所有界面都依赖这个就份了 因为从架构设计的角度来讲..., 越抽象, 其实就离UI编辑器越远 我想这也是Tiled的一些功能模块窗口没有使用设计器的原因 .ui文件与C++类之间的关系就不说了, 之前都用过 功能面板 通过Tiled截图来看, 其它功能窗口布局都很简单..., 而且都是Dock Window 所以代码可以看到它们都从QDockWidget派生的 ?...菜单和工具栏命令 这里也是基于Qt比较不错的的QAction, 比MFC的ID方式强太多了. 工具栏那些没在Designer中出现的按钮是跟操作/插件功能相关的, 后续再分析

1.2K90

如何在.NET电子表格应用程序创建流程图

前言 流程图是一种常用的图形化工具,用于展示过程事件、决策和操作的顺序和关系。它通过使用不同形状的图标和箭头线条,将任务和步骤按照特定的顺序连接起来,以便清晰地表示一个过程的执行流程。....NET WinForms 创建流程图 .NET WinForms 创建流程图可分为以下8个步骤: 设置.NET WinForms 项目 启用增强形状引擎 将形状添加到电子表格流程图 将文本添加到形状...这可以通过代码或设计器来完成。...Spread 的设计器支持使用上下文菜单和/或工具栏的“组对象”按钮将形状分组在一起。...操作步骤如下方动图所示: 8. .NET WinForms 应用程序中保存并显示流程图 设计完流程图之后,就可以将设计器的电子表格应用到 WinForms 应用程序了。

19620

老外对中国式App设计趋势的分析:中国移动应用设计趋势解读

App的层级菜单、级联以及底部标签栏图标末端,它们无处不在。如果一款应用过了段时间没有使用,再次打开时闪现的“小红点”就会亮瞎你的眼。 “小红点”提示: A.标记的地方已有加载好的新内容。...“发现”成为新的汉堡包菜单 (译者注:汉堡包菜单即我们常说的“三道杠”,因为长得像汉堡包得名。见下图:) 美国的App标准化了几种方式来组织他们未归类的项目(如设置和帮助)。...它们往往最右边(三个点的省略号图标)的“更多”选项卡或者汉堡包菜单里,Facebook的案例, 则出现在一个汉堡包图标表示的“更多”选项卡。 中国的App有时也这样使用“更多”。...动态表情和符号 Emojis大规模普及之前,笑脸表情大多数西方的应用程序是直接使用传统的文本来进行拼合而成【 译者注:常见的文字表情 :) 】,能使用的大概有15个左右。...7.定位,定位,定位 应用程序从来都不羞于询问你是否允许定位你当前的位置,他们常常通过各种方式来让你使用它,无论是界面中出现的会自动填充“选择你的城市”下拉菜单还是天气功能。

1.7K120

WINDOWS核心编程--Windows程序内部运行机制

现代的桌面应用基本上很少使用原始的 Windows API 进行开发了,因为使用原始 API 堆砌出来的应用代码逻辑非常繁琐,特别是窗口消息的处理非常不方便,大多数直接使用 C# 或者 QT 这种跨平台的开发库...窗口通过句柄识别:HWND 创建各种资源的时候也会返回他们的句柄:图标句柄HICON,光标句柄HCURSOR 消息与队列 系统反过来调用用户进程---------这个调用通过–消息—实现 事件驱动设计程序...要在 VC++ 开发环境向应用程序传递参数,可以单击菜单 【 Project 】→【 Settings 】,选择“ Debug ” 选项卡,“ Program arguments ”编辑框输入你想传递给应用程序的参数...0即可 第五个hInstance —窗口过程的实际句柄 第六个 hIcon 图标句柄 VC++开发,自定义菜单图标被命名为.rc----------资源脚本 VC++,资源是通过标识符ID来识别的...一个应用程序打开Unicode AFXAPI MFC提供的函数 CALLBACK 通过指针回调的函数 库标识符命名法: 标识符&值和含义 u ANSI(N)或Unicode(U) d 调试或发行

1.4K50

windows 桌面GUI自动化-1. pywinauto 环境准备

windows上受支持的有两种: Win32 API (backend= “win32”) ,默认的backend, MFC、VB6、VCL、简单的 WinForms 控件和大多数旧的遗留应用程序 MS...位于 SDK 安装路径的 \bin\\文件夹。...它可以单独复制出来,放在桌面使用。 “ 检查” 窗口包含几个主要部分: 标题栏。显示“ 检查 ”窗口句柄 (HWND) 。 菜单栏。提供对检查功能的访问权限。 工具 栏。提供对检查功能的访问权限。...将 UI 元素的分层结构呈现为可用于元素之间导航的树视图控件。 数据视图。显示所选 UI 元素的所有公开辅助功能属性。 菜单可用的命令也工具栏中提供。...下图显示了检查查询记事本“编辑”菜单元素的UI 自动化属性。

74930

Cefsharp_ceph nfs

JS调用C#方法 0. 简介 CefSharp,简单来说就是一款.Net编写的浏览器包,方便你Winform和WPF内嵌的Chrome浏览器组件。它支持HTML5。...安装 CefSharp的安装过程如下: 打开Visual Stduio,新建一个Windows窗体应用(.NET Framework); “工具”菜单打开NuGet包管理器; 搜索“CefSharp.WinForms...从理论上来说使用x86或者x64平台都行,但由于之后要使用编译好的支持h264的x86内核,因此此处选择x86平台; Form1.cs 添加如下代码; using CefSharp; using...执行JavaScript代码 如果需要通过程序控制网页的显示、流程,最明显的方法莫过于执行JavaScript代码了。特别是如果使用Vue.js框架,那么通过JS可以实现“模板渲染”的功能。...JS调用C#方法 C#编写如下代码:(注意中文注释的部分) 以下是同步执行的演示,即JS会阻塞等待C#执行完再继续执行。

1.5K10

盘点8个.Net开源项目

当然了,当前性能还不是很好,但是该团队还持续优化、调整,相信后面会越来越好。...3、一个支持WinForms换肤的开源组件 这是一个支持自定义WinForms窗口、控件颜色、禁用状态、动画效果的皮肤组件。...支持的组件有:多选框、分割线、按钮、文本框、单选按钮、输入框、Tab控件、右键菜单、列表、进度条。 组件只能一键统一更换,不能随意自定义设置主题,有更多需求的,可以根据源码自行修改。...6、推荐一个Excel与实体映射导入导出的C#开源库拖 这是一个C#开发的、用于将Excel文件映射为对象模型的开源工具,同样可以轻松将对实体对象存储为Excel格式文件。...7、一个高性能、低内存文件上传流.Net组件 一个基于 .NET 平台的开源项目,提供了一个简单易用的 API,可以 Web 应用程序快速集成文件上传功能。

29040

从零开始搭建一个GIS开发小框架(五)——GMap.Net组件WPF版使用体验

1 使用情况介绍 Introduction to test 现在windows平台的开发越来越流行WPF,我发现GMap.Net也有WPF版本,就跟风尝试了一下,只能说泪流满面,原本GMap.Net.Winforms...版本里使用很方便的方法和属性,WPF版本里都没有了,很多方法都只能自己硬写代码实现。...加载高德在线地图 加载OpenCycleMap离线瓦片地图 CGCS2000坐标转WGS84坐标 添加自定义图标的标记点 绘制多边形,多边形对象实现双击事件和右键菜单功能,实现多边形对象带属性和属性传值...1 GMapOverlay类取消 WPF里没有了GMapOverlay,所以无法创建一个polygonAuxiliaryLinelay层用于绘制多边形辅助线 //winforms版本 public GMapOverlay...赋一样的值,将多边形polygon的唯一标识ukey传递给Polygon_MouseRightButtonDown方法,方法里通过找polygon.Tag=Uid的方式找到polygon对象,后续就可以进行相应的业务层操作了

1.1K20

Build 2018大会:.NET概述和路线图

发布的时候,.NET Core 2.1工具性能将比现在快10倍。实际上,你还可以继续使用.NET Core 2,然后通过使用.NET Core 2.1工具获得性能的提升。...但是由于.NET Core中有并排支持,这些需要使用WinForms的应用程序可以和其他对于.NET Core的使用分开。...同时,也会在Test Explorer添加进度图标。 有关Web开发方面,15.8版本中将会大大改善Razor formatting和Razor文件的重构。...C# 7.2、EditorConfig和.NET Core 2.1 RC也将被支持。可以预览Team Foundation Version Control。两款IDE都使用相同的代码库。....NET与机器学习 Azure Cognitive Services是预先构建的机器学习模块,开发人员可以直接使用。可以通过代码的REST API使用视觉、语音和语言的模块。

1K10

盘点下5个Winform UI开源控件库

这对于初学者来说非常友好,通过这些示例就可以快速上手使用。...项目地址: https://github.com/Taiizor/ReaLTaiizor 2、支持换肤的开源组件 项目简介 这是一个支持自定义WinForms窗口、控件颜色、禁用状态、动画效果的皮肤组件...个人使用是免费的,企业商业用途需要授权。...UI框架 1、主题:包含16个主题; 2、国际化:UI控件默认是中文,可以自定义其他语言; 3、字体图标:自定义按钮图标; 4、控件:每个控件都内置了常用属性,以便自定义; 5、窗体:普通窗体、登录界面窗体...项目地址: https://github.com/yhuse/SunnyUI 4、一套丰富的UI工具包 项目简介 Krypton是一套开源的.Net组件,用于快速构建具有丰富UI交互的WinForms应用程序

56210

Windows 10内部的23个隐藏技巧

所有这些选项都可以通过标准菜单界面使用,但是您可以通过此文本界面更快地访问它们。 显示桌面按钮 ? ? 该桌面按钮实际上可以追溯到Windows 7,但是仍然很方便。桌面的右下角是一个秘密按钮。... “设置”>“个性化”>“任务栏”>“使用窥视”预览桌面 选择您的偏好 。 抖动 ? 该功能实际上Windows 7首次亮相,但是我发现很多人不知道或不使用它(但是他们应该-很酷!)。...Windows 10,Microsoft最终提供了对 虚拟桌面 的开箱即用访问权限 。因此,现在您可以 真正执行 多任务了。 要尝试,请单击“任务视图”(Windows菜单右侧的图标)。...解锁Kaimoji和符号 ? 点击 Windows Key-Period(。) ,弹出右下角的表情符号菜单,由Unicode字符构建的“ Kaimoji”字符以及各种其他符号。...,弹出右下角的表情符号菜单,由Unicode字符构建的“ Kaimoji”字符以及各种其他符号

4.1K30

Visual Studio 2019 16.1 更新摘要

可以通过“工具”>“选项”>“IntelliCode”来启用对 C++ 和 JavaScript/TypeScript 的支持 我们添加了每监视器感知功能的支持。 新codefixes可用于C#。...大多数最近使用已添加到 Visual Studio 搜索。 调试器 源链接已实现身份验证的改进。 我们已添加到默认符号服务器的列表的 nuget.org 符号服务器。...扩展性 我们已在 VSIX 项目 (BuildTools 更新) 删除需要.resx 文件。 VSIX 项目模板现在使用新的 SDK 版本。... Visual Studio 以本机方式将适用于 Linux 的 Windows 子系统和 C++ 结合使用,并将 AddressSanitizer 用于 Linux 项目和 WSL.。....NET 新.NET 效率功能包括项目和解决方案,单击一次代码清理新切换块注释键盘快捷方式,重构将类型移动到其他命名空间。 现在可以通过开始窗口中的克隆屏幕从 SSH URI 克隆代码。

5.7K40

有小伙伴问:上位机用QT还是winformwpf好?

它们利用.NET平台的强大生态系统和C#编程语言,提供了丰富的第三方库和组件,适用于需要与.NET集成和充分利用其功能的项目。...Qt的优点: - 跨平台支持:Qt是一个跨平台的开发框架,可以多个操作系统上运行,如Windows、macOS、Linux等,因此适用于开发跨平台的上位机应用程序。...- .NET生态系统:作为.NET平台的一部分,WinForms和WPF可以利用.NET生态系统丰富的第三方库、组件和工具,提供更多的扩展和功能。...- C#编程:使用C#语言进行开发可以提高开发效率,尤其是对于熟悉C#和.NET的开发人员。...如果只windows下运行,并且想要做出漂亮的界面吸引客户,快速迭代开发winform/wpf还是不错的选择。

54030

ActiveReports 报表应用教程 (1)---Hello ActiveReports

葡萄城ActiveReports报表应用教程的主要目的是向大家展示,应用系统如何通过 ActiveReports 完成各种报表系统的需求。...本示例演示了表格控件嵌套使用波形图控件来显示每月销售明细趋势,以及使用数据条控件和图形控件来显示全年销售业绩的完成情况。 ?...5、报表皮肤设置 葡萄城ActiveReports报表,可以设置报表不同控件的样式,然后把这些样式保存到一个外部的XML文件当中,供其他报表使用。...第二步: Visual Studio 添加 ActiveReports V11 SP2 报表模板 ActiveReports 支持 WinForms、ASP.NET、ASP.NET MVC、Silverlight...打开 VS2013 并创建一个 ASP.NET 应用程序类型的项目,项目文件上右键并选择添加 –> 新建项,在出现的添加新项对话框,选中已安装的模板下的 Visual C# 节点,此时,你可以看到

2.9K60
领券