原来Winform也能做出精美的侧边菜单栏

2024-08-28

实现一个简单的侧边导航Winform程序框架

目录简介实现导航面板实现方法使用方法实现标题栏窗体拖拽及最大化自定义窗体按钮标题显示按钮设置实现状态栏整体使用参考文章简介每次新项目都要想着界面怎么设计好,但想来想去上位机界面就那几种,按照导航方式可分为:菜单工具栏导航.汉堡包导航.侧边导航等.我用的最多的是侧边导航,导航菜单一般只有一级(最多二级),三级导航菜单基本很少用到. 本文实现一个简单的侧边导航Winform程序框架,以后开发项目可以直接用,话不多说上图: 整个程序界面分为上.中.下三个区域,分别是: 标题

【转】 iOS 两种方法实现左右滑动出现侧边菜单栏 slide view

原文: http://blog.csdn.net/crayondeng/article/details/9057637 --- 关于评论中,很多网友都是需要这部分的相关源码,其实在我上传的新浪微博小程序中,就用到了这个内容,而且是采用自己代码实现的方式,有需要的朋友自己点击这个链接进行下载吧!点击打开链接现在很多的APP中都有slide view,左右滑动出现侧边菜单栏的功能,Weico这个应用就有. 网上有很多第三方的类库实现了这种效果,其实自己代码写的话也是很简单的,下面我将介绍两

iOS 两种方法实现左右滑动出现侧边菜单栏 slide view

现在很多的APP中都有slide view,左右滑动出现侧边菜单栏的功能,Weico这个应用就有. 网上有很多第三方的类库实现了这种效果,其实自己代码写的话也是很简单的,下面我将介绍两种方法实现slide view.---- 一种是用第三方类库IIViewDeckController这个类库实现的效果比起其他的都好,另一种是自己代码实现这种效果,效果还ok. 实现方法一(使用第三方库IIViewDeckController): https://github.com/Inferis/ViewD

swiper伸缩侧边菜单栏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximu

用css和js实现侧边菜单栏点击和鼠标滑动特效

1点击效果: 2关键代码: css: #div{ display:inline-block; width:100px; height:150px; border-radius: 5px; blackground-color:#fdfcf8; } #ul{ list-style: none; padding:0px; margin:0px; } #ul li{ display:block; height:30px; text-align:center; } #ul li a{ display:bl

NanUI for Winform发布，让Winform界面设计拥有无限可能

如今,尽管WPF.UWP大行其道,大有把Winform打残干废的趋势.但是还是有那么一波顽固不化的老家伙们固守着Winform,其中就包括我. 好吧,既然都说Winform做得软件不如WPF界面美观效果绚丽,那么我们就找一个方法让Winform也拥有漂亮的界面.DevExpress和ComponentOne都是不错的选择,Telerik虽说是做Asp.net组件出生的,但是他家的UI for Winform做得也很不错.稍等,那问题来了,这些组件收费昂贵不说,而且是年付,起价都得几百美刀.对于我

iview可收缩侧边菜单实现（支持二级菜单）

