Fun ui.image behaviour

[jack_norton]

I'm not sure if I'm missing something, but look at the code below:

Code: Select all

label relaxmenu:
    python:
        i=0
        for name,min,max in relaxT:
            #check if enough money
            if attributes[Awea]>0 or i==0:
                layout.button(u"", None, clicked=ui.jumps("relax"+str(i)),ypos=585,xpos=5+i*204,xminimum=200,yminimum=180,yalign=0.0)
                ui.image("gfx/relax"+str(i)+".png",ypos=618,xpos=105+i*204,xalign=0.5)
                ui.text("{size=22}"+name+"{/size}", ypos=590,xpos=105+i*204,xalign=0.5,drop_shadow=[(1,1),(-1,-1),(1,-1),(-1,1)])
                if i==0:
                    ui.text("{size=20}Free{/size}", ypos=735,xpos=105+i*204,xalign=0.5,drop_shadow=[(1,1),(-1,-1),(1,-1),(-1,1)])
                else:
                    ui.text("{size=20}Cost ("+str(min)+"-"+str(max)+"){/size}", ypos=735,xpos=105+i*204,xalign=0.5,drop_shadow=[(1,1),(-1,-1),(1,-1),(-1,1)])
            else:
                layout.button(u"", None, clicked=None,ypos=585,xpos=5+i*204,xminimum=200,yminimum=180,yalign=0.0)
                ui.image(im.Sepia("gfx/relax"+str(i)+".png"),ypos=618,xpos=105+i*204,xalign=0.5)
                ui.text("{size=22}"+name+"{/size}", ypos=590,xpos=105+i*204,xalign=0.5,drop_shadow=[(1,1),(-1,-1),(1,-1),(-1,1)])
                ui.text("{size=18}Not enough money{/size}", ypos=735,xpos=105+i*204,xalign=0.5,drop_shadow=[(1,1),(-1,-1),(1,-1),(-1,1)])
            i+=1
    $ layout.button(u"Cancel And Go Back", None, clicked=ui.jumps("status"),ypos=530,xalign=0.5)
    $ ui.interact()

the first ui.image works fine, while the second, the one that produces im.Sepia images, shows the pictures all aligned on the upper-left corner. Why? it's a bug ?

[PyTom]

ui.Image ignores the keyword arguments when its first argument is a displayable. So what you really need to do is to write:

ui.image(im.Sepia("gfx/relax"+str(i)+".png",ypos=618,xpos=105+i*204,xalign=0.5))

[jack_norton]

I tried copy/pasting your line but I got this error:
TypeError: Sepia() got an unexpected keyword argument 'ypos'

[jack_norton]

Nevermind, found a workaround:

Code: Select all

                ui.frame(ypos=618,xpos=105+i*204,xalign=0.5,style='default')
                ui.image(im.Sepia("gfx/relax"+str(i)+".png"))

and now the disabled options are correctly "sepiated"!

[PyTom]

Nice.

As a suggestion, you may want to use yminimum on the "Relationship" and "Current Activity" frames, so that they're the same height as the Money and Age frames. (At least, I find a design more attractive when things that are close to the same height line up.)

[jack_norton]

Yes I know about yminimum, I had used that height because thought was too tall compared to the inside texts, but indeed probably would be better if was aligned with the other two frames