Images on buttons

[bvssvni]

See reddit comment http://www.reddit.com/r/rust_gamedev/comments/2mlvxa/can_conrod_buttons_have_images/

[bvssvni]

In Windows Forms (.NET) you could set both image and text and choose how to align the text.

[bvssvni]

Alternative is to create a separate button type for images.

[mitchmindtree]

Yes this would be awesome :)

[gaudecker]

On Android, There's an ImageButton for a widget that is just an image with button events. Besides that, there's a Button, which has a background defined by a theme/style, optional text and an optional icon, that you can align to left, right, top, or bottom like this:

It might be the same functionality that @bvssvni said about Windows Forms, but I think it's very nice, since an icon with a label is pretty common usecase for a GUI.

[zummenix]

On iOS, there is a method to set 'backgroundImage' – very convenient for buttons with custom design.

[yuripourre]

In my opinion, Label could have different subtypes like: TextLabel, ImageLabel or CompositeLabel(Image+Text), because it's easier to code, using @gaudecker example:

• The first would be a Button with TextLabel;
• The second would be a Button with an ImageLabel;
• And the third would be a Button with a CompositeLabel;

[xilec]

In my opinion, it would be awesome realize something like WPF Content Model. I understand that it is too complicated solutions for topic task. But I saw attempts to realize Layouts in conrod and it would be greate using layouts to evade implementation of controls by hand which is just a combination of some basic controls (like Label, Button and Image for topic case).

[mitchmindtree]

Just thought I'd mention that #696 adds a primitive Image widget which should make it easy to add image support (or variants) for various widgets.

[pierrechevalier83]

I have been trying to tackle some rudimentary implementation of this feature:
#783

I don't understand why if I cover a part of the button with an image, though that part seems not to be clickable anymore. It is obvious when running the all_widgets example from my pull request and clicking the button that has a texture.

Does this behaviour make sense to anyone following this? Any tip?

[pierrechevalier83]

For a quick update: I figured out what was missing. The image widget was capturing the mouse events that should have been captured by the button widget.

I know have the basic functionality working: a button with a texture. It doesn't handle positioning of the image within the button with respect to a label, though but it gives a starting point.

I also removed the part that modifies the button in the all_widgets example and wrote a dedicated button example to showcase the feature (heavily inspired from all_widgets).

This included modifying the git history, so I closed pull request #783 and opened #785.

I would welcome feedback, be it code review or suggestions for tackling more complex workflows (Like CompositeButton described in earlier comment)

[pierrechevalier83]

Merged pull request for simple fix (add image method that takes image index)