Libadwaita

Differences between revisions 1 and 2
⇤ ← Revision 1 as of 2024-12-02 15:55:52 →
Size: 642
Editor: nteodosio
Comment:
← Revision 2 as of 2024-12-02 16:21:47 → ⇥
Size: 1783
Editor: nteodosio
Comment:
Deletions are marked like this. Additions are marked like this.
Line 3: Line 3:
0. This is a two panel window with an welcome message at the right and a list of clickable entries on the left.
1. Click the sun icon at the top left. It should toggle theme between light and dark.
2. Click the three horizontal lines button near it. A context menu opens and you click 'about Adwaita demo' which shows a transient window with the usual options.		  * This is a two panel window with an welcome message at the right and a list of clickable entries on the left.
Line 7: Line 5:
* Navigation view  * Click the sun icon at the top left. It should toggle theme between light and dark.
Line 9: Line 7:
Click run the demo, a transient window opens with buttons, click one open page 3, with a sliding transition the page in that transient window is replaced by simply a "page 3" text in large font.  * Click the three horizontal lines button near it. A context menu opens and you click 'about Adwaita demo' which shows a transient window with the usual options.

 * Navigation view

  * Click run the demo, a transient window opens with buttons, click one open page 3, with a sliding transition the page in that transient window is replaced by simply a "page 3" text in large font.

 * Clamp

  * In-/decreasing the maximum width value correspondingly changes the width of the box containing that option.

 * Lists

  * First entry (a.k.a. row) shows a row with title and, in fainter and smaller font, subtitle.

  * Second row shows a button inside that row.

  * Entry rows section shows rows in which text can be inserted. The password entry has a toggle to un-/shadow the text in it.

 * Carousel

  * Pages in the carrousel can be swiped with the mouse (like a touch screen gesture) or with button4/5 (a.k.a. scroll wheel)

 * Buttons

  * Clicking a button triggers a color transition for a split second. Hovering a button causes it to change color. The color remains while the mouse pointer is over it and goes back to normal when the mouse pointer goes away.

 * Toasts (no, it's not bread)

  * Simple toast: Click show and a small transient pop up shows at the bottom of the window. Clicking X dismisses it.
  * Toast with an action: This toast has a button to undo the action. It also has the trash bin that dismisses the toast.
  * Toast with a long title: As expected.

 *

Install libadwaita-1-examples and start adwaita-1-demo.

  • This is a two panel window with an welcome message at the right and a list of clickable entries on the left.
  • Click the sun icon at the top left. It should toggle theme between light and dark.
  • Click the three horizontal lines button near it. A context menu opens and you click 'about Adwaita demo' which shows a transient window with the usual options.
  • Navigation view
    • Click run the demo, a transient window opens with buttons, click one open page 3, with a sliding transition the page in that transient window is replaced by simply a "page 3" text in large font.
  • Clamp
    • In-/decreasing the maximum width value correspondingly changes the width of the box containing that option.
  • Lists
    • First entry (a.k.a. row) shows a row with title and, in fainter and smaller font, subtitle.
    • Second row shows a button inside that row.
    • Entry rows section shows rows in which text can be inserted. The password entry has a toggle to un-/shadow the text in it.
  • Carousel
    • Pages in the carrousel can be swiped with the mouse (like a touch screen gesture) or with button4/5 (a.k.a. scroll wheel)
  • Buttons
    • Clicking a button triggers a color transition for a split second. Hovering a button causes it to change color. The color remains while the mouse pointer is over it and goes back to normal when the mouse pointer goes away.
  • Toasts (no, it's not bread)
    • Simple toast: Click show and a small transient pop up shows at the bottom of the window. Clicking X dismisses it.
    • Toast with an action: This toast has a button to undo the action. It also has the trash bin that dismisses the toast.
    • Toast with a long title: As expected.

DesktopTeam/TestPlans/Libadwaita (last edited 2025-08-22 19:21:58 by jbicha)