hotplaylist

Author: 892768447

Diff for: QListWidget/HotPlaylist/Data/pic_v.png renamed to QFlowLayout/Data/pic_v.png

@@ -21,7 +21,7 @@
 from PyQt5.QtWidgets import QWidget, QApplication, QVBoxLayout, QLabel,\
     QHBoxLayout, QSpacerItem, QSizePolicy, QScrollArea, QAbstractSlider
 
-from flowlayout import FlowLayout  # @UnresolvedImport
+from Lib.flowlayout import FlowLayout  # @UnresolvedImport
 from lxml.etree import HTML  # @UnresolvedImport
 
 
@@ -259,7 +259,7 @@ def _makeItem(self, lis):
                 li.xpath(".//div[@class='figure_count']/span/text()") or [""])[0]
             path = "cache/{0}.jpg".format(
                 os.path.splitext(os.path.basename(video_url))[0])
-            cover_path = "pic_v.png"
+            cover_path = "Data/pic_v.png"
             if os.path.isfile(path):
                 cover_path = path
             iwidget = ItemWidget(cover_path, figure_info, figure_title,

Diff for: QListWidget/HotPlaylist/TencentMovieHotPlay_Flow.py renamed to QFlowLayout/HotPlaylist.py

@@ -0,0 +1,18 @@
+# QListView
+
+## 1、腾讯视频热播列表
+[运行](HotPlaylist.py)
+
+简单思路说明：
+
+ - 利用`QScrollArea`滚动显示，自定义的`QFlowLayout`做布局来放置自定义的Widget
+ - `QNetworkAccessManager`异步下载网页和图片
+ - `QScrollArea`滚动到底部触发下一页加载
+
+自定义控件说明：
+
+ - 主要是多个layout和控件的结合，其中图片`QLabel`为自定义，通过`setPixmap`设置图片，重写`paintEvent`绘制底部渐变矩形框和白色文字
+ - 字体颜色用qss设置
+ - 图标利用了`QSvgWidget`显示，可以是svg 动画（如圆形加载图）
+
+![HotPlaylist](ScreenShot/HotPlaylist.gif)

Diff for: QGridLayout,/README.en.md renamed to QFlowLayout/README.en.md

@@ -275,7 +275,7 @@ def _makeItem(self, li_s, row_count):
                     li.xpath(".//div[@class='figure_count']/span/text()") or [""])[0]
                 path = "cache/{0}.jpg".format(
                     os.path.splitext(os.path.basename(video_url))[0])
-                cover_path = "pic_v.png"
+                cover_path = "Data/pic_v.png"
                 if os.path.isfile(path):
                     cover_path = path
                 iwidget = ItemWidget(cover_path, figure_info, figure_title,

Diff for: QFlowLayout/README.md

@@ -0,0 +1,18 @@
+# QListView
+
+## 1、腾讯视频热播列表
+[运行](HotPlaylist.py)
+
+简单思路说明：
+
+ - 利用`QScrollArea`滚动显示，`QGridLayout`做布局来放置自定义的Widget
+ - `QNetworkAccessManager`异步下载网页和图片
+ - `QScrollArea`滚动到底部触发下一页加载
+
+自定义控件说明：
+
+ - 主要是多个layout和控件的结合，其中图片`QLabel`为自定义，通过`setPixmap`设置图片，重写`paintEvent`绘制底部渐变矩形框和白色文字
+ - 字体颜色用qss设置
+ - 图标利用了`QSvgWidget`显示，可以是svg 动画（如圆形加载图）
+
+![HotPlaylist](ScreenShot/HotPlaylist.gif)

Diff for: QListWidget/HotPlaylist/ScreenShot/2.gif renamed to QFlowLayout/ScreenShot/HotPlaylist.gif

@@ -274,7 +274,7 @@ def _makeItem(self, lis):
                 li.xpath(".//div[@class='figure_count']/span/text()") or [""])[0]
             path = "cache/{0}.jpg".format(
                 os.path.splitext(os.path.basename(video_url))[0])
-            cover_path = "pic_v.png"
+            cover_path = "Data/pic_v.png"
             if os.path.isfile(path):
                 cover_path = path
             iwidget = ItemWidget(cover_path, figure_info, figure_title,

Diff for: QGridLayout/Data/pic_v.png

@@ -13,4 +13,27 @@
 ## 2、自定义可拖拽Item
 [运行](DragDrop.py)
 
-![CustomWidgetSortItem](ScreenShot/DragDrop.gif)
+![CustomWidgetSortItem](ScreenShot/DragDrop.gif)
+
+## 3、腾讯视频热播列表
+[运行](HotPlaylist.py)
+
+简单思路说明：
+
+ - 利用`QListWidget`设置一些特殊的参数达到可以横向自动显示
+ - `QNetworkAccessManager`异步下载网页和图片
+ - 滚动到底部触发下一页加载
+
+自定义控件说明：
+
+ - 主要是多个layout和控件的结合，其中图片`QLabel`为自定义，通过`setPixmap`设置图片，重写`paintEvent`绘制底部渐变矩形框和白色文字
+ - 字体颜色用qss设置
+ - 图标利用了`QSvgWidget`显示，可以是svg 动画（如圆形加载图）
+
+`QListWidget`的参数设置
+
+1. `setFlow(QListWidget.LeftToRight)`
+2. `setWrapping(True)`
+3. `setResizeMode(QListWidget.Adjust)`
+
+![HotPlaylist](ScreenShot/HotPlaylist.gif)