搜尋

QPainter 繪圖 ( QPen 功能介紹 )

使用 PyQt6 的 QPainter 繪圖時,通常都會透過 QPen 設定畫筆的顏色與樣式,這篇教學會介紹 QPen 常用的功能以及設定畫筆的指令。

快速導覽:

因為 Google Colab 不支援 PyQt6,所以請使用本機環境 ( 參考:使用 Python 虛擬環境 ) 或使用 Anaconda Jupyter 進行實作 ( 參考:使用 Anaconda )。

開始使用 QPen

QPen 通常是搭配 QPainter 的 setPen 方法一起使用,最基本的用法如下 ( 方法的位置和 PyQt5 有所不同 ):

qpainter = QPainter()
qpainter.setPen(QPen(QColor, width, Qt.PenStyle, Qt.PenCapStyle, Qt.PenJoinStyle))

QPen 基本的用法需要設定下列參數:

參數 說明
QColor 設定顏色。
width 畫筆寬度。
Qt.PenStyle 畫筆樣式。
Qt.PenCapStyle 線段開頭與結尾樣式。
Qt.PenJoinStyle 線段連接處樣式。

下方的程式碼執行後,畫面中的兩個正方形雖然大小相同,但因為 QPen 的參數設定不同而產生的樣式就會不同。

請先閱讀:QPainter 繪圖

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

app = QtWidgets.QApplication(sys.argv)
MainWindow = QtWidgets.QMainWindow()
MainWindow.setObjectName("MainWindow")
MainWindow.setWindowTitle("oxxo.studio")
MainWindow.resize(300, 200)

def draw(self):
    qpainter = QPainter()
    qpainter.begin(MainWindow)

    # 左邊的正方形
    qpainter.setPen(QPen(QColor('#000000'), 5, Qt.PenStyle.DotLine, Qt.PenCapStyle.FlatCap, Qt.PenJoinStyle.MiterJoin))
    qpainter.drawRect(30,50,100,100)

    # 右邊的正方形
    qpainter.setPen(QPen(QColor('#ff0000'), 10, Qt.PenStyle.DashDotDotLine, Qt.PenCapStyle.RoundCap, Qt.PenJoinStyle.RoundJoin))
    qpainter.drawRect(160,50,100,100)

    qpainter.end()

MainWindow.paintEvent = draw
MainWindow.show()
sys.exit(app.exec())

class 寫法:

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

class MyWidget(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        self.setObjectName("MainWindow")
        self.setWindowTitle('oxxo.studio')
        self.resize(300, 200)

    def paintEvent(self, event):
        self.qpainter = QPainter()
        self.qpainter.begin(self)

        # 左邊的正方形
        self.qpainter.setPen(QPen(QColor('#000000'), 5, Qt.PenStyle.DotLine, Qt.PenCapStyle.FlatCap, Qt.PenJoinStyle.MiterJoin))
        self.qpainter.drawRect(30,50,100,100)

        # 右邊的正方形
        self.qpainter.setPen(QPen(QColor('#ff0000'), 10, Qt.PenStyle.DashDotDotLine, Qt.PenCapStyle.RoundCap, Qt.PenJoinStyle.RoundJoin))
        self.qpainter.drawRect(160,50,100,100)

        self.qpainter.end()

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    Form = MyWidget()
    Form.show()
    sys.exit(app.exec())

PyQt6 教學 - QPainter 繪圖 ( Qpen 功能介紹 ) - 開始使用 Qpen

除了設定參數的方法,也可以先建立 QPen 物件,再透過物件本身提供的屬性進行設定,例如下方的程式碼,將黑色虛線的正方形改用 QPen 物件的設定方法,也能得到一模一樣的結果。

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

app = QtWidgets.QApplication(sys.argv)
MainWindow = QtWidgets.QMainWindow()
MainWindow.setObjectName("MainWindow")
MainWindow.setWindowTitle("oxxo.studio")
MainWindow.resize(300, 200)

def draw(self):
    qpainter = QPainter()
    qpainter.begin(MainWindow)

    qpen = QPen()                     # 建立 QPen 物件
    qpen.setColor(QColor('#000000'))  # 設定顏色
    qpen.setWidth(5)                  # 設定寬度
    qpen.setStyle(Qt.PenStyle.DotLine)         # 設定樣式
    qpen.setCapStyle(Qt.PenCapStyle.FlatCap)      # 設定線段開頭與結尾樣式
    qpen.setJoinStyle(Qt.PenJoinStyle.MiterJoin)   # 設定線段連接處樣式

    qpainter.setPen(qpen)   # 效果等同下方
    # qpainter.setPen(QPen(QColor('#000000'), 5, Qt.PenStyle.DotLine, Qt.PenCapStyle.FlatCap, Qt.PenJoinStyle.MiterJoin))
    qpainter.drawRect(30,50,100,100)

    qpainter.setPen(QPen(QColor('#ff0000'), 10, Qt.PenStyle.DashDotDotLine, Qt.PenCapStyle.RoundCap, Qt.PenJoinStyle.RoundJoin))
    qpainter.drawRect(160,50,100,100)

    qpainter.end()

MainWindow.paintEvent = draw
MainWindow.show()
sys.exit(app.exec())

class 寫法:

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

class MyWidget(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        self.setObjectName("MainWindow")
        self.setWindowTitle('oxxo.studio')
        self.resize(300, 200)

    def paintEvent(self, event):
            self.qpainter = QPainter()
            self.qpainter.begin(self)

            qpen = QPen()                     # 建立 QPen 物件
            qpen.setColor(QColor('#000000'))  # 設定顏色
            qpen.setWidth(5)                  # 設定寬度
            qpen.setStyle(Qt.PenStyle.DotLine)         # 設定樣式
            qpen.setCapStyle(Qt.PenCapStyle.FlatCap)      # 設定線段開頭與結尾樣式
            qpen.setJoinStyle(Qt.PenJoinStyle.MiterJoin)   # 設定線段連接處樣式

            self.qpainter.setPen(qpen)   # 效果等同下方
            # self.qpainter.setPen(QPen(QColor('#000000'), 5, Qt.PenStyle.DotLine, Qt.PenCapStyle.FlatCap, Qt.PenJoinStyle.MiterJoin))
            self.qpainter.drawRect(30,50,100,100)

            self.qpainter.setPen(QPen(QColor('#ff0000'), 10, Qt.PenStyle.DashDotDotLine, Qt.PenCapStyle.RoundCap, Qt.PenJoinStyle.RoundJoin))
            self.qpainter.drawRect(160,50,100,100)

            self.qpainter.end()

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    Form = MyWidget()
    Form.show()
    sys.exit(app.exec())

PyQt6 教學 - QPainter 繪圖 ( QPen 功能介紹 ) - 建立 QPen 物件

QPen 畫筆顏色與寬度

QPen 設定畫筆寬度只需要填入一個數字,單位是像素,但設定顏色則需要搭配 PyQt6.QtGui 模組裡的 QColor 方法,QColor 常使用兩種方式設定顏色,第一種方法直接填入十六進位色碼:

QColor('#ff0000')  # 紅色
QColor('#00ff00')  # 綠色
QColor('#0000ff')  # 藍色

第二種方法可以填入 Red、Green、Blue 和 Alpha ( 透明度,不填預設 255 ) 的數值,數值範圍 0~255:

QColor(255, 0, 0)       # 紅色
QColor(255, 0, 0, 50)   # 半透明紅色
QColor(0, 255, 0, 255)  # 綠色
QColor(0, 0, 255, 100)  # 半透明藍色

下方的例子執行後,會出現兩個邊框透明度不同的正方形。

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

app = QtWidgets.QApplication(sys.argv)
MainWindow = QtWidgets.QMainWindow()
MainWindow.setObjectName("MainWindow")
MainWindow.setWindowTitle("oxxo.studio")
MainWindow.resize(300, 200)

def draw(self):
    qpainter = QPainter()
    qpainter.begin(MainWindow)

    qpainter.setPen(QPen(QColor(255,0,0), 10))      # 紅色
    qpainter.drawRect(30,50,100,100)

    qpainter.setPen(QPen(QColor(255,0,0,50), 10))   # 半透明紅色
    qpainter.drawRect(160,50,100,100)

    qpainter.end()

MainWindow.paintEvent = draw
MainWindow.show()
sys.exit(app.exec())

class 寫法:

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

class MyWidget(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        self.setObjectName("MainWindow")
        self.setWindowTitle('oxxo.studio')
        self.resize(300, 200)

    def paintEvent(self, event):
        self.qpainter = QPainter()
        self.qpainter.begin(self)

        self.qpainter.setPen(QPen(QColor(255,0,0), 10))      # 紅色
        self.qpainter.drawRect(30,50,100,100)

        self.qpainter.setPen(QPen(QColor(255,0,0,50), 10))   # 半透明紅色
        self.qpainter.drawRect(160,50,100,100)

        self.qpainter.end()

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    Form = MyWidget()
    Form.show()
    sys.exit(app.exec())

PyQt6 教學 - QPainter 繪圖 ( QPen 功能介紹 ) - QPen 畫筆顏色與寬度

QPen 畫筆樣式

QPen 總共有六種畫筆樣式:

樣式名稱 說明
Qt.PenStyle.SolidLine 實線。
Qt.PenStyle.DashLine 虛線。
Qt.PenStyle.DotLine 點狀線。
Qt.PenStyle.DashDotLine 一點狀線混合虛線。
Qt.PenStyle.DashDotDotLine 兩點狀線混合虛線。
Qt.PenStyle.CustomDashLine 自訂虛線。

使用時只有自訂虛線 Qt.CustomDashLine 需要搭配 setDashPattern 方法額外設定,setDashPattern 方法可以指定虛線和空白間隔的長度,例如下方的程式碼執行後,就會出現六種樣式的線條。

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

app = QtWidgets.QApplication(sys.argv)
MainWindow = QtWidgets.QMainWindow()
MainWindow.setObjectName("MainWindow")
MainWindow.setWindowTitle("oxxo.studio")
MainWindow.resize(300, 200)

def draw(self):
    qpainter = QPainter()
    qpainter.begin(MainWindow)

    qpainter.setPen(QPen(QColor(0,0,0), 6, Qt.PenStyle.SolidLine))      # 實線
    qpainter.drawLine(50, 40, 250, 40)

    qpainter.setPen(QPen(QColor(0,0,0), 6, Qt.PenStyle.DashLine))       # 虛線
    qpainter.drawLine(50, 60, 250, 60)

    qpainter.setPen(QPen(QColor(0,0,0), 6, Qt.PenStyle.DotLine))        # 點狀線
    qpainter.drawLine(50, 80, 250, 80)

    qpainter.setPen(QPen(QColor(0,0,0), 6, Qt.PenStyle.DashDotLine))    # 一點狀線混合虛線
    qpainter.drawLine(50, 100, 250, 100)

    qpainter.setPen(QPen(QColor(0,0,0), 6, Qt.PenStyle.DashDotDotLine)) # 兩點狀線混合虛線
    qpainter.drawLine(50, 120, 250, 120)

    qpen = QPen()
    qpen.setColor(QColor(0,0,0))
    qpen.setWidth(6)
    space = 4          # 空白長度
    dashes = [1, space, 3, space, 9, space, 5, space, 1, space] # 自訂虛線樣式,偶數為空白
    qpen.setDashPattern(dashes)        # 設定虛線樣式
    qpen.setStyle(Qt.PenStyle.CustomDashLine)   # 自訂虛線
    qpainter.setPen(qpen)
    qpainter.drawLine(50, 140, 250, 140)

    qpainter.end()

MainWindow.paintEvent = draw
MainWindow.show()
sys.exit(app.exec())

class 寫法:

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

class MyWidget(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        self.setObjectName("MainWindow")
        self.setWindowTitle('oxxo.studio')
        self.resize(300, 200)

    def paintEvent(self, event):
        self.qpainter = QPainter()
        self.qpainter.begin(self)

        self.qpainter.setPen(QPen(QColor(0,0,0), 6, Qt.PenStyle.SolidLine))      # 實線
        self.qpainter.drawLine(50, 40, 250, 40)

        self.qpainter.setPen(QPen(QColor(0,0,0), 6, Qt.PenStyle.DashLine))       # 虛線
        self.qpainter.drawLine(50, 60, 250, 60)

        self.qpainter.setPen(QPen(QColor(0,0,0), 6, Qt.PenStyle.DotLine))        # 點狀線
        self.qpainter.drawLine(50, 80, 250, 80)

        self.qpainter.setPen(QPen(QColor(0,0,0), 6, Qt.PenStyle.DashDotLine))    # 一點狀線混合虛線
        self.qpainter.drawLine(50, 100, 250, 100)

        self.qpainter.setPen(QPen(QColor(0,0,0), 6, Qt.PenStyle.DashDotDotLine)) # 兩點狀線混合虛線
        self.qpainter.drawLine(50, 120, 250, 120)

        qpen = QPen()
        qpen.setColor(QColor(0,0,0))
        qpen.setWidth(6)
        space = 4          # 空白長度
        dashes = [1, space, 3, space, 9, space, 5, space, 1, space] # 自訂虛線樣式,偶數為空白
        qpen.setDashPattern(dashes)        # 設定虛線樣式
        qpen.setStyle(Qt.PenStyle.CustomDashLine)   # 自訂虛線
        self.qpainter.setPen(qpen)
        self.qpainter.drawLine(50, 140, 250, 140)

        self.qpainter.end()

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    Form = MyWidget()
    Form.show()
    sys.exit(app.exec())

PyQt6 教學 - QPainter 繪圖 ( QPen 功能介紹 ) - QPen 畫筆樣式

QPen 線段開頭與結尾樣式

QPen 總共有三種線段開頭與結尾樣式:

線段開頭與結尾樣式 說明
Qt.PenCapStyle.SquareCap 平面樣式,會超過端點線寬的一半的距離。
Qt.PenCapStyle.FlatCap 平面樣式,會切齊端點。
Qt.PenCapStyle.RoundCap 圓形樣式,中心點對齊端點。

下方的程式碼執行後,會先畫使用 Qt.FlatCap 切齊端點的黑線,接著在畫三條開頭與結尾樣式不同的半透明粗紅線。

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

app = QtWidgets.QApplication(sys.argv)
MainWindow = QtWidgets.QMainWindow()
MainWindow.setObjectName("MainWindow")
MainWindow.setWindowTitle("oxxo.studio")
MainWindow.resize(300, 200)

def draw(self):
    qpainter = QPainter()
    qpainter.begin(MainWindow)

    qpainter.setPen(QPen(QColor(0,0,0), 2, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap))
    qpainter.drawLine(50, 40, 250, 40)

    qpainter.setPen(QPen(QColor(0,0,0), 2, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap))
    qpainter.drawLine(50, 80, 250, 80)

    qpainter.setPen(QPen(QColor(0,0,0), 2, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap))
    qpainter.drawLine(50, 120, 250, 120)

    qpainter.setPen(QPen(QColor(255,0,0,50), 20, Qt.PenStyle.SolidLine, Qt.PenCapStyle.SquareCap))
    qpainter.drawLine(50, 40, 250, 40)

    qpainter.setPen(QPen(QColor(255,0,0,50), 20, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap))
    qpainter.drawLine(50, 80, 250, 80)

    qpainter.setPen(QPen(QColor(255,0,0,50), 20, Qt.PenStyle.SolidLine, Qt.PenCapStyle.RoundCap))
    qpainter.drawLine(50, 120, 250, 120)

    qpainter.end()

MainWindow.paintEvent = draw
MainWindow.show()
sys.exit(app.exec())

class 寫法:

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

class MyWidget(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        self.setObjectName("MainWindow")
        self.setWindowTitle('oxxo.studio')
        self.resize(300, 200)

    def paintEvent(self, event):
        self.qpainter = QPainter()
        self.qpainter.begin(self)

        self.qpainter.setPen(QPen(QColor(0,0,0), 2, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap))
        self.qpainter.drawLine(50, 40, 250, 40)

        self.qpainter.setPen(QPen(QColor(0,0,0), 2, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap))
        self.qpainter.drawLine(50, 80, 250, 80)

        self.qpainter.setPen(QPen(QColor(0,0,0), 2, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap))
        self.qpainter.drawLine(50, 120, 250, 120)

        self.qpainter.setPen(QPen(QColor(255,0,0,50), 20, Qt.PenStyle.SolidLine, Qt.PenCapStyle.SquareCap))
        self.qpainter.drawLine(50, 40, 250, 40)

        self.qpainter.setPen(QPen(QColor(255,0,0,50), 20, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap))
        self.qpainter.drawLine(50, 80, 250, 80)

        self.qpainter.setPen(QPen(QColor(255,0,0,50), 20, Qt.PenStyle.SolidLine, Qt.PenCapStyle.RoundCap))
        self.qpainter.drawLine(50, 120, 250, 120)

        self.qpainter.end()

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    Form = MyWidget()
    Form.show()
    sys.exit(app.exec())

PyQt6 教學 - QPainter 繪圖 ( QPen 功能介紹 ) - QPen 線段開頭與結尾樣式

QPen 線段連接處樣式

QPen 總共有三種線段連接處樣式:

線段連接處樣式 說明
Qt.PenJoinStyle.BevelJoin 平面。
Qt.PenJoinStyle.MiterJoin 延伸線條。
Qt.PenJoinStyle.RoundJoin 圓弧。

下方的程式碼執行後,會畫出三條線段連接處樣式不同的粗紅線。

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

app = QtWidgets.QApplication(sys.argv)
MainWindow = QtWidgets.QMainWindow()
MainWindow.setObjectName("MainWindow")
MainWindow.setWindowTitle("oxxo.studio")
MainWindow.resize(300, 200)

def draw(self):
    qpainter = QPainter()
    qpainter.begin(MainWindow)

    qpainter.setPen(QPen(QColor(255,0,0), 25, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap, Qt.PenJoinStyle.BevelJoin))
    points = [QPoint(30,160),QPoint(60,50),QPoint(90,160)]
    qpainter.drawPolyline(points)

    qpainter.setPen(QPen(QColor(255,0,0), 25, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap, Qt.PenJoinStyle.MiterJoin))
    points = [QPoint(120,160),QPoint(150,50),QPoint(180,160)]
    qpainter.drawPolyline(points)

    qpainter.setPen(QPen(QColor(255,0,0), 25, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap, Qt.PenJoinStyle.RoundJoin))
    points = [QPoint(210,160),QPoint(240,50),QPoint(270,160)]
    qpainter.drawPolyline(points)

    qpainter.end()

MainWindow.paintEvent = draw
MainWindow.show()
sys.exit(app.exec())

class 寫法:

from PyQt6 import QtWidgets
from PyQt6.QtGui import *
from PyQt6.QtCore import *
import sys

class MyWidget(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        self.setObjectName("MainWindow")
        self.setWindowTitle('oxxo.studio')
        self.resize(300, 200)

    def paintEvent(self, event):
        self.qpainter = QPainter()
        self.qpainter.begin(self)

        self.qpainter.setPen(QPen(QColor(255,0,0), 25, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap, Qt.PenJoinStyle.BevelJoin))
        points = [QPoint(30,160),QPoint(60,50),QPoint(90,160)]
        self.qpainter.drawPolyline(points)

        self.qpainter.setPen(QPen(QColor(255,0,0), 25, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap, Qt.PenJoinStyle.MiterJoin))
        points = [QPoint(120,160),QPoint(150,50),QPoint(180,160)]
        self.qpainter.drawPolyline(points)

        self.qpainter.setPen(QPen(QColor(255,0,0), 25, Qt.PenStyle.SolidLine, Qt.PenCapStyle.FlatCap, Qt.PenJoinStyle.RoundJoin))
        points = [QPoint(210,160),QPoint(240,50),QPoint(270,160)]
        self.qpainter.drawPolyline(points)

        self.qpainter.end()

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    Form = MyWidget()
    Form.show()
    sys.exit(app.exec())

PyQt6 教學 - QPainter 繪圖 ( QPen 功能介紹 ) - QPen 線段連接處樣式

參考資料

意見回饋

如果有任何建議或問題,可傳送「意見表單」給我,謝謝~

Python 教學

基本介紹

Python 學習導讀 關於 Python 使用 Google Colab 使用 Anaconda 使用 Python 虛擬環境 Python 範例集錦

資料型別

變數 variable 變數 ( 全域、區域 ) 數字 number 文字與字串 string 文字與字串 ( 常用方法 ) 文字與字串 ( 格式化 ) 串列 list 串列 ( 常用方法 ) 元組/數組 tuple 字典 dictionary 集合 set

語法觀念

縮排和註解 運算子 operator 邏輯判斷 ( if、elif、else ) 邏輯判斷 ( and 和 or ) 重複迴圈 ( for、while ) 例外處理 ( try、except ) 生成式 comprehension 物件類別 class 物件繼承 inheritance 匯入模組 import

函式操作

函式 function 匿名函式 lambda 遞迴 recursion 產生器 generator 裝飾器 decorator 閉包 closure

內建函式&方法

輸入與輸出 數學計算 字串操作與轉換 迭代物件轉換 迭代物件操作 檔案讀寫 ( open ) eval() 與 exec()

標準函式庫&模組

隨機數 random 數學 math 數學統計函式 statistics 時間與日期 datetime 時間處理 time 日曆 calendar 使用正規表達式 re 檔案操作 os 查找匹配檔案 glob 壓縮檔案 zipfile 高階檔案操作 shutil 高效迭代器 itertools 容器資料型態 collections CSV 檔案操作 JSON 檔案操作 threading 多執行緒處理 concurrent.futures

網路爬蟲

Python 網路爬蟲導讀 關於網路爬蟲 破解反爬蟲的方法 Requests 函式庫 Beautiful Soup 函式庫 Selenium 函式庫 爬取 PTT 文章標題 自動下載 PTT 正妹圖片 同時下載多張圖片 同時下載多張寶可夢圖片 爬取 CCTV 即時影像 爬取統一發票號碼對獎 爬取空氣品質指標 ( AQI ) 爬取氣象預報 爬取現在天氣 LINE Notify 雷達回波圖 LINE Notify 即時地震資訊 爬取臺灣銀行牌告匯率 爬取 Yahoo 股市即時股價 爬取 LINE TODAY 留言 批次下載 Pinterest 圖片 登入 Mobile01 截圖下載 Twitter 自動上傳圖文

網頁服務與應用

Flask 函式庫 使用 ngrok 服務 Google Cloud Functions 串接 Gmail 寄送電子郵件 讀取 Google 試算表 寫入 Google 試算表 上傳 Google 雲端硬碟 發送 LINE Notify 通知 使用 Dialogflow Dialogflow + Webhook 伺服器串接 Dialogflow 串接 Firebase 資料庫 (1) 串接 Firebase 資料庫 (2) 串接 Firebase 資料庫 (3) 使用 OpenAI ChatGPT ChatGPT + Firebase

LINE BOT 教學

LINE BOT 教學導讀 建立 LINE Channel 設定 Colab 開發環境 建立並串接 Webhook 解析 LINE 的訊息 自動回覆訊息 主動推播訊息 建立圖文選單 切換圖文選單 發送樣板訊息 發送 Flex Message 使用 Requests 傳送訊息 使用 LINE URL Scheme 儲存使用者的圖片或影片 串接 Email 傳送圖片或影片 串接 Google 雲端硬碟 氣象機器人 (1) 氣象機器人 (2) 氣象機器人 (3) 氣象機器人 (4) 串接 Dialogflow (1) 串接 Dialogflow (2) 串接 Dialogflow (3) 串接 Dialogflow (4) 串接 OpenAI ChatGPT (1) 串接 OpenAI ChatGPT (2) 串接 OpenAI ChatGPT (3)

OpenCV 教學

OpenCV 教學導讀 OpenCV 函式庫 開啟並顯示圖片 寫入並儲存圖片 讀取並播放影片 寫入並儲存影片 取得影像資訊 旋轉/翻轉/改變尺寸 影像的幾何變形 影像的色彩轉換 繪製各種形狀 影像加入文字 剪裁影像 調整對比和亮度 負片效果 影像模糊化 影像的疊加與相減 二值化黑白影像 影像的侵蝕與膨脹 影像邊緣偵測 魔術棒填充顏色 影像遮罩 邊緣羽化效果 馬賽克效果 子母畫面影片 萬花筒影片效果 多畫面延遲播放影片 搞笑全景影片合成效果 凸透鏡效果 ( 魚眼效果 ) 倒數計時自動拍照效果 線性漸層填色 合成半透明圖片 將指定的顏色變透明 處理 gif 動畫 影片轉透明 gif 動畫 辨識 QRCode 和 BarCode 掃描 QRCode 切換效果 偵測滑鼠事件 滑鼠選取自動馬賽克 即時在影片中繪圖 偵測鍵盤行為 加入滑桿 ( Trackbar ) 拍照上傳 Google 雲端硬碟

AI 影像辨識教學

AI 影像辨識教學導讀 OpenCV 人臉偵測 OpenCV 人臉馬賽克 OpenCV 五官偵測 OpenCV 汽車偵測 OpenCV 行人偵測 OpenCV 辨識不同人臉 OpenCV 單物件追蹤 OpenCV 多物件追蹤 OpenCV 抓取特定顏色 OpenCV 追蹤並標記顏色 情緒辨識與年齡偵測 辨識微笑,拍照儲存 使用 Mediapipe ( 新 ) Mediapipe 人臉偵測 ( 新 ) Mediapipe 人臉特徵點偵測 ( 新 ) Mediapipe 手掌偵測 ( 新 ) 使用 Mediapipe ( 舊 ) Mediapipe 人臉偵測 ( 舊 ) Mediapipe 人臉網格 ( 舊 ) Mediapipe 手掌偵測 ( 舊 ) Mediapipe 姿勢偵測 Mediapipe 全身偵測 Mediapipe 物體偵測 Mediapipe 人物去背 Mediapipe 手勢辨識 辨識比中指,自動馬賽克 用手指在影片中畫圖 手指擦除鏡子霧氣效果 即時合成搞笑橘子臉 Jupyter 安裝 Tensorflow 使用 Teachable Machine 辨識剪刀、石頭、布 辨識是否戴口罩 辨識手寫數字

NumPy 教學

NumPy 教學導讀 NumPy 函式庫 資料型態 建立陣列 讀取陣列 迭代陣列 陣列項目賦值 修改陣列形狀 修改陣列項目 填充陣列 分割陣列 合併陣列 陣列排序 廣播 搜尋陣列項目 算數計算 數學函式 隨機數 字串操作處理

matplotlib 圖表

matplotlib 教學導讀 matplotlib 函式庫 Figure 和 Axes Figure 參數設定 建立多個子圖表 設定圖表標籤 設定座標軸位置 設定座標軸刻度文字 資料文字標記 加入顏色對照表 使用極座標系統 使用 3D 圖表 圖表顯示中文 下載儲存圖表 顯示圖片 製作圖表動畫 ( 圖表 ) 折線圖 ( 圖表 ) 散布圖 ( 圖表 ) 長條圖 ( 圖表 ) 圓餅圖 ( 圖表 ) 甜甜圈圖 ( 圖表 ) 等高線圖 ( 圖表 ) 階梯折線圖 ( 圖表 ) 堆疊折線圖 ( 圖表 ) 堆疊長條圖 ( 圖表 ) 極座標長條圖 ( 圖表 ) 極座標散布圖 ( 圖表 ) 3D 柱狀長條圖 ( 圖表 ) 3D 散布圖

Tkinter 介面設計

Tkinter 教學導讀 建立 Tkinter 視窗 Label 標籤 Button 按鈕 Radiobutton 單選按鈕 Checkbutton 複選按鈕 Entry 單行輸入框 Text 多行輸入框 Listbox 列表選擇框 OptionMenu 下拉選單 Scale 數值調整滑桿 Spinbox 數值調整元件 Frame 框架 LabelFrame 標籤框架 Scrollbar 滾動條 Canvas 畫布 Menu 選單 Messagebox 訊息提示框 Photoimage 顯示圖片 ttk.Progressbar 進度條 ttk.Combobox 下拉選單 Pack 基本版面佈局 Grid 格狀版面佈局 Place 位置版面佈局 範例 - Label 製作時鐘 範例 - 點擊按鈕開檔案 範例 - 開啟多個檔案 範例 - 開啟並壓縮檔案 範例 - 開啟並顯示圖片 範例 - 調整圖片亮度對比 範例 - 簡單計算機 範例 - 發送 LINE Notify

PyQt5 介面設計

PyQt5 教學導讀 PyQt5 函式庫 使用 Qt designer 建立 PyQt5 視窗 QLabel 標籤 QPushButton 按鈕 QRadioButton 單選按鈕 QCheckBox 複選按鈕 QGraphicsView 顯示圖片 QLineEdit 單行輸入框 QTextEdit 多行輸入框 QListWidget 列表選擇框 QComboBox 下拉選單 QSpinBox 數值調整元件 QTimeEdit 時間調整元件 QDateEdit 日期調整元件 QSlider 數值調整滑桿 QProgressBar 進度條 QFileDialog 選擇檔案視窗 QMessageBox 對話視窗 QInputDialog 輸入視窗 QMenuBar 視窗選單 QTimer 定時器 QThread 多執行緒 QtCore.pyqtSignal 信號傳遞 QtMultimedia 播放聲音 QPainter 繪圖 QPainter 繪圖 ( QPen ) QPainter 繪圖 ( 儲存圖片 ) QSS 樣式設定 QWebEngineView 網頁顯示 Layout 佈局 ( 垂直水平 ) Layout 佈局 ( Grid 網格 ) Layout 佈局 ( Form 表單 ) 偵測滑鼠事件 偵測鍵盤與快速鍵組合 偵測與控制視窗 視窗中開啟新視窗 顯示圖片的三種方法 顯示 Matplotlib 圖表 顯示 Pillow 圖片 顯示 OpenCV 圖片和影片 範例 - 世界時鐘 範例 - 簡單計算機 範例 - 儲存檔案為壓縮檔 範例 - 發送 LINE Notify 範例 - 電腦攝影機 範例 - 攝影機拍照錄影 範例 - 簡單錄音機 範例 - 小畫家 範例 - 開啟圖片轉檔儲存 範例 - 調整圖片亮度對比

PyQt6 介面設計

PyQt6 教學導讀 PyQt6 函式庫 PyQt6 和 PyQt5 的差異 建立 PyQt6 視窗 QLabel 標籤 QPushButton 按鈕 QRadioButton 單選按鈕 QCheckBox 複選按鈕 QGraphicsView 顯示圖片 QLineEdit 單行輸入框 QTextEdit 多行輸入框 QListWidget 列表選擇框 QComboBox 下拉選單 QSpinBox 數值調整元件 QTimeEdit 時間調整元件 QDateEdit 日期調整元件 QSlider 數值調整滑桿 QProgressBar 進度條 QFileDialog 選擇檔案視窗 QMessageBox 對話視窗 QInputDialog 輸入視窗 QMenuBar 視窗選單 QTimer 定時器 QThread 多執行緒 QtCore.pyqtSignal 信號傳遞 QtMultimedia 播放聲音 QPainter 繪圖 QPainter 繪圖 ( QPen ) QPainter 繪圖 ( 儲存圖片 ) QSS 樣式設定 QWebEngineView 網頁顯示 Layout 佈局 ( 垂直水平 ) Layout 佈局 ( Grid 網格 ) Layout 佈局 ( Form 表單 ) 偵測滑鼠事件 偵測鍵盤與快速鍵組合 偵測與控制視窗 視窗中開啟新視窗 顯示圖片的三種方法 顯示 Matplotlib 圖表 顯示 Pillow 圖片 顯示 OpenCV 圖片和影片 範例 - 世界時鐘 範例 - 簡單計算機 範例 - 儲存檔案為壓縮檔 範例 - 發送 LINE Notify 範例 - 電腦攝影機 範例 - 攝影機拍照錄影 範例 - 簡單錄音機 範例 - 小畫家 範例 - 開啟圖片轉檔儲存 範例 - 調整圖片亮度對比

影音處理範例

批次圖片轉檔 批次調整圖片尺寸 調整圖片亮度和對比 裁切與旋轉圖片 拼接多張圖片 圖片加上 logo 浮水印 圖片加上文字浮水印 圖片馬賽克效果 圖片模糊化 圖片銳利化 讀取與修改圖片 Exif 圖片轉文字 ( OCR ) 讀取聲音資訊、輸出聲音 聲音剪輯與串接 聲音音量調整 聲音混合與反轉 改變聲音速度 播放聲音 麥克風錄音 合成音符聲音 顯示聲波圖形 影片轉檔 取出影片聲音或加入聲音 影片剪輯與合併 影片混合與排列顯示 改變影片尺寸、旋轉翻轉 調整影片速度、倒轉影片 調整影片亮度/對比/顏色 影片轉 gif 動畫 影片中加入文字 影片自動加上字幕 影片截圖、圖片轉影片

實際應用範例

下載 Youtube 影片 下載 Youtube 清單影片 定時自動螢幕截圖 LINE Notify 傳送螢幕截圖 建立 MJPEG 即時影像串流 批次重新命名檔案 產生 QRCode 產生 BarCode 讀取 PDF 內容 PDF 拆分/合併/插入/刪除 讀取 EXCEL 內容 寫入資料到 EXCEL CSV 寫入 EXCEL 讀取電腦資訊 偵測電腦螢幕解析度 查詢電腦對內對外 IP 查詢網站 IP、ping IP 製作 MacOS app

基礎範例

電費試算 攝氏/華氏轉換 公分/英吋換算 判斷平年與閏年 找出不重複字元 找出中間的字元 去除中英文夾雜的空白 大樂透電腦選號 下載進度條 星號金字塔 數字金字塔 猜數字 ( 猜大猜小 ) 猜數字 ( 幾 A 幾 B ) 簡單時鐘 ( 世界時間 ) 計算 BMI 數值 計算年紀 ( 歲、月、天 ) 產生身分證字號 ( 隨機 ) 檢查身分證字號 統一發票對獎 羅馬數字轉換

數學範例

兩個數字的四則運算 計算多個數字的總和 費波那契數列 九九乘法表 質因數分解 快速找出質數 最小公倍數 ( 多個數字 ) 最大公因數 ( 多個數字 )

ZeroJudge 解答

關於 ZeroJudge a001: 哈囉 a002: 簡易加法 a003: 兩光法師占卜術 a004: 文文的求婚 a005: Eva 的回家作業 a006: 一元二次方程式 a009: 解碼器 a010: 因數分解 a013: 羅馬數字 a015: 矩陣的翻轉 a017: 五則運算 a020: 身分證檢驗 a021: 大數運算 a022: 迴文 a024: 最大公因數(GCD) a034: 二進位制轉換 a038: 數字翻轉 a040: 阿姆斯壯數 a042: 平面圓形切割 a044: 空間切割 a053: Sagit's 計分程式 a054: 電話客服中心 a058: MOD3 a059: 完全平方和 a065: 提款卡密碼 a095: 麥哲倫的陰謀 a104: 排序 a147: Print it all a148: You Cannot Pass?! a149: 乘乘樂 a215: 明明愛數數 a216: 數數愛明明 a224: 明明愛明明 a225: 明明愛排列 a244: 新手訓練~for+if a248: 新手訓練~陣列應用 a263: 日期差幾天 a271: 彩色蘿蔔 a291: nAnB problem a410: 解方程 a414: 位元運算之進位篇 a417: 螺旋矩陣 a524: 手機之謎 a528: 大數排序 a647: 投資專家 a693: 吞食天地 a738: 最大公約數 a746: 畫蛇添足 a799: 正值國 a915: 二維點排序 b265: Conformity b294: 經濟大恐荒 b367: 翻轉世界 b374: 求眾數 b511: 換銅板 b558: 求數列第 n 項 e267: Group Reverse d073: 分組報告 d294: 算算算 Easy d485: 我愛偶數 d827: 買鉛筆