Android button icon display problem

[ndaskalov-mms]

Hi, I'm trying to implement button with icon 16x16 only, no text. On Windows it works fine, but on Android the icon is not displayed properly (looks it is cropped and resized) . Below is the simple app to recreate the issue.

import toga
from toga.style import Pack

class ExampleSimpleApp(toga.App):

def startup(self):
    # Set up a minimalist main window
    self.main_window = toga.Window()

    # Label to show responses.
    self.label = toga.Label("Ready.")

    self.help_button = toga.Button(
        icon=toga.Icon('icons/red-16'),  # You'll need to provide this icon
        style=Pack( width=24, height=24, padding=(0, 10, 0, 0)),
        on_press=self.on_press
    )

    # Outermost box
    outer_box = toga.Box(
        children=[self.label, self.help_button],
        #style=Pack(padding=10),
    )

    # Add the content on the main window
    self.main_window.content = outer_box

    # Show the main window
    self.main_window.show()

def on_press(self, button):
    print("Button pressed.")
    self.label.text = "Button pressed."

def main():
return ExampleSimpleApp("Simple App", "org.beeware.toga.examples.simpleapp")

if name == "main":
app = main()
app.main_loop()

Will greatly appreciate if someone can suggest what I'm overlooking.
Regards
Nik

[freakboy3742]

The problem is caused because you're trying to control the size of the button. On Android, Toga uses 48px icons, as that's about the size you can reasonably target with a finger; you're setting the size of the button to 24 pixels, so you're seeing the top quarter of the icon.

In general, you should try to avoid setting the width and height of widgets explicitly, as that prevents platforms from adapting to their "natural" size. The only place where setting an explicit size is advisable is when you're setting a width/height of a container that will be much bigger than the widgets it contains, for alignment purposes.