半成品布局！
This commit is contained in:
liyp
parent
daecefd5c1
commit
2e5778fcab
15 changed files with 770 additions and 49 deletions
78
main/main.py
78
main/main.py
|
|
@ -1,10 +1,78 @@
|
|||
import os
|
||||
import sys
|
||||
|
||||
from PyQt5.QtGui import *
|
||||
from PyQt5.QtWidgets import *
|
||||
from PyQt5.QtCore import *
|
||||
import os, sys
|
||||
from PyQt5.QtCore import Qt
|
||||
|
||||
from utils.QSSLoader import QSSLoader
|
||||
from view.UserLabel import User
|
||||
from view.SelfListWidgetItem import SelfListWidgetItem
|
||||
|
||||
|
||||
class MainWindow():
|
||||
class MainWidget(QWidget):
|
||||
def __init__(self):
|
||||
super(MainWidget, self).__init__()
|
||||
self.user_label = User()
|
||||
# 主布局，左右两侧
|
||||
layout = QHBoxLayout()
|
||||
# 子布局,左边的部分
|
||||
self.sub_layout = QVBoxLayout()
|
||||
self.sub_layout.spacing()
|
||||
self.sub_layout.addWidget(self.user_label, 1)
|
||||
# 左侧列表
|
||||
self.system_listWidget = QListWidget(self)
|
||||
self.sub_layout.addWidget(self.system_listWidget, 2)
|
||||
|
||||
# 可自定义添加的listWidget
|
||||
self.self_listWidget = QListWidget(self)
|
||||
self.sub_layout.addWidget(self.self_listWidget, 7)
|
||||
# 右侧层叠窗口
|
||||
self.stackedWidget = QStackedWidget(self)
|
||||
|
||||
layout.addLayout(self.sub_layout, Qt.AlignJustify)
|
||||
|
||||
layout.addWidget(self.stackedWidget, 2)
|
||||
|
||||
self.one_day = SelfListWidgetItem('我的一天', 1, os.getcwd() + '/../images/sun.svg')
|
||||
self.self_listWidget.setCurrentRow(1)
|
||||
# self.one_day.setSelected(True)
|
||||
self.important = SelfListWidgetItem('重要', 0, os.getcwd() + '/../images/star.svg')
|
||||
|
||||
self.setLayout(layout)
|
||||
self.initUI()
|
||||
|
||||
def initUI(self):
|
||||
self.system_listWidget.addItem(self.one_day)
|
||||
self.system_listWidget.setItemWidget(self.one_day, self.one_day.widget)
|
||||
|
||||
self.system_listWidget.addItem(self.important)
|
||||
|
||||
self.system_listWidget.setItemWidget(self.important, self.important.widget)
|
||||
|
||||
pass
|
||||
|
||||
|
||||
class MainWindow(QWidget):
|
||||
def __init__(self):
|
||||
super(MainWindow, self).__init__()
|
||||
layout = QHBoxLayout()
|
||||
left_layout=QHBoxLayout()
|
||||
self.resize(1050, 800)
|
||||
self.setWindowTitle("待办事项")
|
||||
# 主布局，用来显示主页面，设置页面等
|
||||
self.layout = QStackedLayout(self)
|
||||
|
||||
self.main_widget = MainWidget()
|
||||
# self.main_widget.resize(50, 200)
|
||||
self.layout.addWidget(self.main_widget)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
app = QApplication(sys.argv)
|
||||
main = MainWindow()
|
||||
# print(os.path.abspath('../'))
|
||||
style_sheet = QSSLoader.read_qss_file('../resource/current.qss')
|
||||
main.setStyleSheet(style_sheet)
|
||||
|
||||
app.setWindowIcon(QIcon(os.path.abspath('../') + '/images/todo.svg'))
|
||||
main.show()
|
||||
sys.exit(app.exec_())
|
||||
|
|
|
|||
|
|
@ -4,61 +4,78 @@ QListWidget, QListView, QTreeWidget, QTreeView {
|
|||
}
|
||||
/*设置左侧选项的最小最大宽度,文字颜色和背景颜色*/
|
||||
QListWidget {
|
||||
min-width: 120px;
|
||||
max-width: 120px;
|
||||
min-width: 250px;
|
||||
max-width: 250px;
|
||||
color: white;
|
||||
background: black;
|
||||
|
||||
background: #f3f3f3;
|
||||
border:none;
|
||||
}
|
||||
|
||||
QPushButton {
|
||||
max-width: 120px;
|
||||
color: white;
|
||||
border-top-left-radius:10px;
|
||||
border-top-right-radius:10px;
|
||||
border-bottom-left-radius:10px;
|
||||
border-bottom-right-radius:10px;
|
||||
background: pink;
|
||||
}
|
||||
QPushButton:pressed,
|
||||
QPushButton:pressed:focus {
|
||||
/* 改变背景色 */
|
||||
background-color: #f50057;
|
||||
/* 改变边框风格 */
|
||||
border-style:inset;
|
||||
/* 改变边框风格 */
|
||||
border-style:inset;
|
||||
}
|
||||
|
||||
QPushButton#upload_btn {
|
||||
padding: 3px 20px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
||||
/*被选中时的背景颜色和左边框颜色*/
|
||||
QListWidget::item:selected {
|
||||
background: rgb(52, 52, 52);
|
||||
background: #eaeaea;
|
||||
border-right: 4px solid rgb(9, 187, 7);
|
||||
}
|
||||
/*鼠标悬停颜色*/
|
||||
HistoryPanel::item:hover {
|
||||
background: rgb(52, 52, 52);
|
||||
|
||||
|
||||
/*设置QListWidgetItem样式*/
|
||||
QListWidget::item {
|
||||
color: red;
|
||||
font-family:#f3f3f3 ;
|
||||
/* border-right: 4px solid rgb(9, 187, 7);*/
|
||||
}
|
||||
|
||||
/*QPushButton {*/
|
||||
/* max-width: 120px;*/
|
||||
/* color: white;*/
|
||||
/* border-top-left-radius:10px; */
|
||||
/* border-top-right-radius:10px;*/
|
||||
/* border-bottom-left-radius:10px;*/
|
||||
/* border-bottom-right-radius:10px;*/
|
||||
/* background: pink;*/
|
||||
/*}*/
|
||||
/*QPushButton:pressed,*/
|
||||
/*QPushButton:pressed:focus {*/
|
||||
/* *//* 改变背景色 *//* */
|
||||
/* background-color: #f50057;*/
|
||||
/* *//* 改变边框风格 *//* */
|
||||
/* border-style:inset; */
|
||||
/* *//* 改变边框风格 *//* */
|
||||
/* border-style:inset; */
|
||||
/*}*/
|
||||
|
||||
/*QPushButton#upload_btn {*/
|
||||
/* padding: 3px 20px;*/
|
||||
/* text-align:center;*/
|
||||
/*}*/
|
||||
|
||||
|
||||
|
||||
/*鼠标悬停颜色*/
|
||||
/*HistoryPanel::item:hover {*/
|
||||
/* background: rgb(52, 52, 52);*/
|
||||
/*}*/
|
||||
|
||||
/*右侧的层叠窗口的背景颜色*/
|
||||
QStackedWidget {
|
||||
background: rgb(30, 30, 30);
|
||||
color:snow;
|
||||
background: black;
|
||||
}
|
||||
/*模拟的页面*/
|
||||
QLabel {
|
||||
color: white;
|
||||
/*todo_count_label 气泡效果*/
|
||||
QLabel#todo_count_label {
|
||||
/* color: black;*/
|
||||
border-radius: 8px;
|
||||
text-align:center;
|
||||
background-color:#dcdcdc;
|
||||
/* max-width:16px; max-height: 16px;*/
|
||||
border:1px solid black;
|
||||
font-size:10px;
|
||||
}
|
||||
QLineEdit {
|
||||
border: 2px solid rgb(52,52,52);
|
||||
border-top-left-radius:10px;
|
||||
border-top-right-radius:10px;
|
||||
border-bottom-left-radius:10px;
|
||||
border-bottom-right-radius:10px;
|
||||
/*QLineEdit {*/
|
||||
/* border: 2px solid rgb(52,52,52);*/
|
||||
/* border-top-left-radius:10px; */
|
||||
/* border-top-right-radius:10px;*/
|
||||
/* border-bottom-left-radius:10px;*/
|
||||
/* border-bottom-right-radius:10px;*/
|
||||
|
||||
}
|
||||
/*}*/
|
||||
77
test/CircleImage.py
Normal file
77
test/CircleImage.py
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
#!/usr/bin/env python
|
||||
# -*- coding: utf-8 -*-
|
||||
|
||||
"""
|
||||
Created on 2018年1月20日
|
||||
@author: Irony
|
||||
@site: https://pyqt.site , https://github.com/PyQt5
|
||||
@email: 892768447@qq.com
|
||||
@file: CircleImage
|
||||
@description: 圆形图片
|
||||
"""
|
||||
import os
|
||||
|
||||
try:
|
||||
from PyQt5.QtCore import Qt
|
||||
from PyQt5.QtGui import QPixmap, QPainter, QPainterPath
|
||||
from PyQt5.QtWidgets import QLabel, QWidget, QHBoxLayout, QApplication
|
||||
except ImportError:
|
||||
from PySide2.QtCore import Qt
|
||||
from PySide2.QtGui import QPixmap, QPainter, QPainterPath
|
||||
from PySide2.QtWidgets import QLabel, QWidget, QHBoxLayout, QApplication
|
||||
|
||||
|
||||
class Label(QLabel):
|
||||
|
||||
def __init__(self, *args, antialiasing=True, **kwargs):
|
||||
super(Label, self).__init__(*args, **kwargs)
|
||||
self.Antialiasing = antialiasing
|
||||
self.setMaximumSize(200, 200)
|
||||
self.setMinimumSize(200, 200)
|
||||
self.radius = 100
|
||||
|
||||
#####################核心实现#########################
|
||||
self.target = QPixmap(self.size()) # 大小和控件一样
|
||||
self.target.fill(Qt.transparent) # 填充背景为透明
|
||||
|
||||
p = QPixmap(os.path.abspath('../') + '/images/user.svg').scaled( # 加载图片并缩放和控件一样大
|
||||
200, 200, Qt.KeepAspectRatioByExpanding, Qt.SmoothTransformation)
|
||||
|
||||
painter = QPainter(self.target)
|
||||
if self.Antialiasing:
|
||||
# 抗锯齿
|
||||
painter.setRenderHint(QPainter.Antialiasing, True)
|
||||
painter.setRenderHint(QPainter.HighQualityAntialiasing, True)
|
||||
painter.setRenderHint(QPainter.SmoothPixmapTransform, True)
|
||||
|
||||
# painter.setPen(# 测试圆圈
|
||||
# QPen(Qt.red, 5, Qt.SolidLine, Qt.RoundCap, Qt.RoundJoin))
|
||||
path = QPainterPath()
|
||||
path.addRoundedRect(
|
||||
0, 0, self.width(), self.height(), self.radius, self.radius)
|
||||
# **** 切割为圆形 ****#
|
||||
painter.setClipPath(path)
|
||||
# painter.drawPath(path) # 测试圆圈
|
||||
|
||||
painter.drawPixmap(0, 0, p)
|
||||
self.setPixmap(self.target)
|
||||
#####################核心实现#########################
|
||||
|
||||
|
||||
class Window(QWidget):
|
||||
|
||||
def __init__(self, *args, **kwargs):
|
||||
super(Window, self).__init__(*args, **kwargs)
|
||||
layout = QHBoxLayout(self)
|
||||
layout.addWidget(Label(self))
|
||||
layout.addWidget(Label(self, antialiasing=False))
|
||||
self.setStyleSheet("background: white;")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import sys
|
||||
|
||||
app = QApplication(sys.argv)
|
||||
w = Window()
|
||||
w.show()
|
||||
sys.exit(app.exec_())
|
||||
60
test/FadeInOut.py
Normal file
60
test/FadeInOut.py
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
#!/usr/bin/env python
|
||||
# -*- coding: utf-8 -*-
|
||||
|
||||
|
||||
"""
|
||||
Created on 2018年6月14日
|
||||
@author: Irony
|
||||
@site: https://pyqt.site , https://github.com/PyQt5
|
||||
@email: 892768447@qq.com
|
||||
@file: FadeInOut
|
||||
@description:
|
||||
"""
|
||||
|
||||
from PyQt5.QtCore import QPropertyAnimation
|
||||
from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QPushButton
|
||||
|
||||
|
||||
class Window(QWidget):
|
||||
|
||||
def __init__(self, *args, **kwargs):
|
||||
super(Window, self).__init__(*args, **kwargs)
|
||||
self.resize(400, 400)
|
||||
layout = QVBoxLayout(self)
|
||||
layout.addWidget(QPushButton('退出', self, clicked=self.doClose))
|
||||
|
||||
# 窗口透明度动画类
|
||||
self.animation = QPropertyAnimation(self, b'windowOpacity')
|
||||
self.animation.setDuration(1000) # 持续时间1秒
|
||||
|
||||
# 执行淡入
|
||||
self.doShow()
|
||||
|
||||
def doShow(self):
|
||||
try:
|
||||
# 尝试先取消动画完成后关闭窗口的信号
|
||||
self.animation.finished.disconnect(self.close)
|
||||
except:
|
||||
pass
|
||||
self.animation.stop()
|
||||
# 透明度范围从0逐渐增加到1
|
||||
self.animation.setStartValue(0)
|
||||
self.animation.setEndValue(1)
|
||||
self.animation.start()
|
||||
|
||||
def doClose(self):
|
||||
self.animation.stop()
|
||||
self.animation.finished.connect(self.close) # 动画完成则关闭窗口
|
||||
# 透明度范围从1逐渐减少到0
|
||||
self.animation.setStartValue(1)
|
||||
self.animation.setEndValue(0)
|
||||
self.animation.start()
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
import sys
|
||||
|
||||
app = QApplication(sys.argv)
|
||||
w = Window()
|
||||
w.show()
|
||||
sys.exit(app.exec_())
|
||||
113
test/LeftTabStacked.py
Normal file
113
test/LeftTabStacked.py
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
#!/usr/bin/env python
|
||||
# -*- coding: utf-8 -*-
|
||||
|
||||
"""
|
||||
Created on 2018年5月29日
|
||||
@author: Irony
|
||||
@site: https://pyqt.site , https://github.com/PyQt5
|
||||
@email: 892768447@qq.com
|
||||
@file: LeftTabWidget
|
||||
@description:
|
||||
"""
|
||||
|
||||
from random import randint
|
||||
|
||||
try:
|
||||
from PyQt5.QtCore import Qt, QSize
|
||||
from PyQt5.QtGui import QIcon
|
||||
from PyQt5.QtWidgets import QApplication, QWidget, QListWidget, QStackedWidget, QHBoxLayout, \
|
||||
QListWidgetItem, QLabel
|
||||
except ImportError:
|
||||
from PySide2.QtCore import Qt, QSize
|
||||
from PySide2.QtGui import QIcon
|
||||
from PySide2.QtWidgets import QApplication, QWidget, QListWidget, QStackedWidget, QHBoxLayout, \
|
||||
QListWidgetItem, QLabel
|
||||
|
||||
|
||||
class LeftTabWidget(QWidget):
|
||||
|
||||
def __init__(self, *args, **kwargs):
|
||||
super(LeftTabWidget, self).__init__(*args, **kwargs)
|
||||
self.resize(800, 600)
|
||||
# 左右布局(左边一个QListWidget + 右边QStackedWidget)
|
||||
layout = QHBoxLayout(self, spacing=0)
|
||||
layout.setContentsMargins(0, 0, 0, 0)
|
||||
# 左侧列表
|
||||
self.listWidget = QListWidget(self)
|
||||
layout.addWidget(self.listWidget)
|
||||
# 右侧层叠窗口
|
||||
self.stackedWidget = QStackedWidget(self)
|
||||
layout.addWidget(self.stackedWidget)
|
||||
self.initUi()
|
||||
|
||||
def initUi(self):
|
||||
# 初始化界面
|
||||
# 通过QListWidget的当前item变化来切换QStackedWidget中的序号
|
||||
self.listWidget.currentRowChanged.connect(
|
||||
self.stackedWidget.setCurrentIndex)
|
||||
# 去掉边框
|
||||
self.listWidget.setFrameShape(QListWidget.NoFrame)
|
||||
# 隐藏滚动条
|
||||
self.listWidget.setVerticalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
|
||||
self.listWidget.setHorizontalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
|
||||
# 这里就用一般的文本配合图标模式了(也可以直接用Icon模式,setViewMode)
|
||||
for i in range(20):
|
||||
item = QListWidgetItem(
|
||||
QIcon('Data/0%d.ico' % randint(1, 8)), str('选 项 %s' % i), self.listWidget)
|
||||
# 设置item的默认宽高(这里只有高度比较有用)
|
||||
item.setSizeHint(QSize(16777215, 60))
|
||||
# 文字居中
|
||||
item.setTextAlignment(Qt.AlignCenter)
|
||||
|
||||
# 再模拟20个右侧的页面(就不和上面一起循环放了)
|
||||
for i in range(20):
|
||||
label = QLabel('我是页面 %d' % i, self)
|
||||
label.setAlignment(Qt.AlignCenter)
|
||||
# 设置label的背景颜色(这里随机)
|
||||
# 这里加了一个margin边距(方便区分QStackedWidget和QLabel的颜色)
|
||||
label.setStyleSheet('background: rgb(%d, %d, %d);margin: 50px;' % (
|
||||
randint(0, 255), randint(0, 255), randint(0, 255)))
|
||||
self.stackedWidget.addWidget(label)
|
||||
|
||||
|
||||
# 美化样式表
|
||||
Stylesheet = """
|
||||
/*去掉item虚线边框*/
|
||||
QListWidget, QListView, QTreeWidget, QTreeView {
|
||||
outline: 0px;
|
||||
}
|
||||
/*设置左侧选项的最小最大宽度,文字颜色和背景颜色*/
|
||||
QListWidget {
|
||||
min-width: 120px;
|
||||
max-width: 120px;
|
||||
color: white;
|
||||
background: black;
|
||||
}
|
||||
/*被选中时的背景颜色和左边框颜色*/
|
||||
QListWidget::item:selected {
|
||||
background: rgb(52, 52, 52);
|
||||
border-left: 2px solid rgb(9, 187, 7);
|
||||
}
|
||||
/*鼠标悬停颜色*/
|
||||
HistoryPanel::item:hover {
|
||||
background: rgb(52, 52, 52);
|
||||
}
|
||||
|
||||
/*右侧的层叠窗口的背景颜色*/
|
||||
QStackedWidget {
|
||||
background: rgb(30, 30, 30);
|
||||
}
|
||||
/*模拟的页面*/
|
||||
QLabel {
|
||||
color: white;
|
||||
}
|
||||
"""
|
||||
|
||||
if __name__ == '__main__':
|
||||
import sys
|
||||
|
||||
app = QApplication(sys.argv)
|
||||
app.setStyleSheet(Stylesheet)
|
||||
w = LeftTabWidget()
|
||||
w.show()
|
||||
sys.exit(app.exec_())
|
||||
129
test/QQMenu.py
Normal file
129
test/QQMenu.py
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
#!/usr/bin/env python
|
||||
# -*- coding: utf-8 -*-
|
||||
|
||||
"""
|
||||
Created on 2021/4/7
|
||||
@author: Irony
|
||||
@site: https://pyqt.site , https://github.com/PyQt5
|
||||
@email: 892768447@qq.com
|
||||
@file: QQMenu
|
||||
@description:
|
||||
"""
|
||||
import string
|
||||
from random import choice, randint
|
||||
|
||||
from PyQt5.QtCore import Qt
|
||||
from PyQt5.QtGui import QPixmap, QPainter, QFont, QIcon
|
||||
from PyQt5.QtWidgets import QLabel, QMenu, QApplication
|
||||
|
||||
Style = """
|
||||
QMenu {
|
||||
/* 半透明效果 */
|
||||
background-color: rgba(255, 255, 255, 230);
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
QMenu::item {
|
||||
border-radius: 4px;
|
||||
/* 这个距离很麻烦需要根据菜单的长度和图标等因素微调 */
|
||||
padding: 8px 48px 8px 36px; /* 36px是文字距离左侧距离*/
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* 鼠标悬停和按下效果 */
|
||||
QMenu::item:selected {
|
||||
border-radius: 0px;
|
||||
/* 半透明效果 */
|
||||
background-color: rgba(232, 232, 232, 232);
|
||||
}
|
||||
|
||||
/* 禁用效果 */
|
||||
QMenu::item:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* 图标距离左侧距离 */
|
||||
QMenu::icon {
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
/* 分割线效果 */
|
||||
QMenu::separator {
|
||||
height: 1px;
|
||||
background-color: rgb(232, 236, 243);
|
||||
}
|
||||
"""
|
||||
|
||||
|
||||
def get_icon():
|
||||
# 测试模拟图标
|
||||
pixmap = QPixmap(16, 16)
|
||||
pixmap.fill(Qt.transparent)
|
||||
painter = QPainter()
|
||||
painter.begin(pixmap)
|
||||
painter.setFont(QFont('Webdings', 11))
|
||||
painter.setPen(Qt.GlobalColor(randint(4, 18)))
|
||||
painter.drawText(0, 0, 16, 16, Qt.AlignCenter,
|
||||
choice(string.ascii_letters))
|
||||
painter.end()
|
||||
return QIcon(pixmap)
|
||||
|
||||
|
||||
def about_qt():
|
||||
# 关于Qt
|
||||
QApplication.instance().aboutQt()
|
||||
|
||||
|
||||
class Window(QLabel):
|
||||
|
||||
def __init__(self, *args, **kwargs):
|
||||
super(Window, self).__init__(*args, **kwargs)
|
||||
self.resize(400, 400)
|
||||
self.setAlignment(Qt.AlignCenter)
|
||||
self.setText('右键弹出菜单')
|
||||
self.context_menu = QMenu(self)
|
||||
self.init_menu()
|
||||
|
||||
def contextMenuEvent(self, event):
|
||||
self.context_menu.exec_(event.globalPos())
|
||||
|
||||
def init_menu(self):
|
||||
# 背景透明
|
||||
self.context_menu.setAttribute(Qt.WA_TranslucentBackground)
|
||||
# 无边框、去掉自带阴影
|
||||
self.context_menu.setWindowFlags(
|
||||
self.context_menu.windowFlags() | Qt.FramelessWindowHint | Qt.NoDropShadowWindowHint)
|
||||
|
||||
# 模拟菜单项
|
||||
for i in range(10):
|
||||
if i % 2 == 0:
|
||||
action = self.context_menu.addAction('菜单 %d' % i, about_qt)
|
||||
action.setEnabled(i % 4)
|
||||
elif i % 3 == 0:
|
||||
self.context_menu.addAction(get_icon(), '菜单 %d' % i, about_qt)
|
||||
if i % 4 == 0:
|
||||
self.context_menu.addSeparator()
|
||||
if i % 5 == 0:
|
||||
# 二级菜单
|
||||
# 二级菜单
|
||||
menu = QMenu('二级菜单 %d' % i, self.context_menu)
|
||||
# 背景透明
|
||||
menu.setAttribute(Qt.WA_TranslucentBackground)
|
||||
# 无边框、去掉自带阴影
|
||||
menu.setWindowFlags(menu.windowFlags() | Qt.FramelessWindowHint | Qt.NoDropShadowWindowHint)
|
||||
for j in range(3):
|
||||
menu.addAction(get_icon(), '子菜单 %d' % j)
|
||||
self.context_menu.addMenu(menu)
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
import sys
|
||||
import cgitb
|
||||
|
||||
cgitb.enable(format='text')
|
||||
app = QApplication(sys.argv)
|
||||
app.setStyleSheet(Style)
|
||||
w = Window()
|
||||
w.show()
|
||||
sys.exit(app.exec_())
|
||||
65
test/QStackedLayoutDemo.py
Normal file
65
test/QStackedLayoutDemo.py
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
from PyQt5.QtWidgets import QApplication, QWidget, QTextEdit, QVBoxLayout, QPushButton, QStackedLayout
|
||||
import sys
|
||||
|
||||
|
||||
class FormA(QWidget):
|
||||
def __init__(self, parent=None):
|
||||
super().__init__()
|
||||
self.btnPress = QPushButton("Table AAAA")
|
||||
layout = QVBoxLayout()
|
||||
self.setLayout(layout)
|
||||
layout.addWidget(self.btnPress)
|
||||
self.setStyleSheet("background-color:green;")
|
||||
|
||||
|
||||
class FormB(QWidget):
|
||||
def __init__(self, parent=None):
|
||||
super().__init__()
|
||||
self.btnPress = QPushButton("Table BBBB")
|
||||
layout = QVBoxLayout()
|
||||
self.setLayout(layout)
|
||||
layout.addWidget(self.btnPress)
|
||||
self.setStyleSheet("background-color:red;")
|
||||
|
||||
|
||||
class TextEditDemo(QWidget):
|
||||
def __init__(self, parent=None):
|
||||
super(TextEditDemo, self).__init__(parent)
|
||||
self.setWindowTitle("QStackedLayout 例子")
|
||||
self.resize(300, 270)
|
||||
# 创建堆叠布局
|
||||
|
||||
self.btnPress1 = QPushButton("FormA")
|
||||
self.btnPress2 = QPushButton("FormB")
|
||||
|
||||
self.form1 = FormA()
|
||||
self.form2 = FormB()
|
||||
|
||||
widget = QWidget()
|
||||
self.stacked_layout = QStackedLayout()
|
||||
widget.setLayout(self.stacked_layout)
|
||||
widget.setStyleSheet("background-color:grey;")
|
||||
self.stacked_layout.addWidget(self.form1)
|
||||
self.stacked_layout.addWidget(self.form2)
|
||||
|
||||
layout = QVBoxLayout()
|
||||
layout.addWidget(widget)
|
||||
layout.addWidget(self.btnPress1)
|
||||
layout.addWidget(self.btnPress2)
|
||||
|
||||
self.setLayout(layout)
|
||||
self.btnPress1.clicked.connect(self.btnPress1_Clicked)
|
||||
self.btnPress2.clicked.connect(self.btnPress2_Clicked)
|
||||
|
||||
def btnPress1_Clicked(self):
|
||||
self.stacked_layout.setCurrentIndex(0)
|
||||
|
||||
def btnPress2_Clicked(self):
|
||||
self.stacked_layout.setCurrentIndex(1)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
app = QApplication(sys.argv)
|
||||
win = TextEditDemo()
|
||||
win.show()
|
||||
sys.exit(app.exec_())
|
||||
88
test/qstackedlauout.py
Normal file
88
test/qstackedlauout.py
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
import sys
|
||||
from PyQt5 import QtCore, QtGui, QtWidgets
|
||||
from PyQt5.QtCore import Qt
|
||||
from PyQt5.QtGui import QIcon
|
||||
from PyQt5.QtWidgets import (QApplication, QMainWindow, QStackedLayout, QWidget,
|
||||
QToolBar, QToolButton, QStyle, QColorDialog, QFontDialog,
|
||||
QVBoxLayout, QGroupBox, QRadioButton)
|
||||
|
||||
|
||||
class DemoStackedLayout(QMainWindow):
|
||||
def __init__(self, parent=None):
|
||||
super(DemoStackedLayout, self).__init__(parent)
|
||||
|
||||
# 设置窗口标题
|
||||
self.setWindowTitle('实战PyQt5: QStackedLayout Demo!')
|
||||
# 设置窗口大小
|
||||
self.resize(480, 360)
|
||||
|
||||
self.initUi()
|
||||
|
||||
def initUi(self):
|
||||
toolBar = QToolBar(self)
|
||||
self.addToolBar(Qt.LeftToolBarArea, toolBar)
|
||||
|
||||
btnColor = self.createButton('颜色对话框')
|
||||
btnColor.clicked.connect(lambda: self.onButtonClicked(0))
|
||||
toolBar.addWidget(btnColor)
|
||||
btnFont = self.createButton('字体对话框')
|
||||
btnFont.clicked.connect(lambda: self.onButtonClicked(1))
|
||||
toolBar.addWidget(btnFont)
|
||||
btnUser = self.createButton('分组部件')
|
||||
btnUser.clicked.connect(lambda: self.onButtonClicked(2))
|
||||
toolBar.addWidget(btnUser)
|
||||
|
||||
mainWidget = QWidget(self)
|
||||
|
||||
self.mainLayout = QStackedLayout(mainWidget)
|
||||
|
||||
# 添加三个widget,演示三个页面之间的切换
|
||||
|
||||
# 颜色对话框
|
||||
self.mainLayout.addWidget(QColorDialog(self))
|
||||
# 字体对话框
|
||||
self.mainLayout.addWidget(QFontDialog(self))
|
||||
# 自定义控件
|
||||
self.mainLayout.addWidget(self.createExclusiveGroup())
|
||||
|
||||
mainWidget.setLayout(self.mainLayout)
|
||||
# 设置中心窗口
|
||||
self.setCentralWidget(mainWidget)
|
||||
|
||||
def createButton(self, text):
|
||||
icon = QApplication.style().standardIcon(QStyle.SP_DesktopIcon)
|
||||
btn = QToolButton(self)
|
||||
btn.setText(text)
|
||||
btn.setIcon(icon)
|
||||
btn.setToolButtonStyle(Qt.ToolButtonTextUnderIcon)
|
||||
|
||||
return btn
|
||||
|
||||
def onButtonClicked(self, index):
|
||||
if index < self.mainLayout.count():
|
||||
self.mainLayout.setCurrentIndex(index)
|
||||
|
||||
def createExclusiveGroup(self):
|
||||
groupBox = QGroupBox('Exclusive Radio Buttons', self)
|
||||
|
||||
radio1 = QRadioButton('&Radio Button 1', self)
|
||||
radio1.setChecked(True)
|
||||
radio2 = QRadioButton('R&adio button 2', self)
|
||||
radio3 = QRadioButton('Ra&dio button 3', self)
|
||||
|
||||
vLayout = QVBoxLayout(groupBox)
|
||||
vLayout.addWidget(radio1)
|
||||
vLayout.addWidget(radio2)
|
||||
vLayout.addWidget(radio3)
|
||||
vLayout.addStretch(1)
|
||||
|
||||
groupBox.setLayout(vLayout)
|
||||
|
||||
return groupBox
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
app = QApplication(sys.argv)
|
||||
window = DemoStackedLayout()
|
||||
window.show()
|
||||
sys.exit(app.exec())
|
||||
0
utils/nextcloud.py
Normal file
0
utils/nextcloud.py
Normal file
54
view/SelfListWidgetItem.py
Normal file
54
view/SelfListWidgetItem.py
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
from PyQt5.QtWidgets import *
|
||||
from PyQt5.QtGui import *
|
||||
from PyQt5.QtCore import Qt
|
||||
import sys
|
||||
import os
|
||||
|
||||
|
||||
class SelfListWidgetItem(QListWidgetItem):
|
||||
"""
|
||||
:param item_name: 列表名称
|
||||
:param todo_count: 设置剩余代办数量，默认为零
|
||||
:param show_icon: 设置显示的图标路径，默认为空
|
||||
"""
|
||||
|
||||
def __init__(self, item_name, todo_count=0, show_icon=None):
|
||||
super(SelfListWidgetItem, self).__init__()
|
||||
layout = QHBoxLayout()
|
||||
# print(show_icon)
|
||||
self.item_name = item_name
|
||||
|
||||
self.todo_count = todo_count
|
||||
self.show_icon = show_icon
|
||||
# 布局
|
||||
self.widget = QWidget()
|
||||
self.widget.setLayout(layout)
|
||||
|
||||
# self.list_item = QLabel('')
|
||||
|
||||
# 添加左边的图标和右边的气泡
|
||||
if self.show_icon:
|
||||
self.icon_label = QLabel('')
|
||||
self.icon_label.setPixmap(
|
||||
QPixmap(self.show_icon).scaled(30, 30, Qt.IgnoreAspectRatio, Qt.SmoothTransformation))
|
||||
layout.addWidget(self.icon_label, 1)
|
||||
# 添加
|
||||
self.item_name_label = QLabel(self.item_name)
|
||||
# print(self.item_name)
|
||||
self.item_name_label.setObjectName('item_name_label')
|
||||
# todo
|
||||
# 需要设置qss使字体靠中间一点
|
||||
# 如果有气泡使气泡靠右
|
||||
|
||||
layout.addWidget(self.item_name_label, 3)
|
||||
|
||||
if self.todo_count:
|
||||
print(self.todo_count)
|
||||
self.todo_count_label = QLabel(str(self.todo_count))
|
||||
self.todo_count_label.setFixedSize(16,16)
|
||||
self.todo_count_label.setScaledContents(True)
|
||||
self.todo_count_label.setObjectName('todo_count_label')
|
||||
self.todo_count_label.setAlignment(Qt.AlignCenter)
|
||||
layout.addWidget(self.todo_count_label, 1)
|
||||
# 设置自定义的QListWidgetItem的sizeHint，不然无法显示
|
||||
self.setSizeHint(self.widget.sizeHint())
|
||||
50
view/UserLabel.py
Normal file
50
view/UserLabel.py
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
import os
|
||||
import sys
|
||||
|
||||
from PyQt5.QtWidgets import *
|
||||
from PyQt5.QtGui import *
|
||||
from utils.QSSLoader import QSSLoader
|
||||
from PyQt5.QtCore import Qt
|
||||
|
||||
|
||||
class User(QLabel):
|
||||
def __init__(self):
|
||||
super(User, self).__init__()
|
||||
self.widget = QWidget(self)
|
||||
self.resize(200, 60)
|
||||
# todo
|
||||
# 修改布局使适合微软todo的样式
|
||||
# 设置点击事件，使用右键菜单的样式添加设置、同步、退出
|
||||
# 暂时就这样
|
||||
layout = QHBoxLayout()
|
||||
info_layout = QVBoxLayout()
|
||||
self.pic_label = QLabel('')
|
||||
self.pic_label.setPixmap(
|
||||
QPixmap(os.path.abspath('../') + '/images/user.svg').scaled(50, 50, Qt.IgnoreAspectRatio,
|
||||
Qt.SmoothTransformation))
|
||||
layout.addWidget(self.pic_label, Qt.AlignCenter)
|
||||
layout.addStretch(2)
|
||||
self.user_name = QLabel("用户登录")
|
||||
self.user_mail = QLabel('邮箱')
|
||||
self.user_mail.setStyleSheet('font-size:16px')
|
||||
|
||||
info_layout.addWidget(self.user_name)
|
||||
info_layout.addWidget(self.user_mail)
|
||||
layout.addLayout(info_layout)
|
||||
layout.addStretch(0)
|
||||
|
||||
self.widget.setLayout(layout)
|
||||
# # 设置自定义的QListWidgetItem的sizeHint，不然无法显示
|
||||
# self.setSizeHint(self.widget.sizeHint())
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
app = QApplication(sys.argv)
|
||||
main = User()
|
||||
style_sheet = QSSLoader.read_qss_file('../resource/current.qss')
|
||||
main.setStyleSheet(style_sheet)
|
||||
# print(os.path.abspath('../'))
|
||||
|
||||
app.setWindowIcon(QIcon(os.path.abspath('../') + '/images/todo.svg'))
|
||||
main.show()
|
||||
sys.exit(app.exec_())
|
||||
0
view/__init__.py
Normal file
0
view/__init__.py
Normal file
Loading…
Reference in a new issue