想用iview做一个可以伸缩的侧边菜单栏,效果如下: 1.侧边栏收缩前:可以通过点击菜单分类展开子菜单项: 2.可以让用户点击图标动态收缩菜单栏: 3.侧边栏收缩后:只显示菜单分类的图标,鼠标放置在菜单分类上后右侧展示子菜单项目. 一.初探仔细看了iview的菜单组件,菜单组件本身不支持伸缩(element UI.antd是有现成组件的),看了一下layout组件(https://www.iviewui.com/components/layout)可以实现动态收缩侧边栏(侧边

用Qt写软件系列三：一个简单的系统工具之界面美化

前言在上一篇中,我们基本上完成了主要功能的实现,剩下的一些导出.进程子模块信息等功能,留到后面再来慢慢实现.这一篇来讲述如何对主界面进行个性化的定制.Qt库提供的只是最基本的组件功能,使用这些组件开发出来的软件基本上个性可言.如果开发的产品只讲究实用性,那么UI体验尚可搁置一边.如果要面向客户推广部署,那么改善一下UI视觉效果对于产品的推广也会有莫大的帮助.闲话不多说.先来对比一下界面个性化定制前后的效果: 先不说界面美化之后,界面有多绚丽.震撼人心.但是,突出产品主题.彰显个性这块倒是不折不

程序猿必备的10款web前端开发插件一

1.CSS3实现的火柴燃烧Loading加载动画这次我们要给大家分享一款非常特别的CSS3 Loading加载动画,整个Loading加载动画就好像是火柴在燃烧一样,不足的是火苗并没有那么真实,比较抽象,不过这款Loading动画还是比较富有创意,非常适合在一些个性化的页面上使用. 在线演示源码下载 2.纯CSS3精美样式的飘带特效还记得之前我们分享过一些基于CSS3的飘带样式菜单吗?比如这款CSS3 飘带菜单超酷3D CSS3菜单和CSS3飘带状3D菜单菜单带小图标.今天我们要给大家

UI设计学习路线图

文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号这里整理的UI设计学习路线图包含初中高三个部分,你可以通过百度云盘下载观看对应的视频链接: http://pan.baidu.com/s/1nuUuHXR 密码: p595 好东西岂能独享,欢迎分享到你的朋友圈,推荐给更多的朋友.欢迎关注公众号,订阅视频更新,好视频岂容错过. step01初级教程打造会代码的全能设计师成长之路打造会代码的全能设计师成长之路(15G)... Illustrator设计视频教程本课程通过模拟

几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比

AJAX是web2.0的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架? 让我们来想想选择AJAX框架的基础: 你的项目需求(即你需要哪些特性,例如是否要求做出精美的界面.特效或其它功能)是否支持A等级的浏览器(IE, Firefox等)?文档的质量:是否完善(包含教程,API,代码示例等)框架的可扩展性如何?为框架写插件容易吗?你是否喜欢它的API的风格?能大多程度上统一你的JavaScript

(转)2018几大主流的UI/JS框架——前端框架 [Vue.js(目前市场上的主流)]

https://blog.csdn.net/hu_belif/article/details/81258961 2016年开始应该是互联网飞速发展的几年,同时也是Web前端开发非常火爆的一年,Web 前端技术发展速度让人感觉几乎不是继承式的迭代,而是一次次的变革和创造.这一年中有很多热门的前端开发框架,下面源码时代web前端培训小编为大家总结2016年至今最受欢迎的几款前端框架. 在这互联网飞速发展的信息时代,技术的更新迭代也在加快.目前看来,火了十几年的Java技术现在仍然是棵常青树.回想两年

H5多媒体

Video <video width="500px" controls="controls"> <source src="test.ogg" type="video/ogg" /> 你的浏览器不支持video </video> 控件是可以隐藏的,可以自定义控件 <button onclick="playPause()">播放/暂停</button>

10个最新手机美食APP界面设计欣赏

移动软件时代,简单下载美食app,动动手指,滑动几下手机屏幕,即可足不出户,搜索,预定和购买各路美食.然而,对于作为手机app UI 界面设计师的你来说,最大的问题并不在于如何使用这些美食软件来方便生活,而是在于如何才能为各类餐厅,酒店,咖啡馆,水果以及饮料店设计出美观,舒适且简单易用的手机美食App,对吧?但是,已然为正在做的美食App UI设计方案冥思苦想数小时或数天,却任然毫无头绪?究竟如何才能获得灵感设计出让人眼前一亮的美食App呢? 以下为大家介绍10个最新优质美食app UI 界面设

不得不存！UI设计新手不可错过的7条实用法则

http://www.gameres.com/316761.html 本文编译自 Medium,作者是一位UX(User Experience, 用户体验)设计师,他通过自己学习UI设计的过程,总结出7条实用的法则,为UI设计新手提供了宝贵的经验. 序言首先,明确一点,这篇文章并不是为所有人准备的,而是有特定的目标读者: 想要在开发产品时设计出好看UI的开发者. 想要让自己作品集更出彩的UX设计师,或者是想要做出更精美的UI和UX的设计师. 如果你是学艺术的学生或者已经是 UI 设计师了,你可能

借鉴一些关于js框架的东西

八款Js框架介绍及比较,Dojo .Scriptaculous .Prototype .yui-ext .Jquery .Mochikit.mootools .moo.fx,componentartui (转载) Extjs 与 JQuery 1.Turbomail(www.turbomail.org)下一版本决定用Extjs + jquery 开发.2.JQuery 提供了方便的对网页元素操作方法,但不提供基本控件,如:Tab,Grid,Muen 等,Extjs 是一套完整的控件库,Ex

Qt样式表之三：实现按钮三态效果的三种方法

按钮的三态,指的是普通态.鼠标的悬停态.按下态.Qt中如果使用的是默认按钮,三态的效果是有的,鼠标放上去会变色,点击的时候有凹陷的效果. 但是如果自定义按钮实现三态效果有三种方法,一种是设置背景图,主要是需要自己设计按钮的效果图,另一种是通过样式控制不同状态下按钮的显示效果,还有一种是通过qss文件实现. 方法一:设置背景图方式 1.1 添加背景图先使用PS或其他图片工具设计按钮的背景图,然后在工程里添加背景图,将下面两张图片添加进去,具体过程这里不再介绍. 下面是普通态的背景图,用了同一张背

WPF学习笔记——没有前途的WPF

看上去,WPF比silverlight有前途一点.毕竟,微软还没有宣布,WPF停止更新. 但我怀疑,不久的将来,WPF也会步其子集silverlight的后尘,要么不再出后续版本,要么向HTML5 + CSS3转型. WPF主要负责UI.虽然只要我们愿意,也可以像WINFORM那样,做出很强的逻辑处理程序,但其本意,只在于负责界面工作,有逻辑处理,也是跟界面有关.写WPF程序,一般会倾向于遵循MVVM模式吧. 这种思想挺不错,问题在于,WPF自己搞了一套界面定义语言:XAML. 多么复杂的一套东

Rpg maker mv角色扮演游戏制作大师简介

目录 1:简介 2:基本图片展示 3.和js等平台的合作 @(这里写自定义目录标题) 1:简介 <RPG制作大师MV>为<RPG制作大师>的新版本,于18年11月27日登陆任天堂NS平台,可以使一个不懂编程的人也能做出精美的 RPG 游戏来.在我初中的时候玩过Rpg maker觉得还不错,制作角色扮演游戏特别方便. 官网. 2:基本图片展示 3.和js等平台的合作可以借助html5+JavaScript,将制作的游戏部署到PC端,Android端,IOS端.通俗来讲,

CSS、Bulma介绍

文章目录一.序章二.CSS 基础 1. CSS 介绍 2. CSS 语法 3. CSS常用元素 1.颜色 2.字体大小 3.宽高 4.盒模型(单独拿出来讲) 5.背景 4.1样式和内容分离 4.2CSS基础选择器(HTML\CSS元素关联) 1. id .对有id="hello"的div,在css中用#hello{ }注释 2.自定义class .对有class="bmatch"的div,在css中用.bmatch{ }注释 3.元素 . 对单纯的div,用di

python_way day16 JQuary

python_way day16 JQuery 封装dom js代码 jQuery(1.10,1.12-兼容性好,2.0.以后放弃了ie9以下) - 封装了Dom & JavaScript 查找: 1.选择器:直接找到弄一个或者某些标签 2.筛选器:找到标签进行筛选操作: css 属性文本操作定义事件: 找到标签,绑定事件. 一.查找 1,筛选器 #id 地选择器标签选择器 class选择器 * 所有组合选择器:#i1,#i2,#i3 层级选择器:#i1 .c1 到i1标签的子子孙孙里

原来Winform也能做出精美的侧边菜单栏

热门专题