sidebar

Qt高仿电脑管家界面(一):项目开发介绍

萝らか妹 提交于 2020-04-11 10:05:36
最近用Qt模拟实现了电脑管家界面,只有简单的界面跳转操作,没有具体功能。 界面如下: 这个做起来也不难,就是界面跳转,用Qt做的话几个控件就可以搞定。主要是那些文件安全监测功能不好做。2010左右发生了3Q大战,那时QQ差点就消失了,但也促使腾讯研发了自家的安全软件。 Qt设计器中的界面是这样的: 左边是一个列表控件QListWidget, 点击时列表项时更新不同的界面。各个主要的“杀毒界面”是 QStackedWidget, 添加了5个子页面。最后一个列表项是按钮功能,点击时跳转到电脑管家的帮助页面。界面控件用qss做了渲染。主窗口去了边框,关闭,最小化是用按钮贴图重做的。代码不难,都是常规代码,下面稍作介绍: 1 界面处理 把主窗口的边框去掉了,此时窗口无法移动,需要鼠标移动事件, //去掉边框 this->setWindowFlags(Qt::FramelessWindowHint); //设置窗口固定大小,无法拖 来源: oschina 链接: https://my.oschina.net/u/4266314/blog/3228890

HTML标签的命名/CSS标准化命名大全

狂风中的少年 提交于 2020-04-07 11:02:21
本文转载于: 猿2048 网站➭ HTML标签的命名/CSS标准化命名大全 在一个内容较多的HTML页面中,需要设计许多不同的框架,再为这些不同的框架及内容进行分类,给予相应的名称,从而使得网页结构更加清晰,也为工作提供了方便。许多新手朋友在设计一个HTML文件时,可能只会依据自己的想法随便给一些简单的名称,但若是一味的乱起名称,不仅会让团队的伙伴看不明白,还会导致标签名称混乱,这样会使得代码维护十分困难,是非常不利于管理的。所以我们在设计整个网站,还是一个单独的HTML页面,都应该要有良好的命名规则。在本文中,主要讲解 CSS命名规则 ,这也包括了对 HTML标签命名 。 文件名称必须由英文字母开头,通常命名的规则是根据内容的分类和框架的类型翻译成英文单词来命名,例如:div id="nav"(表示为这个div是个导航条),所有单词应当用小写字母,名称中可以使用数字,或下划线,例如:div="main_piclist"(表示主要内容下的图片列表)、div="nav_bg.jpg"(表示导航条的背景图),还可以使用中划线进行名称之间的连接,例如:div="main-left"(表示左侧内容的布局)所有命名要尽量避免使用中文字符,要以最少的字母达到最容易理解的含义,除非一看即懂,否则尽量不缩写。 HTML标签的命名/CSS标准化命名大全 页面结构命名 page:代表整个页面

pyqt控件用法(六):QListView详细用法

随声附和 提交于 2020-04-06 10:37:53
像歌曲列表,文件列表,这种可以用QListView实现,例如,下面的结果: 代码如下: from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QListView, QMessageBox from PyQt5.QtCore import QStringListModel import sys class ListViewDemo(QWidget): def __init__(self, parent=None): super(ListViewDemo, self).__init__(parent) self.setWindowTitle("QListView 例子") self.resize(300, 270) layout = QVBoxLayout() listview = QListView() listModel = QStringListModel() self.list = ["列表项1","列表项2", "列表项3"] listModel.setStringList(self.list) listview.setModel(listModel) listview.clicked.connect(self.onClickedListView) layout.addWidget(listview)

老板让我十分钟上手nx-admin

家住魔仙堡 提交于 2020-03-12 11:19:34
大体流程 参考资料: nx-admin项目地址 首先这里就不讲解vue和vuex之类的基础东西了 有兴趣的可以去官方文档了解。这里根据流程走向大概说说 路由配置 首先找到路由配置,路由配置放在了 src/router/index.js 路由配置里暴露了两个常量 一个是 constantRouterMap 另外一个是 asyncRouterMap 这里先说说 constantRouterMap 。 nx-admin的权限验证大概是 1 默认大家都能访问的页面,不需要权限, 都访问的页面定义为 constantRouterMap 2 需要登录或者需要权限的页面路由定义为 asyncRouterMap 根据后台获取到用户信息role(权限)的不同来动态加载asyncRouterMap中meta.role的权限对应的页面 登录成功后做的事情 点击登录以后 左侧的侧边栏有导航列表。 这里提出两个疑问? 根据路由配置说的 动态加载对应的权限路由 那么侧边栏那么多路由 肯定不能写死吧? 我点击登录后 那些登录流程怎么走的?用户权限存在哪里?token在哪里? 侧边栏的动态渲染 根据问题1来回答 首先我们找到layout也就是 src/views/layout/Layout.vue , 因为在路由配置文件我们看见 asyncRouterMap 中好多组件的父组件都是 Layout 在 Layout

