根据窗口的高度和宽度缩放文本


问题内容

我想根据窗口高度缩放按钮或标签内的文本,但受窗口宽度限制。以下作品:

font_size: self.height - dp(15)

但是,文本可以超过按钮或标签的宽度,因此我想用以下方式限制它:

font_size: self.height - dp(15) if self.texture_size[0] < self.width else (self.width*2)/(self.height+0.1)

不幸的是,这有一个问题,当> = texture_size
[0]时,它会变小,但是当文本再次变小时,它又是<self.width。因此,它最终陷入了循环,从而导致[CRITICAL] [Clock]错误。

为了使图片更清晰,红色栏中的文字应尽可能大,但不能超过按钮的宽度: Kivy_text-
scaling


问题答案:

如果文本太大,可以使用缩放转换来缩小文本,这样可以避免种族冲突:

<ScaleLabel@Label>:
    _scale: 1. if self.texture_size[0] < self.width else float(self.width) / self.texture_size[0]
    canvas.before:
        PushMatrix
        Scale:
            origin: self.center
            x: self._scale or 1.
            y: self._scale or 1.
    canvas.after:
        PopMatrix

但是,这确实可以缩放画布上的所有内容。因此,如果您要绘制背景或其他内容,请确保其位于PushMatrix/之外PopMatrix。例如,如果您想将此与一起使用Button,则可以重写Button的kv规则:

<-ScaleButton@Button>:
    state_image: self.background_normal if self.state == 'normal' else self.background_down
    disabled_image: self.background_disabled_normal if self.state == 'normal' else self.background_disabled_down
    _scale: 1. if self.texture_size[0] < self.width else float(self.width) / self.texture_size[0]
    canvas:
        Color:
            rgba: self.background_color
        BorderImage:
            border: self.border
            pos: self.pos
            size: self.size
            source: self.disabled_image if self.disabled else self.state_image
        PushMatrix
        Scale:
            origin: self.center
            x: self._scale or 1.
            y: self._scale or 1.
        Color:
            rgba: self.disabled_color if self.disabled else self.color
        Rectangle:
            texture: self.texture
            size: self.texture_size
            pos: int(self.center_x - self.texture_size[0] / 2.), int(self.center_y - self.texture_size[1] / 2.)
        PopMatrix

我创建了一个用法示例作为要点:https :
//gist.github.com/kived/862db38078170ec0ef83