请问怎么给Text组件添加一个背景

zsc2015

因为是做的实时字幕
所以想在字幕上加一个纯色背景看上去舒服一点

类似于这种效果

一开始跟着教程走

[RenPy] 纯文本查看 复制代码

screen text_example():
    frame:
        xalign 0.5 ypos 50
        text _("This is a text displayable."):
            size 30
 

然后修改Frame的背景图片之后
其他会用到Frame的组件的背景图也会受到影响
原有的Frame的背景图有个框又不太好看

目前的代码是这个样子

[RenPy] 纯文本查看 复制代码

    text "{k=3}就是这段文字想加一个纯色的背景{/k}":
        color "#ffffff"
        outlines [ (absolute(3), "#000", absolute(0), absolute(0)) ]
        xalign 0.5 ypos 0.8
        size 25
        at transform:
            alpha 0.0
            pause 17.5
            alpha 1.0
            pause 1.41
            alpha 0.0

于是现在我应该怎么操作才能实现上面图片那个效果？

blackpineapple

弄两个hbox，上面放背景图片，下面放text，调节位置，就可以让文字在这个框里了。

zsc2015

blackpineapple 发表于 2019-10-14 13:26
弄两个hbox，上面放背景图片，下面放text，调节位置，就可以让文字在这个框里了。 ...

额……有具体的代码么

blackpineapple

zsc2015 发表于 2019-10-14 23:09
额……有具体的代码么

[RenPy] 纯文本查看 复制代码

fixed:
        hbox:
            xpox 100 # 调整到合适到位置
            ypox 100 # 调整到合适到位置
            add "gui/xxxx.png" #你想做背景的图片地址
        hbox:
            xpox 100 # 调整到合适到位置
            ypox 100 # 调整到合适到位置
            text "文字"

zsc2015

这样子好像有个问题
底框不能随着文字内容增减自己发生变化
而且文字消失的话也不能随着文字一起消失？

blackpineapple

zsc2015 发表于 2019-10-16 11:46
这样子好像有个问题
底框不能随着文字内容增减自己发生变化
而且文字消失的话也不能随着文字一起消失？ ...

那需要在这个screen加更多的细节，而且需要文字结束之后hide这个screen。

被诅咒的章鱼

可以参考官方教程里screen.rpy中namebox的定义：

style namebox:
    xpos gui.name_xpos
    xanchor gui.name_xalign
    xsize gui.namebox_width
    ypos gui.name_ypos
    ysize gui.namebox_height

    background Frame("gui/namebox.png", gui.namebox_borders, tile=gui.namebox_tile, xalign=gui.name_xalign)
    padding gui.namebox_borders.padding

background特性是一个Frame对象，并且指定图像使用tile图片。这样就可以根据文本长度自动匹配合适的背景大小了。
坐标和字体等特性请自己修改下，然后应用修改后的样式应该就可以了。

zsc2015

被诅咒的章鱼 发表于 2019-10-22 15:45
可以参考官方教程里screen.rpy中namebox的定义：

style namebox:

唔
我说的实时字幕是指这种

[RenPy] 纯文本查看 复制代码

screen wenben1():
    

    text _("{k=3}这是第一句台词{/k}"):
        color "#ffffff"
        outlines [ (absolute(3), "#000", absolute(0), absolute(0)) ]
        
        xalign 0.5 ypos 0.8
        size 25
        at transform:

            alpha 0.0
            pause 2.3
            alpha 1.0
            pause 2.5
            alpha 0.0


    text _("{k=3}过了一会之后这是第二句{/k}"):
        color "#ffffff"
        outlines [ (absolute(3), "#000", absolute(0), absolute(0)) ]
        xalign 0.5 ypos 0.8
        size 25
        at transform:
            alpha 0.0
            pause 6.2
            alpha 1.0
            pause 1.0
            alpha 0.0
    text _("{k=3}又过了一会这是第3句{/k}"):
        color "#ffffff"
        outlines [ (absolute(3), "#000", absolute(0), absolute(0)) ]
        xalign 0.5 ypos 0.8
        size 25
        at transform:
            alpha 0.0
            pause 7.68
            alpha 1.0
            pause 1.21
            alpha 0.0

原本想实现的效果是在播放音乐或者影片的时候
做一个类似外挂字幕的东西上去显示实时的台词
因为弄不来让TEXT消失
所以做成了控制透明度来达成近似的效果
貌似dalao你的代码好像并不能应用在我这种场合里
是不是我这种显示的方法也需要改才能套用？

被诅咒的章鱼

zsc2015 发表于 2019-10-22 23:12
唔
我说的实时字幕是指这种
[mw_shl_code=renpy,true]screen wenben1():

我只是回答标题中“给Text组件添加背景”。
你的需求，最好写个自定义组件，实现从“字幕文件”读取：显示内容和显示时长。
然后在显示是应用上面回答中，样式(style)的部分。

zsc2015

被诅咒的章鱼 发表于 2019-10-23 10:48
我只是回答标题中“给Text组件添加背景”。
你的需求，最好写个自定义组件，实现从“字幕文件”读取：显 ...

唔如果是从字幕文件读取的话
又是怎么个步骤？