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

feat(color): UI for 3.0 #5685

Draft
wants to merge 17 commits into
base: main
Choose a base branch
from
Draft

feat(color): UI for 3.0 #5685

wants to merge 17 commits into from

Conversation

philmoz
Copy link
Collaborator

@philmoz philmoz commented Nov 26, 2024

Adding this PR for the 3.0 UI branch so people can (hopefully) try it and give feedback.

First piece is a revised quick menu with two levels of navigation.
Top level is the same as the current quick menu.
When a menu item is selected that has a sub-menu, the sub menu is shown.
Pressing ENTER switches navigation to the sub menu, RTN to go back to top level.

screenshot_tx16s_24-11-26_16-56-40

screenshot_tx16s_24-11-26_16-56-45

@philmoz philmoz added enhancement ✨ New feature or request color Related generally to color LCD radios UX-UI Related to user experience (UX) or user interface (UI) behaviour labels Nov 26, 2024
@philmoz philmoz added this to the 3.0 milestone Nov 26, 2024
@philmoz philmoz marked this pull request as draft November 26, 2024 07:02
@richardclli
Copy link
Collaborator

richardclli commented Dec 1, 2024

How about vertical screens? How this shows in EL18?

@philmoz
Copy link
Collaborator Author

philmoz commented Dec 1, 2024

How about vertical screens? How this shows in EL18?

Same as current - less columns, more rows.

screenshot_el18_24-12-01_15-16-10

@philmoz
Copy link
Collaborator Author

philmoz commented Dec 3, 2024

Part 2 - remove tab page icons from Model and Radio setup menus.

  • Move title to top bar to give more room for page content
  • Add button to open quick menu (top left)
  • Add button to close and return to main view (top right)

Only the radio and model setup menus are changed for now.
Pressing the quick menu button (top left) opens the quick menu with the current page selected.
The UI for the quick menu and close buttons is placeholder at the moment (pending better design).

screenshot_tx16s_24-12-03_14-50-48
screenshot_tx16s_24-12-03_14-50-54

@JimB40
Copy link
Collaborator

JimB40 commented Dec 3, 2024

Got your msg. :)
Right on the spot I can see one UI/UX fix - there should be only one focus marker.
That means that on top row you dim nonselected icons and selected icon is highlighted but without a frame that serves as focus marker.
Will flash is today and give a test run.

@philmoz philmoz force-pushed the 3_0_ui branch 2 times, most recently from 7c15e96 to b33ad75 Compare December 7, 2024 04:41
@philmoz
Copy link
Collaborator Author

philmoz commented Dec 8, 2024

Changes:

  • SYS key opens quick menu
  • Changed setup page header button UI
  • Long press RTN closes quick menu (shortcut so you don't have to press RTN twice when a sub menu is open)

screenshot_tx16s_24-12-09_08-07-24

@nhutlv01
Copy link

  • I prefer fullscreen popup for more space for the buttons
  • Better blur background effect, please take a look at the iPhone group apps. We shouldn't see through that background to make the popup more focus
  • Prefer different styles for main buttons and child buttons

@philmoz philmoz force-pushed the 3_0_ui branch 2 times, most recently from bf55975 to 70e83bc Compare December 19, 2024 03:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
color Related generally to color LCD radios enhancement ✨ New feature or request UX-UI Related to user experience (UX) or user interface (UI) behaviour
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants