24
4
Trong blog trước "Cách triển khai QScrollArea cuộn mượt mà trong pyqt", chúng tôi đã sử dụng bộ tính giờ và hàng đợi để đạt được khả năng cuộn mượt mà. Tuy nhiên, mã triển khai vẫn hơi phức tạp nên blog này sẽ sử dụng khung hoạt hình QPropertyAnimation của Qt để đạt được chức năng tương tự.
Quá trình cuộn thực chất là quá trình thay đổi giá trị() của QScrollBar. Lý do khiến QScrollArea của Qt không thể cuộn trơn tru là vì nó nhảy giữa hai giá trị() của QScrollBar trong quá trình cuộn. Nếu có thể nội suy giữa hai giá trị cuộn, chúng ta có thể đạt được thao tác cuộn mượt mà. Ở đây, chúng ta bắt đầu hoạt ảnh cuộn bằng cách ghi đè hàm setValue().
Trung tâm cá nhân
Điều phát hành
từ bỏ
lớp SmoothScrollBar(QScrollBar): """ Thanh cuộn mượt """ scrollFinished = pyqtSignal() def __init__(self, parent=None): QScrollBar.__init__(self, parent) self.ani = QPropertyAnimation() self.ani.setTargetObject(self) self.ani.setPropertyName(b"value") self.ani.setEasingCurve(QEasingCurve.OutCubic) self.ani.setDuration(500) self.ani.finished.connect(self.scrollFinished) def setValue(self, value: int): if value == self.value(): return # dừng hoạt ảnh đang chạy self.ani.stop() self.scrollFinished.emit() self.ani.setStartValue(self.value()) self.ani.setEndValue(value) self.ani.start() def scrollValue(self, value: int): """ cuộn theo khoảng cách đã chỉ định """ giá trị += self.value() self.scrollTo(giá trị) def scrollTo(self, value: int): """ cuộn đến vị trí đã chỉ định """ giá trị = min(self.maximum(), max(self.minimum(), value)) self.setValue(giá trị) def mousePressEvent(self, e): self.ani.stop() super().mousePressEvent(e) def mouseReleaseEvent(self, e): self.ani.stop() super().mouseReleaseEvent(e) def mouseMoveEvent(self, e): self.ani.stop() super().mouseMoveEvent(e)
Cuối cùng, bạn cần thay thế thanh cuộn mặc định của QScrollArea bằng SmoothScrollBar cuộn mượt mà:
lớp SmoothScrollArea(QScrollArea): """ Vùng cuộn mượt mà """ def __init__(self, parent=None): super().__init__(parent) self.hScrollBar = SmoothScrollBar() self.vScrollBar = SmoothScrollBar() self.hScrollBar.setOrientation(Qt.Horizontal) self.vScrollBar.setOrientation(Qt.Vertical) self.setVerticalScrollBar(self.vScrollBar) self.setHorizontalScrollBar(self.hScrollBar) def setScrollAnimation(self, orient, duration, easing=QEasingCurve.OutCubic): """ đặt hoạt ảnh cuộn Tham số ---------- orient: Định hướng hướng cuộn thời lượng: int thời lượng cuộn easing: QEasingCurve kiểu hoạt ảnh """ bar = self.hScrollBar nếu orient == Qt.Horizontal else self.vScrollBar bar.ani.setDuration(duration) bar.ani.setEasingCurve(easing) def wheelEvent(self, e): if e.modifiers() == Qt.NoModifier: self.vScrollBar.scrollValue(-e.angleDelta().y()) else: self.hScrollBar.scrollValue(-e.angleDelta().x())
Đây là một chương trình thử nghiệm trình xem hình ảnh đơn giản:
# mã hóa:utf-8 nhập sys từ PyQt5.QtCore nhập QEasingCurve, Qt từ PyQt5.QtGui nhập QPixmap từ PyQt5.QtWidgets nhập QApplication, QLabel lớp Demo(SmoothScrollArea): def __init__(self): super().__init__() self.label = QLabel(self) self.label.setPixmap(QPixmap("shoko.jpg")) # tùy chỉnh hoạt ảnh cuộn self.setScrollAnimation(Qt.Vertical, 400, QEasingCurve.OutQuint) self.setScrollAnimation(Qt.Horizontal, 400, QEasingCurve.OutQuint) self.horizontalScrollBar().setValue(1900) self.setWidget(self.label) self.resize(1200, 800) if __name__ == '__main__': ứng dụng = QApplication(sys.argv) w = Demo() w.show() ứng dụng.exec_()
Những hình ảnh được sử dụng để thử nghiệm như sau (Nizi-chan thật dễ thương:
Tại thời điểm này, việc triển khai tính năng cuộn mượt mà đã được giới thiệu. Để biết thêm các tiện ích tùy chỉnh, vui lòng tham khảo PyQt-Fluent-Widgets ở trên~~.
Cuối cùng, bài viết này về cách sử dụng hoạt ảnh để triển khai QScrollArea cuộn mượt mà trong pyqt kết thúc tại đây. Nếu bạn muốn biết thêm về cách sử dụng hoạt ảnh để triển khai QScrollArea cuộn mượt mà trong pyqt, vui lòng tìm kiếm bài viết CFSDN hoặc tiếp tục Duyệt các bài viết liên quan, tôi mong bạn sẽ ủng hộ blog của mình trong tương lai nhé! .
24
4
0
Tôi muốn cơ thể của mình không cuộn nếu tôi đính kèm lớp 'không cuộn', nếu không nó sẽ hoạt động tốt. Tôi đã tìm kiếm vấn đề này trong hai ngày nhưng không thể tìm thấy giải pháp nào phù hợp với mình. Điều tôi muốn là thêm một lớp vào phần thân và
Tôi đã tìm thấy lỗi trong iOS Safari (Tôi đang thử nghiệm trên iOS 8). Khi iFrame được định vị tuyệt đối nổi phía trên một phần nội dung có thể cuộn, việc cuộn iFrame cũng sẽ cuộn nội dung bên dưới. HTML sau (ava
Tôi có đoạn mã sau để hiển thị một loạt hình ảnh danh mục đầu tư được lưu trữ trong div cuộn ở định dạng SVG: Cuộn trong Safari bằng hai ngón tay hoặc con lăn chuột không hoạt động khi con trỏ ở trên một trong các SVG. trang này
Điều tôi muốn làm với javascript là: Khi bạn cuộn xuống trang, hãy thay đổi vị trí của #sidebar-box-fixed từ vị trí: tương đối thành vị trí: đã sửa;. Thay đổi trở lại vị trí:rela
Tôi hơi bối rối về chức năng cuộn của Elaticsearch. Trong elaticsearch, có thể gọi API tìm kiếm mỗi lần người dùng cuộn qua tập kết quả không? Từ tài liệu "search_type" => "quét
Tôi đang cố gắng làm cho nó khi tôi cuộn lên hoặc xuống trang, nó sẽ chạy một chức năng tương ứng khác. Tôi đã tìm thấy một câu hỏi tương tự ở đây nhưng tôi đã thử câu trả lời của họ và không gặp may. Lưu ý: Trang này không có thanh cuộn hiển thị chính xác. Không có nơi nào để cuộn. bo
(Ngôn ngữ C, thư viện GTK) Trên biểu mẫu của tôi, tôi có tiện ích GtkdrawArea mà tôi sử dụng Cairo để vẽ GdkPixbufs (được tải từ tệp). Điều tôi muốn đạt được là có thể sử dụng trong khi kích thước cửa sổ vẫn cố định
Gần đây, tôi đang cố gắng tạo lực kéo (làm mới, tải thêm) swiftUI ScrollView!!, lấy cảm hứng từ https://cocoapod.org/pod/SwiftPullToRefresh Tôi đang nghiên cứu
Tôi đang làm việc trên một ứng dụng có hai danh sách với các khu vực có thể kéo được và một menu bên có các mục có thể kéo được. Khi tôi cuộn màn hình, vị trí của các mục bị nhầm lẫn. Tôi đã cố gắng tìm kiếm thứ gì đó trên google và kết thúc với câu hỏi này: jQuery draggabl
Tôi có một biểu mẫu HTML được tải trong UIWebView và UIWebView của tôi bắt đầu chính xác ở giữa Chế độ xem và mở rộng. Tôi phải khóa chế độ xem web này khỏi cuộn và đặt nó lên trên ScrollView để cho phép
Làm cách nào tôi có thể áp dụng độ mờ trên từng phần tử thay vì toàn bộ phần tử (so với chiều cao của nó)? HTML: CSS: * { đệm: 0; lề: 0; kích thước hộp: đường viền
Tôi muốn sử dụng Chế độ xem trang có trục dọc và sử dụng tính năng cuộn chuột để di chuyển giữa các trang, nhưng trang không cuộn khi tôi cuộn bằng chuột... chỉ trang cuộn khi được nhấp và vuốt lên/xuống. Có cách nào không? Tôi muốn giữ thuộc tính pageSnapping:
Tôi làm chương trình này cho vui nhưng tôi bị kẹt vì chương trình chạy ngoài màn hình. Cách triển khai thanh cuộn mà không thay đổi hoàn toàn mã. public static void main(String args[]) ném IO
Tôi muốn sử dụng Chế độ xem trang có trục dọc và sử dụng tính năng cuộn chuột để di chuyển giữa các trang, nhưng trang không cuộn khi tôi cuộn bằng chuột... chỉ trang cuộn khi được nhấp và vuốt lên/xuống. Có cách nào không? Tôi muốn giữ thuộc tính pageSnapping:
Thật khó để nói những gì đang được hỏi ở đây. Câu hỏi mơ hồ, mơ hồ, không đầy đủ, quá rộng hoặc hùng biện và không thể trả lời hợp lý ở dạng hiện tại. Để được trợ giúp làm rõ vấn đề này để bạn có thể mở lại, hãy truy cập trung tâm trợ giúp. Đã đóng
Sử dụng công nghệ jquery để cuộn/theo dõi thanh bên từ css-tricks.com, nếu bạn không biết tôi đang nói về điều gì thì đây là mã: $(function() { var $sidebar = $
Tôi mới làm quen với jQuery Mobile. Tôi cần thêm chức năng bảng trượt Facebook vào ứng dụng của mình. Tôi đã xem qua bảng menu trượt và nó hoạt động tốt nhưng nội dung của tôi trong bảng menu vượt quá kích thước cửa sổ,
Có cách nào để phát hiện ctrl+scroll trong js hoặc jQuery hoặc bất kỳ công cụ nào khác không. Tôi đang cố triển khai một số mã bố cục động, tôi cần phát hiện chiều rộng màn hình ở các độ phân giải khác nhau, tôi đã đạt được điều này bằng cách sử dụng bộ hẹn giờ với setTimeout()
Tôi có một phần mã html:
Tôi muốn kiểm soát việc cuộn RichTextBox nhưng không thể tìm ra cách nào để thực hiện việc này trong điều khiển. Lý do cho điều này là vì tôi muốn cuộn bánh xe chuột hoạt động khi con trỏ chuột ở trên điều khiển RichTextBox (nó không có tiêu điểm sự kiện: các sự kiện bánh xe chuột được xử lý theo biểu mẫu
Tôi là một lập trình viên xuất sắc, rất giỏi!