So I spent most of my night getting the ground work laid for a functional listbox widget. Functionally I actually got one working, as I mostly reused the code from the Radio and RadioGroup.

The last major step I need to make is removing the O from the left of the bullet. But when I comment out the line

self._sprite

in class LUIListBoxOption the vertical alignment of it all blows up and looks like this

Here is the source code of what I got so far. Do you have any clue what is causing the bad vertical alignment?

from LUIObject import LUIObject
from LUISprite import LUISprite
from LUILabel import LUILabel
from LUILayouts import LUICornerLayout, LUIHorizontalStretchedLayout
from LUIInitialState import LUIInitialState
from LUIScrollableRegion import LUIScrollableRegion
from LUIVerticalLayout import LUIVerticalLayout

from functools import partial

__all__ = ["LUIListbox"]


class LUIListbox(LUIObject):

    """ Selectbox widget, showing several options whereas the user can select
    only one. """

    def __init__(self, width=200, height=200, options=None, selected_option=None, **kwargs):
        """ Constructs a new selectbox with a given width """
        LUIObject.__init__(self, x=0, y=0, w=width + 4, h=height + 4, solid=True)
        LUIInitialState.init(self, kwargs)
        # The selectbox has a small border, to correct this we move it
        self.margin.left = -2

        self._bg_layout = LUIScrollableRegion(parent=self, width="100%")
        self._v_layout = LUIVerticalLayout(parent=self._bg_layout)
        self._option_group = LUIListboxOptionGroup()
        for i in range(1, 40):
            LUIListboxOption(parent=self._v_layout.cell(), label=str(i), group=self._option_group)


class LUIListboxOptionGroup(LUIObject):

    """ Simple helper to group a bunch of LUIListOption and ensure only one is
    checked at one timem """

    def __init__(self):
        """ Constructs a new group without any ListOptiones inside """
        self._boxes = []
        self._selected_box = None

    def register_box(self, box):
        """ Registers a box to the collection """
        if box not in self._boxes:
            self._boxes.append(box)

    def set_active_box(self, active_box):
        """ Internal function to set the active box """
        for box in self._boxes:
            if box is not active_box:
                box._update_state(False)
                box._label.alpha = 1.0
            else:
                box._label.alpha = 0.3
                box._update_state(True)
        self._selected_box = active_box

    def get_active_box(self):
        """ Returns the current selected box """
        return self._selected_box

    active_box = property(get_active_box, set_active_box)

    def get_active_value(self):
        """ Returns the value of the current selected box (or None if none is
        selected) """
        if self._selected_box is None:
            return None
        return self._selected_box.get_value()

    active_value = property(get_active_value)


class LUIListboxOption(LUIObject):

    """ A radiobox which can be used in combination with a LUIListboxOptionGroup """

    def __init__(self, parent=None, group=None, value=None, active=False, label=u"Option", **kwargs):
        """ Constructs a new radiobox. group should be a handle to a LUIListboxOptionGroup.
        value will be the value returned by group.value, in case the box was
        selected. By default, the radiobox is not active. """
        assert group is not None, "LUIListboxOption needs a LUIListboxOptionGroup!"
        LUIObject.__init__(self, x=0, y=0, solid=True)
        self._sprite = LUISprite(self, "Radiobox_Default", "skin") # Removing me causes the vertical problem
        self._label = LUILabel(parent=self, text=label, margin=(0, 0, 0, 23),
                               center_vertical=True)
        self._value = value
        self._active = False
        self._hovered = False
        self._group = group
        self._group.register_box(self)
        if active:
            self.set_active()
        if parent:
            self.parent = parent
        LUIInitialState.init(self, kwargs)

    def on_click(self, event):
        """ Internal onclick handler. Do not override. """
        self.set_active()

    def on_mouseover(self, event):
        """ Internal mouseover handler """
        self._hovered = True
        self._update_sprite()

    def on_mouseout(self, event):
        """ Internal mouseout handler """
        self._hovered = False
        self._update_sprite()

    def set_active(self):
        """ Internal function to set the radiobox active """
        if self._group is not None:
            self._group.set_active_box(self)
        else:
            self._update_state(True)
        """ Internal method to select an option """

    def get_value(self):
        """ Returns the value of the radiobox """
        return self._value

    def set_value(self, value):
        """ Sets the value of the radiobox """
        self._value = value

    value = property(get_value, set_value)

    def get_label(self):
        """ Returns a handle to the label, so it can be modified (e.g. change
            its text) """
        return self._label

    label = property(get_label)

    def _update_state(self, active):
        """ Internal method to update the state of the radiobox. Called by the
        LUIListboxOptionGroup """
        self._active = active
        self.trigger_event("changed")
        self._update_sprite()

    def on_mousedown(self, event):
        """ Internal onmousedown handler. Do not override. """
        self._sprite.color = (0.86, 0.86, 0.86, 1.0)

    def on_mouseup(self, event):
        """ Internal onmouseup handler. Do not override. """
        self._sprite.color = (1, 1, 1, 1)

    def _update_sprite(self):
        """ Internal function to update the sprite of the radiobox """
        img = "Radiobox_Active" if self._active else "Radiobox_Default"
        if self._hovered:
            img += "Hover"
        self._sprite.set_texture(img, "skin")

No Listbox widget #28

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions