iced::Buttons with icons?

Learn
1

Hi there!

I want to use icons for my buttons to be more legible. Before iced 0.10.0 I did that via an additional Font::External, but unfortunately Font::External isn’t available anymore and I didn’t find any substitute or alternative. :frowning:

Is there a way to

  • use external fonts again or
  • to add icons on another way to buttons

Thanks for help :slight_smile:

2

As far as I know Button’s take iced::Element’s. If you want an icon on the left side, you can use a row. If you want it on the right side, row![text("bla bla bla").width(Length::Shrink), Space::new(Length::Fill, Length::Shrink), image(icon_handle).width(Length::Shrink or Length::Fixed(...)]

If you don’t want the image to be shrinked you can use Responsive in iced::lazy.

3

For loading fonts with bytes, use the font::loadcommand.

4

Thanks for the advice. I didn’t know I could insert widgets into Buttons! Great!

Sadly either svg nor png image is loaded or shown in the button. :frowning:
But the button resizes to the give size, so an Image-object is created. Have you any advice for that?

5

Well, if you’re on linux, try WGPU_BACKEND=VULKAN when launching your app. On opengl the images didn’t render on me too.

6

Where do I add that option? I haven’t found a clear answer in the documentation. :frowning:

7

This is an environment variable assignment, on Linux, MacOS or using WSL you can just add WGPU_BACKEND=VULKAN before your command just such as WGPU_BACKEND=VULKAN cargo run. Otherwise if you are on Windows you might find what you wnat in this document.

8

iced aw converts their icons into char should that be used here?

9

I’m unsure if i should try to create a font with the required images i need from bootstrap, or use just the images. To me these are going to be icons.

10

VULKAN as backend hasn’t worked for me. :frowning:

11

I tried all of it:

  1. iced_aw::graphics::icons with icon_to_char → only displays a rectangle
  2. including an image → it is not shown, neither png nor svg (png is in the example of iced!)
  3. using a custom font: that worked until iced 0.9.0, where iced lost the ability to include an external font. At least I Font::External isn’t working anymore and the documentation of 0.10.0 has nothing similar to this that I found.

So I’m stuck with text buttons with clutter my UI. I have to find another way to do that or I learned Rust+Iced for nothing and go back to C++/Qt :expressionless:

Some ideas? :slight_smile:

For your information: I’m using Debian 12 with Cinnamon and installed a newer version of Rust in my home directory (otherwise iced will not compile).

12

interesting, because it works for me, try using the master branch of iced aw. The font was just updated

13

How do I do that? Download the code from github and include it? I would like to stay with cargo.

14

add this to the Cargo.toml

[dependencies.iced_aw]
git = "https://github.com/Redhawk18/iced_aw.git"
rev = "061c453"
default-features = false
features = ["icons", "menu", "tab_bar"]
15

Thanks for the advice. Still only showing a empty rectangle.

Probably the error is in the Text widget? I had do embed the Icon as String::from(…), but this uses the default font, I guess?
But otherwise I get errors…

Text::new(
   String::from(
      icon_to_char( iced_aw::graphics::icons::Icon::Alarm )
   )
)
16

to load icons you must set the font for the Text to be that of the Icon you are using. Otherwise it will not find the icons and could output actual Text from another font instead. This means you need to have multiple Text’s one’s for Icons and Ones for Regular Text. As iced doesn’t allow from my understanding Setting separate parts of a string to different Fonts.

17

So like this?

                Text::new(
                    String::from(
                        icon_to_char(
                            iced_aw::graphics::icons::Icon::Alarm
                        )
                    )
                )
                .font(  iced_aw::graphics::icons::ICON_FONT )

Still only getting a rectangle.

I have to admit: I think I’m too inexperienced with programming to deal with Rust and Iced, at least in the current state. I’m not a trained programmer, just doing things for my own sake and learning only with myself. It kinda worked with v0.9.0, but even there was e.g. no way to add a button with a String from a list (after all I didn’t find a way to do it) and more. ATM I will abandon Iced and write my whole application new with C++/Qt. :frowning:
Problably I can come back at a later time.

Thanks for your help and patience! I appreciate that much.

18

if its a square then the font itself might not be loaded. Did you load the font at the start of the application like for example. https://github.com/iced-rs/iced_aw/blob/main/examples/tabs/src/main.rs#L92

Also part of learning is being able to figure out Errors and bugs. this is a crucial part actually as this better prepares you for other issues later on. So generally giving up tends to be a bad choice as if everything just works you are not really learning anything.

19

if its a square then the font itself might not be loaded. Did you load the font at the start of the application like for example. https://github.com/iced-rs/iced_aw/blob/main/examples/tabs/src/main.rs#L92

No, I did not, because the documentation doesn’t say anything about it and I’m to dumb, lazy and/or inexperienced to go through all the code available anywhere.

Also part of learning is being able to figure out Errors and bugs. this is a crucial part actually as this better prepares you for other issues later on. So generally giving up tends to be a bad choice as if everything just works you are not really learning anything.

I know that for sure. I’m a teacher :smiley: But I don’t have the time all day to face all those problems, read code (I in total don’t understand) and see over missing documentation. Sorry :frowning:

As you could guess, I’m just very frustrated at the moment with Rust and Iced. And frustration is no good point to go on. At least for now.