导航界面工具哪家强?QtitanNavigation v2.0.4帮你忙

╄→尐↘猪︶ㄣ 提交于 2020-02-28 03:29:52
QtitanNavigation 组件模拟Microsoft Dynamics CRM-2016 / Office 365导航界面和一组控件,来改善Qt.C ++应用程序的用户体验。QtitanNavigation结合用户界面构建“Ribbon UI”和“Side Bar”的各种示例,可以更好地在您的应用程序中导航,使用户更直观地访问应用程序的某些部分。因此,它允许同时显示更多的信息,并让您高效地查看所有实体(工作区域,网格或其他项目),滚动次数更少,点击次数更少。与我们的其他解决方案一样,QtitanNavigation允许您创建企业级应用程序,而不用考虑在Windows,Linux和MacOSX中的环境或向后兼容性。 QtitanNavigation v2.0.4正式版下载 NavigationBar - 使用新的导航栏,更容易、更快捷的查找您所需要的信息。通过与QMenuBar类比,位于应用程序主窗口的顶部。它可能包含许多带有图标或任何小部件(QWidget)的导航按钮。 NavigationMainMenu - 与NavigationBackstageMenu一起,它是一个新的垂直堆叠的导航结构。NavigationMainMenu包含一组可以与下级低级菜单关联的全局图块,或者只与任何用户操作(像一个简单的按钮一样)关联。 NavigationBackstageMenu -

laravel模板继承中yield和section的区别

我的未来我决定 提交于 2020-02-26 10:41:21
laravel模板继承中,常用的两种方式即为yield和section. @section('sidebar') 这是 master 的侧边栏。 @show section命令正如其名字所暗示的一样是用来定义一个视图区块的,其中往往还有内容,模板继承的时候 yield指令是用来显示指定区块的内容的 当子页面继承布局之后,即可使用 @section 命令将内容注入于布局的 @section 区块中 sidebar 区块利用了 @parent 命令追加布局中的 sidebar 区块中的内容,如果不使用则会覆盖掉布局中的这部分内容。 @parent 命令会在视图被渲染时替换为布局中的内容。 ------------------------- 这篇文章主要介绍了Laravel模板引擎Blade中section的一些标签的区别介绍,本文讲解了 @yield 与 @section 、 @show 与 @stop 、 @append 和 @override 的区别,需要的朋友可以参考下 Laravel 框架中的 Blade 模板引擎,很好用,但是在官方文档中有关 Blade 的介绍并不详细,有些东西没有写出来,而有些则是没有说清楚。比如,使用中可能会遇到这样的问题: 1. @yield 和 @section 都可以预定义可替代的区块,这两者有什么区别呢? 2. @section 可以用

Chrome.experimental.sidebar gone?

佐手、 提交于 2020-02-02 11:37:30
问题 Does anybody know anything about chrome.experimental.sidebar namespace? Is it still available? Is it going to be removed? Anything? It's not available in the Google Chrome Extensions documentation anymore. Do you know anything about availability of sidebars in Google Chrome? 回答1: You can see all relevant information in the corresponding Chrome bug. To quote comment 41: The sidebar's on ice for now. We're going to go through an API prioritization exercise near the end of the year to figure out

Angular Material Side Bar with “Half” side mode

限于喜欢 提交于 2020-01-31 09:05:32
问题 I am working on the dynamic side bar for our project, basically what we want to do is to set up a dynamic side bar when user click on the side bar it will spread when user click back sidebar should collapse and show only icons (but not totally collapse it will keep the icons) for example before user click the icon. We are using sidenav.toggle()from angular material function which basically closes the sidebar completely and if I don't use toggle() function "Side" mode for navbar does not work.

Angular Material Side Bar with “Half” side mode

 ̄綄美尐妖づ 提交于 2020-01-31 09:05:13
问题 I am working on the dynamic side bar for our project, basically what we want to do is to set up a dynamic side bar when user click on the side bar it will spread when user click back sidebar should collapse and show only icons (but not totally collapse it will keep the icons) for example before user click the icon. We are using sidenav.toggle()from angular material function which basically closes the sidebar completely and if I don't use toggle() function "Side" mode for navbar does not work.

How to create a sidebar with 2x3 grid next to it

走远了吗. 提交于 2020-01-25 06:40:06
问题 I want to create a sidebar and a grid that has 2 rows and 3 columns (beside the sidebar). I already have a nav bar and a footer (just a layout, links are not supposed to work) I have no idea how to create that sidebar and main content grid with flexbox. Oh and the superman logo: I can't center it vertically for some reason. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>web1</title> <link rel="stylesheet" href="style.css"/> </head> <body> <div class="menu-container">