Hi,

Is it possible to wish for x and y attributes to adjust for pixmap indent in ChoiceList component? Everything else can be adjustet, but not pixmap. Thanks!

<component type="ChoiceList" itemHeight="30" textX="70" textY="0" pixmapX="5" pixmapY="0" textWidth="625" textHeight="30" pixmapWidth="40" pixmapHeight="20" fillerCount="200" />

Something like this...

Sorry, missed a word in first post! (indent)

I just want to request an indent option for pixmap also. And I want a possibillity to adjust pixmap Y if I want to shrink pixmap, wich else will go to top.

In the screenshot below I have used pixmapX="20" pixmapY="5". Downsized pixmap to 40px x 20px.

In PP image we have added this option long time ago. The reason for I am requesting this here in this forum is that it should have been added as an option from the start. I just think someone forgot to do it when the components project was running.

In python (see below) ident (x direction) for pixmap is set to 5, and pixmap y position is set to 0. If you downsize pixmap (icon) to less than text size the pixmap will stick to position y0. There is no centering neither in x or y direction. And we dont need that either.

From standard code: res.append((eListboxPythonMultiContent.TYPE_PIXMAP_ALPHABLEND, 5, 0, pxw, pxh, png)) # x=5 y=0

Standard code is:

def ChoiceEntryComponent(key = "", text = ["--"]):
	res = [ text ]
	"""
	<component type="ChoiceList" itemHeight="30" textWidth="800" textHeight="25" textX="45" textY="0" pixmapWidth="35" pixmapHeight="25" fillerCount="200" />
	"""
	sizes = componentSizes[componentSizes.CHOICELIST]
	tx = sizes.get("textX", 45)
	ty = sizes.get("textY", 0)
	tw = sizes.get("textWidth", 800)
	th = sizes.get("textHeight", 25)
	pxw = sizes.get("pixmapWidth", 35)
	pxh = sizes.get("pixmapHeight", 25)
	fillers = sizes.get("fillerCount", 200)
	if text[0] == "--":
		res.append((eListboxPythonMultiContent.TYPE_TEXT, 0, 0, tw, th, 0, RT_HALIGN_LEFT|RT_VALIGN_CENTER, "-" * fillers))
	else:
		res.append((eListboxPythonMultiContent.TYPE_TEXT, tx, ty, tw, th, 0, RT_HALIGN_LEFT|RT_VALIGN_CENTER, text[0]))
		png = (key != "False") and LoadPixmap(resolveFilename(SCOPE_CURRENT_SKIN, "skin_default/buttons/key_" + key + ".png")) or None
		if png is not None:
			res.append((eListboxPythonMultiContent.TYPE_PIXMAP_ALPHABLEND, 5, 0, pxw, pxh, png))


	return res

...and it could be this, what solves the problem properly:

def ChoiceEntryComponent(key = "", text = ["--"]):
	res = [ text ]
	"""
	<component type="ChoiceList" itemHeight="30" textWidth="800" textHeight="25" textX="45" textY="0"  pixmapX="5" pixmapY="0" pixmapWidth="35" pixmapHeight="25" fillerCount="200" />
	"""
	sizes = componentSizes[componentSizes.CHOICELIST]
	px = sizes.get("pixmapX", 5)
	py = sizes.get("pixmapY", 0)
	tx = sizes.get("textX", 45)
	ty = sizes.get("textY", 0)
	tw = sizes.get("textWidth", 800)
	th = sizes.get("textHeight", 25)
	pxw = sizes.get("pixmapWidth", 35)
	pxh = sizes.get("pixmapHeight", 25)
	fillers = sizes.get("fillerCount", 200)
	if text[0] == "--":
		res.append((eListboxPythonMultiContent.TYPE_TEXT, 0, 0, tw, th, 0, RT_HALIGN_LEFT|RT_VALIGN_CENTER, "-" * fillers))
	else:
		res.append((eListboxPythonMultiContent.TYPE_TEXT, tx, ty, tw, th, 0, RT_HALIGN_LEFT|RT_VALIGN_CENTER, text[0]))
		png = (key != "False") and LoadPixmap(resolveFilename(SCOPE_CURRENT_SKIN, "skin_default/buttons/key_" + key + ".png")) or None
		if png is not None:
			res.append((eListboxPythonMultiContent.TYPE_PIXMAP_ALPHABLEND, px, py, pxw, pxh, png))


	return res

You could even go further and auto calculate a textMargin from pixmapWidth to where text starts, but the code above will be good enough for a skin maker to solve every issue.

@zombi

If you keep pixmapWidth and pixmapHeight values out of picture ratio values it will center the pixmap wihtin what of those two that are the bigger number. The lesser number will be the pixmap size. Lets say I use 20 for width and 30 height, wich is incorrect by the way. The size of pixmap will be shrinked to 20 width (less) and centered vertically wihtin the height 30, from the point y0. Since 30 is the itemheight this will look OK. but if you set pixmapHeight to 20 it will center pixmap vertically centered from y0 down to y20. You can test this yourself. If you use correct ratio values by the way, your pixmap will stick to x5 and y0 wich is code values.

Yes, its a form of manipulation trick, but it should not be that way. If I want my pixmap to start at x position 20px, then it should be possible to set that value as an attribute in skin component.

Anyway, I got it sorted out, just wanted others to have those same options when they work with skins.

Just double your pix x value and keep pix y the same. pixmap then starts to move right. centered within your new x value. So yes, you manipulate it at you wish, but not both ways.

An indent of only 5 within a selectionPixmap looks really terrible in my opinion. The point here is that we have to leave that question up to the skin makers out there, and not for what have been the "wrong" standard for decades. And why bother with makin attributes for components within skin.xml at all if its not done properly. I can understand that it was missed, but leave it out with overlay is a bit odd. And especially when it is done in other components. Like beginMargin= (ServiceList), and so on.

pixmapWidth and pixmapHeight should always be set correct in skin.xml This makes the total componentsize the size of the actual pixmap seen. And the values that you see in skin.xml is correct for what you see (you dont make invisible rectangels).

If you do that you also need the pixmapY option to finetune the Y position for your needs. Else its set to python Y=0 (top).

And if we want to use small graphic files (x,y), its even more important with the pixmapY attribute.

I am really bad in german, so bare with me if I dont follow excactly!