python - pyforms - 基于变量值的动态样式

Question

我正在开发一个 pyform控件只接受 url 作为输入。

为了实现这一点，我从 ControlText 派生了我的类，并添加了一个按键事件处理程序，用于根据正则表达式测试当前值。

现在我想根据 style.css 中所示的变量以某种方式更改控件的外观。

---

控件.py

import pyforms
from   pyforms.Controls import ControlText
import re

class ControlUrl(ControlText):

    def __init__(self, label="", default=None, helptext=None, regex="^((https?:)?\/\/)?(\w+(:\w+)?@)?(((([a-zA-Z\d]{1,2}|[a-zA-Z\d][\w\-]{0,62}[a-zA-Z\d])\.){1,}[\w\-]{2,6})|(\d{1,3}(\.\d{1,3}){3})|([\d:]{2,39}))(:\d{2,6})?(\/[\w.~!+,*:@%-]+)*\/?(\?([\w.~!+%,*:@-]+(=[\w.~!+%,*:@-]+)?)(&[\w.~!+%,*:@-]+(=[\w.~!+%,*:@-]+)?)*)?(#[\w.~!+%,*:@-])?$"):
        self._regex = regex
        super(ControlUrl, self).__init__(label, default, helptext)

    def init_form(self):
        self._pattern = re.compile(self._regex)
        self.key_pressed_event = self.__key_pressed
        super(ControlUrl, self).init_form()

    def __key_pressed(self, event):
        is_url = self._pattern.search(self.value) != None
        self.valid = is_url

---

样式.css

#_urlinput[valid="true"] {
    background-color: red;
}

---

我更喜欢用 css 解决它，但每个解决方案都值得赞赏。

Answer 1

动态样式基于 QPropertys，可以使用 setProperty 进行设置，CSS 选择器类似于 [propertyname=propertyvalue]

---

代码:

import sys
import pyforms
from   pyforms.Controls import ControlText
import re


class ControlUrl(ControlText):

    def __init__(self, *args, regex="^((https?:)?\/\/)?(\w+(:\w+)?@)?(((([a-zA-Z\d]{1,2}|[a-zA-Z\d][\w\-]{0,62}[a-zA-Z\d])\.){1,}[\w\-]{2,6})|(\d{1,3}(\.\d{1,3}){3})|([\d:]{2,39}))(:\d{2,6})?(\/[\w.~!+,*:@%-]+)*\/?(\?([\w.~!+%,*:@-]+(=[\w.~!+%,*:@-]+)?)(&[\w.~!+%,*:@-]+(=[\w.~!+%,*:@-]+)?)*)?(#[\w.~!+%,*:@-])?$", **kwargs):
        self._regex = regex
        super(ControlUrl, self).__init__(*args, **kwargs)

    def init_form(self):
        self._pattern = re.compile(self._regex)
        self.key_pressed_event = self.__key_pressed
        super(ControlUrl, self).init_form()

    def __key_pressed(self, event):
        self._valid = self._pattern.search(self.value) != None
        base = self.form.lineEdit
        base.setProperty("valid", self._valid)

        #without these lines the style is not applied
        base.style().unpolish(base)
        base.style().polish(base)

---

CSS:

QLineEdit[valid=false] {
    border: 1px solid #991903;
    border-radius: 4px;
}
QLineEdit[valid=false]:focus {
    border-color: #db391c;
}

---

更多信息:

• > Basic Pyforms Styling Tutorial
• > Qt Property System
• > Qt Dynamic Property Styling