Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

Vscode phát triển ứng dụng qss style sheet

In lại Tác giả: Sahara Thời gian cập nhật: 23-12-2024 22:47:52 61 4
mua khóa gpt4 Nike

Giới thiệu về qss

qss (Bảng định kiểu Qt) user.

Cú pháp của nó về cơ bản như sau:

objectName{thuộc tính: value}

Trong số đó, objectName là tên của kiểu đối tượng được tạo, thuộc tính là thuộc tính được đặt và giá trị là giá trị Ví dụ: để đặt màu nền của nút thành màu đỏ, bạn có thể viết:

QPushButton{ màu nền: đỏ }

Nếu bạn muốn đặt nhiều loại cho cùng một điều khiển, bạn có thể chỉ định tên.

QLabel#label1{ màu nền: xanh lam; } QLabel#label2{ màu nền: xanh lá cây;

Sử dụng phương thức setObjectName(); use match type.

QLabel *label = new QLabel(this); label->setObjectName("label1"); // Màu nền của nhãn này là màu xanh lam QLabel *label2 = new QLabel(this); // Màu nền của nhãn này là màu cây xanh lá cây

Đối với một số điều khiển khác có trạng thái khác nhau, có giới hạn như nút nhấn trạng thái bên dưới trạng thái bình thường, trạng thái di chuột, vv, các QSS định nghĩa khác nhau có thể được sử dụng để khai báo các kiểu trạng thái khác nhau.

QPushButton:Pressed{ Background-color: green; } // Thay đổi màu nền thành màu xanh lá cây khi nhấn nút QPushButton:hover{ Background-color: yellow; } // Thay đổi màu nền thành màu vàng khi chuột chuột qua nút

Có thể được trộn lẫn với giới hạn như:

QPushButton#btn1:press{background-color: green; } // Thay đổi màu nền thành xanh lục khi nhấn nút btn1

tập tin qrc

Hình ảnh được sử dụng trong văn bản. Thực chất nó là một tệp xml, có thể chứa nhiều thẻ , mỗi thẻ tương ứng với một tài nguyên tệp.

  ui/img/img.png ui/img/close.png ui/img/min.png< /file> ui/img/max.png ui/img/R.svg ui/style/style.qss  < /RCC>

Trong số đó, chỉ ra rằng tệp là tập hợp các tài nguyên tệp, cho biết tiền tố tài nguyên tệp và thuộc tính cho biết tiền tố của tài nguyên tệp Đặt nó ở đây thành / cho biết tệp đó. Thở vào thư mục gốc của chương trình. đại diện cho tài nguyên tệp tên và nhiều tài nguyên tệp có thể được định nghĩa chỉ tại đây.

Lưu ý rằng đường dẫn được đặt bằng tiền tố ở đây là đường dẫn ảo. tài nguyên tệp được đặt trong Sau khi cài đặt này, tài nguyên tệp có thể được get in the history theo cách sau:

QFile file(":/ui/style/style.qss"); /*Sử dụng ://: để biểu thị việc sử dụng đường dẫn ảo để truy cập tệp*/

If tiền tố được thay đổi như sau.

Khi lấy tài nguyên tệp trong chương trình, bạn nên sử dụng phương pháp sau:

QFile file(":/source/ui/style/style.qss"); /*Pass ://: để sử dụng đường dẫn ảo để truy cập tệp*/

Điều đó có nghĩa là, đường dẫn ảo được xác định ở đây không cần thiết tồn tại trong vật lý và địa chỉ Cơ chế quản lý tài nguyên của Qt có thể được sử dụng để quản lý các tài nguyên tệp. tài nguyên nhóm, chia sẻ và kiểm soát phiên bản.

Sau khi thiết lập tệp .qrc, bạn có thể sử dụng phương pháp sau để lấy các tệp được tích hợp trong tài nguyên tệp trong chương trình:

QFile file(":/ui/style/style.qss"); /*Biểu diễn các tài nguyên thông tin qua ``*/

Trong qss tệp, bạn cũng có thể sử dụng phương pháp này để tham chiếu các tài nguyên trong tài nguyên tệp:

QLabel{hình nền: url(":/ui/img/img.png" }

qss type table của Vscode ứng dụng

Cài đặt QSSEditor cắm trong phần mở rộng tiện ích cài đặt giao diện, trình cắm này có thể cung cấp các dấu hiệu và chức năng đã hoàn thành mã hóa liên kết đến qss.

Khi viết qss, thông tin sau có thể được xuất ra, có thể vì plugin này có thể liên kết với QtDesigner để hiển thị các kiểu trong thời gian thực sự. Tôi cũng không giỏi lắm về công việc này.

Tạo tệp cây có thư mục cấu trúc sau:

├── ui │ ├── img │ │ ├── close.png │ │ ├── img.png │ │ ├── max.png │ │ ├── min.png │ │ └── R.svg │ └── phong cách │ └── style.qss └── ui.qrc

Tên có thể được chọn tùy ý. Điều này, bạn cần sửa đổi tệp CMakeLists.txt và bổ sung nội dung sau:

find_package(Qt5 THÀNH PHẦN YÊU CẦU Core Widget YÊU CẦU) set(CMAKE_AUTOMOC ON) set(CMAKE_AUTORCC ON) # Trình biên dịch RCC biên dịch tệp qrc thành tập hợp tệp cpp(CMAKE AUTOUIC ON) # Lưu ý: Để sử dụng qt5_add_resources, trước tiên bạn phải find_package thành Qt Đường dẫn hoặc chỉ định thủ công bộ QT_DIR(QT_SOURCE_FILE ui.qrc) # Đặt tài nguyên tệp vào dự án thư mục. dịch trước thành tệp cpp # Thêm tài nguyên tệp qt5_add_resources(QT_RESOURCES ${QT_SOURCE_FILE}) # Thêm bộ nguồn tệp (SOURCE_FILES) main.cpp) # Tạo tệp thực thi add_executable(main ${SOURCE_FILES} ${QT_RESOURCES})

Bằng cách này, tài nguyên tệp có thể truy cập tài nguyên Qt thông qua chế độ quản lý thông tin trong chương trình chính.

Để áp dụng qss kiểu định nghĩa, chỉ cần gọi phương thức setStyleSheet() trong chính chương trình.

#bao gồm  int main(int argc, char *argv[]) { QApplication app(argc, argv); QFile file(":/ui/style/style.qss"); (&file); QString styleSheet = stream.readAll(); app.setStyleSheet(styleSheet); thắng;

Tất nhiên, trong Qt, mỗi điều khiển đều có giao diện setStyleSheet() riêng để thiết lập các tham số riêng của nó. đơn giản và sơ đồ thô.

QLabel *label = new QLabel(this); /* Set màu nền của nhãn thành màu đỏ*/ label->setStyleSheet("background-color: red;"); ;}");

Nếu bạn muốn biết Continue duyệt các bài viết liên quan blog tương lai .

61 4 0
Bài viết khuyến nghị: Vulnhub máy tiêu chuẩn: from_sqli_to_shell_i386 máy tiêu chuẩn đầu vào
Bài viết khuyến nghị: [Song]văn bản dao động
Bài viết khuyến nghị: DocforDevNow
Bài viết khuyến nghị: Giết EasyExcel! Trải nghiệm đầu tiên với FastExcel
sa mạc Sahara
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất xuất sắc!

Nhận phiếu giảm giá taxi Didi miễn phí
taxi giảm giá Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress