Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Suggestion] Global status icons/info #157

Closed
Hukuma1 opened this issue Nov 12, 2019 · 23 comments
Closed

[Suggestion] Global status icons/info #157

Hukuma1 opened this issue Nov 12, 2019 · 23 comments

Comments

@Hukuma1
Copy link

Hukuma1 commented Nov 12, 2019

globalstatusnew

We have a bunch of unused space at the top because it's reserved for menu titles (where it says "Ready") and an occasional error message printed in the middle. If you did not want to revamp that at all, could we at least add icons/information to the top right corner? This way you could always have info of your noz/bed temperature no matter what menu option you are in. I think eventually you could get rid of the titles/errors altogether and replace them with icons and other global information.

What do you all think?

Edit: More refined mockup uploaded

@Sthopeless
Copy link
Contributor

I agree @Hukuma1 something like the new prusa mini tft (looks fabulous btw :P )

download (1)

@Hukuma1
Copy link
Author

Hukuma1 commented Nov 12, 2019

That does look great! Well they got the right idea. Let's do it as well. Although lol @ 1/3 of their display gone to logo + telling you what screen you're in. D:

@Sthopeless
Copy link
Contributor

@Hukuma1 (and others :P) check this out https://www.youtube.com/watch?v=ipulB4_Xdm8 the screen also has menus marlin alike, looks very cool..

@hapklaar
Copy link

Did you see this? #153

@Hukuma1
Copy link
Author

Hukuma1 commented Nov 12, 2019

Yep, looks great! The idea here is to put some of the same information into the top corner and have it be there globally for all menu selections. Even simple text only to start off would be a big improvement towards knowing the status of your printer.

@arminth
Copy link
Contributor

arminth commented Nov 15, 2019

Too bad it doesn't compile for 2.4" version:
grafik
When setting to 3.5, it compiles.

@Hukuma1
Copy link
Author

Hukuma1 commented Nov 17, 2019

globalstatusnewusb

I think this global status bar being persistent in all of the menu options (except in the new main screen that @guruathwal made) will greatly improve printer awareness.

Edit: More refined mockup uploaded

@Sthopeless
Copy link
Contributor

uhhh! @Hukuma1 is your branch available for testing/download?

@Hukuma1
Copy link
Author

Hukuma1 commented Nov 17, 2019

No, I'm unfortunately not a coder. :/ Just posting crude mockups from Photoshop. Hoping some talented coders here can implement some of the ideas though.

@Hukuma1
Copy link
Author

Hukuma1 commented Nov 17, 2019

newprintmenu

Made a less crude mockup. Here is my proposed printing screen.

Sorry, @guruathwal, the STOP button was burning my retinas. ;)

The clock icon next to nozzle/bed/fan icons is the time remaining. Time elapsed is in the top right corner.

And even a 'real life' example for @Aleks-MO :)

newprintmenu2

Edit: Darkened benchy preview icon to show more contrast. It's supposed to be visual percentage of print completion (45%).

@Sthopeless
Copy link
Contributor

I liked more with the temps on the right side of the screen. Maybe even have changing colors when powered on(? :P ).

The preview of the file is cool and stuff but sometimes I have many files that are the same with different settings, I rather much more have a readable file name then see what the file i sliced looks like.

@Hukuma1
Copy link
Author

Hukuma1 commented Nov 18, 2019

I tried the colors changing with values at first, but it started looking like an Xmas tree. :( As far as file name, you will see full file name at top left corner? (e.g. CE3_benchy_printthis_FINAL) Even more room since global icons are not at the top either. Or what did you mean?

@Aleks-MO
Copy link

Dear colleagues, please complete the final version. The mess in the solutions. I am already confused which BIN file for which icons.
@Hukuma1
I really want to see this during my lifetime ....)))))

@guruathwal
Copy link
Contributor

@Hukuma1 you can fit only 3 lines in an icon with text height of 24px for TFT35.

@Hukuma1
Copy link
Author

Hukuma1 commented Nov 19, 2019

@guruathwal No way around that? Possible shrinking the text height to accommodate a 4th line? If not, then I guess worst case is we move the time remaining to the top right and have it switch between elapsed and remaining every 5 seconds? Trying to avoid people touching the device in case they're afraid of bumping the printer.

@Aleks-MO, these are just photographs. I am not a coder, thus cannot implement these ideas to the machine. I am hoping talented coders like @guruathwal can implement them for us all. Just trying to contribute however I can within my limits.

@guruathwal
Copy link
Contributor

guruathwal commented Nov 19, 2019

@Hukuma1 you have great editing skills. this might be helpful #153 (comment)

@guruathwal
Copy link
Contributor

Will start working on the files menu by the end of this week.

@Hukuma1
Copy link
Author

Hukuma1 commented Nov 19, 2019

@guruathwal #153 (comment) Saw this, can't wait for this to get merged! Will be the first thing to get people to use touch screen over native marlin I think.

The 3 lines you mentioned. Does that mean it would look something like this if we put 3 lines into icon space? Meaning no room for icon to the left? :(

meh

@guruathwal
Copy link
Contributor

guruathwal commented Nov 19, 2019

@guruathwal #153 (comment) Saw this, can't wait for this to get merged! Will be the first thing to get people to use touch screen over native marlin I think.

The 3 lines you mentioned. Does that mean it would look something like this if we put 3 lines into icon space? Meaning no room for icon to the left? :(

@Hukuma1 yes will be like it.

@Hukuma1
Copy link
Author

Hukuma1 commented Nov 19, 2019

@guruathwal What if you remove center alignment on the text. Is there enough room to push a BMP icon to the left of the text then?

Otherwise another solution (maybe better) would be to use fixed-width icons as a font. Take a look here: https://github.com/ryanoasis/nerd-fonts

Has ability to add any/all icons (Material, FontAwesome, etc) to any font. Already has patched font for what we use (Ubuntu Mono: https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/UbuntuMono) in TFT35. This will also enable us to change colors of the icons dynamically if needed because it's simply text.

Btw the new home screen is awesome. Great work! And thank you for fixing up the STOP button. It all looks great now. Can someone change the translation of "Percentage" to maybe "Adjust" under Print screen?

@guruathwal
Copy link
Contributor

@Hukuma1 We will have Icons embeded in fonts for the top status bar and some new live icons to replace some repetitive icons like the preheat and custom gcode menu.

In printing menu we can have one wide status box just like the one in status screen, it can fit a preview image, 3 lines of 24 px icon with 7 characters.
If we omit the preview icon we can have full live info in that box.

@Hukuma1
Copy link
Author

Hukuma1 commented Dec 31, 2019

newprint

Looks like upcoming commits (#272) by @chzj333 add these suggestions in. Thank you! Would still love a possible icon solution for the status info, but this is already great.

Copy link

github-actions bot commented Apr 9, 2024

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked and limited conversation to collaborators Apr 9, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants