统一布局头部标签位置
This commit is contained in:
parent
4a055e99fd
commit
42bfede368
5 changed files with 69 additions and 12 deletions
|
@ -1,8 +1,10 @@
|
||||||
/*去掉item虚线边框*/
|
/*去掉item虚线边框*/
|
||||||
/** {*/
|
* {
|
||||||
/* background: #f3f3f3;*/
|
/* background: #f3f3f3;*/
|
||||||
/* color: black ;*/
|
/* color: black ;*/
|
||||||
/*}*/
|
padding:0px;
|
||||||
|
margin:0px;
|
||||||
|
}
|
||||||
QListWidget, QListView, QTreeWidget, QTreeView {
|
QListWidget, QListView, QTreeWidget, QTreeView {
|
||||||
outline-style: 0px;
|
outline-style: 0px;
|
||||||
|
|
||||||
|
@ -40,6 +42,10 @@ QListWidget::item {
|
||||||
min-width:700px;
|
min-width:700px;
|
||||||
background-color: rgba(211, 211, 211, 0.5);
|
background-color: rgba(211, 211, 211, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#add_todo_label{
|
||||||
|
width:500px;
|
||||||
|
}
|
||||||
/*QPushButton {*/
|
/*QPushButton {*/
|
||||||
/* max-width: 120px;*/
|
/* max-width: 120px;*/
|
||||||
/* color: white;*/
|
/* color: white;*/
|
||||||
|
@ -75,7 +81,7 @@ QPushButton#menu_image:hover {
|
||||||
QPushButton#menu_image:pressed {
|
QPushButton#menu_image:pressed {
|
||||||
/* padding: 3px 20px;*/
|
/* padding: 3px 20px;*/
|
||||||
/* text-align:center;*/
|
/* text-align:center;*/
|
||||||
background-color:#d4d4d4;
|
background-color:#9f9f9f;
|
||||||
border-radius:15px;
|
border-radius:15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -161,6 +167,7 @@ QLabel#head_label{
|
||||||
|
|
||||||
/*隐藏按钮右侧的下拉三角*/
|
/*隐藏按钮右侧的下拉三角*/
|
||||||
QPushButton::menu-indicator{ image:none;}
|
QPushButton::menu-indicator{ image:none;}
|
||||||
|
|
||||||
QMenu {
|
QMenu {
|
||||||
/* 半透明效果 */
|
/* 半透明效果 */
|
||||||
background-color: rgba(255, 255, 255, 230);
|
background-color: rgba(255, 255, 255, 230);
|
||||||
|
|
|
@ -20,3 +20,11 @@ class AddListAction(QLabel):
|
||||||
self.add_text = QLabel("新建列表")
|
self.add_text = QLabel("新建列表")
|
||||||
layout.addWidget(self.add_image, 3)
|
layout.addWidget(self.add_image, 3)
|
||||||
layout.addWidget(self.add_text, 4)
|
layout.addWidget(self.add_text, 4)
|
||||||
|
|
||||||
|
def mousePressEvent(self, QMouseEvent):
|
||||||
|
print('按下QLabel')
|
||||||
|
self.setStyleSheet('background-color:#9f9f9f;')
|
||||||
|
|
||||||
|
def mouseReleaseEvent(self, QMouseEvent):
|
||||||
|
print('释放QLabel')
|
||||||
|
self.setStyleSheet('background-color:#eaeaea;')
|
||||||
|
|
27
view/AddToDoLabel.py
Normal file
27
view/AddToDoLabel.py
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
from PyQt5.QtWidgets import *
|
||||||
|
from PyQt5.QtGui import QPixmap
|
||||||
|
from PyQt5.QtCore import Qt
|
||||||
|
|
||||||
|
|
||||||
|
class AddToDoAction(QLabel):
|
||||||
|
def __init__(self):
|
||||||
|
super(AddToDoAction, self).__init__()
|
||||||
|
self.setObjectName('add_todo_label')
|
||||||
|
# widget = QWidget(self)
|
||||||
|
# widget.setMinimumWidth(500)
|
||||||
|
layout = QHBoxLayout()
|
||||||
|
# widget.setLayout(layout)
|
||||||
|
icon = QLabel()
|
||||||
|
icon.setPixmap(QPixmap('../images/circle.svg').scaled(50,50))
|
||||||
|
self.line_edit=QLineEdit()
|
||||||
|
self.line_edit.setPlaceholderText('添加任务')
|
||||||
|
|
||||||
|
layout.addWidget(icon, 1, Qt.AlignLeft)
|
||||||
|
layout.addWidget(self.line_edit,6,Qt.AlignCenter)
|
||||||
|
|
||||||
|
self.setScaledContents(True)
|
||||||
|
|
||||||
|
# self.sizeHint()
|
||||||
|
self.setLayout(layout)
|
||||||
|
|
||||||
|
# widget.show()
|
|
@ -10,6 +10,7 @@ class HeadLabel(QLabel):
|
||||||
self.setScaledContents(True)
|
self.setScaledContents(True)
|
||||||
self.setObjectName('head_label')
|
self.setObjectName('head_label')
|
||||||
layout = QVBoxLayout()
|
layout = QVBoxLayout()
|
||||||
|
self.setMinimumHeight(170)
|
||||||
|
|
||||||
# 设置当前时间
|
# 设置当前时间
|
||||||
weekday = ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"]
|
weekday = ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"]
|
||||||
|
@ -21,14 +22,18 @@ class HeadLabel(QLabel):
|
||||||
# print(str(month) + '月' + str(day) + '日,' + weekday[weekday_index])
|
# print(str(month) + '月' + str(day) + '日,' + weekday[weekday_index])
|
||||||
|
|
||||||
self.title = QLabel("我的一天")
|
self.title = QLabel("我的一天")
|
||||||
|
self.title.setStyleSheet('font-weight:bold;color:white;margin:0px')
|
||||||
|
# self.title.setObjectName('title')
|
||||||
# 设置字体大小
|
# 设置字体大小
|
||||||
self.font = QFont()
|
self.font = QFont()
|
||||||
self.font.setPointSize(32)
|
self.font.setPointSize(32)
|
||||||
self.title.setFont(self.font)
|
self.title.setFont(self.font)
|
||||||
# todo: 需要调整布局,修复字体溢出
|
# todo: 需要调整布局,修复字体间距
|
||||||
|
|
||||||
# self.title.setObjectName('title')
|
# self.title.setObjectName('title')
|
||||||
self.time_label = QLabel(str(month) + '月' + str(day) + '日,' + weekday[weekday_index])
|
self.time_label = QLabel(str(month) + '月' + str(day) + '日,' + weekday[weekday_index])
|
||||||
|
self.time_label.setStyleSheet('color:white;')
|
||||||
|
|
||||||
# self.time_label.setObjectName('time_label')
|
# self.time_label.setObjectName('time_label')
|
||||||
layout.addWidget(self.title)
|
layout.addWidget(self.title)
|
||||||
layout.addWidget(self.time_label)
|
layout.addWidget(self.time_label)
|
||||||
|
|
|
@ -3,6 +3,8 @@ import sys
|
||||||
from PyQt5.QtGui import *
|
from PyQt5.QtGui import *
|
||||||
from PyQt5.QtWidgets import *
|
from PyQt5.QtWidgets import *
|
||||||
from PyQt5.QtCore import Qt
|
from PyQt5.QtCore import Qt
|
||||||
|
|
||||||
|
from view.AddToDoLabel import AddToDoAction
|
||||||
from view.MyDayHeadLabel import HeadLabel
|
from view.MyDayHeadLabel import HeadLabel
|
||||||
from view.ChangeThemeLabel import ChangeTheme
|
from view.ChangeThemeLabel import ChangeTheme
|
||||||
|
|
||||||
|
@ -11,10 +13,9 @@ class MyDay(QWidget):
|
||||||
def __init__(self, parent=None):
|
def __init__(self, parent=None):
|
||||||
super(MyDay, self).__init__()
|
super(MyDay, self).__init__()
|
||||||
self.setObjectName('my_day')
|
self.setObjectName('my_day')
|
||||||
self.setStyleSheet('#my_day{background-image:url("../images/10.jpg")}')
|
self.setStyleSheet('#my_day{background-image:url("../images/10.jpg");border-radius: 10px;}')
|
||||||
|
|
||||||
self.setAttribute(Qt.WA_StyledBackground)
|
self.setAttribute(Qt.WA_StyledBackground)
|
||||||
# todo : 使用网格布局设置背景图
|
|
||||||
# 下面这一句有问题,需要修复修改主题的实现方法
|
# 下面这一句有问题,需要修复修改主题的实现方法
|
||||||
# self.setStyleSheet('#my_day{background-image:url("../images/2.jpg");')
|
# self.setStyleSheet('#my_day{background-image:url("../images/2.jpg");')
|
||||||
# 无效
|
# 无效
|
||||||
|
@ -26,16 +27,21 @@ class MyDay(QWidget):
|
||||||
# 布局样式:最外面一个大的垂直布局,里面的最上面标题是一个水平布局,水平布局显示的是一个垂直布局和一个右边的选项,用来更换背景
|
# 布局样式:最外面一个大的垂直布局,里面的最上面标题是一个水平布局,水平布局显示的是一个垂直布局和一个右边的选项,用来更换背景
|
||||||
# 布局样式:继承QWidget,里面一个垂直布局,最上面一个QWidget用来设置头部布局
|
# 布局样式:继承QWidget,里面一个垂直布局,最上面一个QWidget用来设置头部布局
|
||||||
# 头部QWidget里面一个水平布局,水平布局里面一个QWidget(方便设置整体位置),然后是一个
|
# 头部QWidget里面一个水平布局,水平布局里面一个QWidget(方便设置整体位置),然后是一个
|
||||||
layout = QVBoxLayout()
|
layout = QVBoxLayout() # 总布局
|
||||||
head_layout = QHBoxLayout()
|
head_layout = QHBoxLayout() # 头部总布局
|
||||||
|
|
||||||
head_widget = QWidget(self)
|
head_widget = QWidget(self)
|
||||||
head_widget.setMaximumHeight(100)
|
head_widget.setMinimumHeight(175)
|
||||||
|
|
||||||
|
head_widget.setMaximumHeight(200)
|
||||||
|
|
||||||
head_widget.setAttribute(Qt.WA_StyledBackground)
|
head_widget.setAttribute(Qt.WA_StyledBackground)
|
||||||
self.todo_list = QListWidget()
|
self.todo_list = QListWidget()
|
||||||
self.todo_list.setObjectName('todo_list')
|
self.todo_list.setObjectName('todo_list')
|
||||||
|
|
||||||
|
self.add_todo = AddToDoAction()
|
||||||
|
self.add_todo.setAlignment(Qt.AlignBottom)
|
||||||
|
|
||||||
# head_widget.setPalette(palette)
|
# head_widget.setPalette(palette)
|
||||||
|
|
||||||
head_widget.setLayout(head_layout)
|
head_widget.setLayout(head_layout)
|
||||||
|
@ -43,9 +49,11 @@ class MyDay(QWidget):
|
||||||
# head_left_layout = QVBoxLayout()
|
# head_left_layout = QVBoxLayout()
|
||||||
|
|
||||||
layout.addWidget(head_widget, 2, Qt.AlignTop)
|
layout.addWidget(head_widget, 2, Qt.AlignTop)
|
||||||
head_label = HeadLabel()
|
self.head_label = HeadLabel()
|
||||||
layout.addWidget(self.todo_list, 6, Qt.AlignCenter | Qt.AlignTop)
|
layout.addWidget(self.todo_list, 6, Qt.AlignCenter | Qt.AlignTop)
|
||||||
head_layout.addWidget(head_label, 8)
|
head_layout.addWidget(self.head_label, 8)
|
||||||
|
# todo : 修改布局
|
||||||
|
layout.addWidget(self.add_todo, 2, Qt.AlignHCenter)
|
||||||
|
|
||||||
self.menu_image = QPushButton()
|
self.menu_image = QPushButton()
|
||||||
self.menu_image.setObjectName('menu_image')
|
self.menu_image.setObjectName('menu_image')
|
||||||
|
@ -92,7 +100,9 @@ class MyDay(QWidget):
|
||||||
# self.menu_label = ChangeTheme()
|
# self.menu_label = ChangeTheme()
|
||||||
self.setStyleSheet('#my_day{background-image:url("../images/3.jpg");'
|
self.setStyleSheet('#my_day{background-image:url("../images/3.jpg");'
|
||||||
'background-position: center; border-radius: 10px;'
|
'background-position: center; border-radius: 10px;'
|
||||||
' padding-top:40px;}')
|
' padding-top:170px;}')
|
||||||
|
self.head_label.show()
|
||||||
|
|
||||||
print('选中:' + count)
|
print('选中:' + count)
|
||||||
# self.palette = QPalette()
|
# self.palette = QPalette()
|
||||||
# self.palette.setBrush(self.palette.Background, QBrush(QPixmap('../images/' + count + '.png')))
|
# self.palette.setBrush(self.palette.Background, QBrush(QPixmap('../images/' + count + '.png')))
|
||||||
|
|
Loading…
Reference in a new issue