Convert main window layout to 2 vertical boxes

Use Adw.Window as main window widget, add the now missing HeaderBars to
MainWindowPlaceholder and MainWindow in the NoCSD case.
This commit is contained in:
Teemu Ikonen 2022-09-12 17:07:14 +03:00 committed by Marvin W
parent 1ef42b47d2
commit 2741bf21ae
No known key found for this signature in database
GPG key ID: 072E9235DB996F2A
3 changed files with 118 additions and 103 deletions

View file

@ -6,14 +6,19 @@
<property name="shrink-end-child">False</property>
<property name="resize-start-child">False</property>
<property name="position">300</property>
<child>
<object class="GtkBox" id="left_box">
<property name="orientation">vertical</property>
<child>
<object class="GtkStack" id="left_stack">
<property name="hexpand">False</property>
<child>
<object class="GtkStackPage">
<property name="name">content</property>
<property name="child">
<object class="GtkScrolledWindow">
<property name="hscrollbar_policy">never</property>
<property name="vexpand">1</property>
<child>
<object class="DinoUiConversationSelector" id="conversation_list">
</object>
@ -34,6 +39,7 @@
<property name="spacing">10</property>
<property name="valign">start</property>
<property name="halign">start</property>
<property name="width_request">260</property>
<child>
<object class="GtkImage" id="conversation_list_placeholder_image">
<property name="valign">start</property>
@ -47,7 +53,9 @@
<property name="wrap">1</property>
<property name="margin-top">70</property>
<property name="margin-end">50</property>
<property name="xalign">0</property>
<property name="valign">end</property>
<property name="max-width-chars">0</property>
<property name="label" translatable="1">Click here to start a conversation or join a channel.</property>
<style>
<class name="dim-label"/>
@ -60,6 +68,11 @@
</child>
</object>
</child>
</object>
</child>
<child>
<object class="GtkBox" id="right_box">
<property name="orientation">vertical</property>
<child>
<object class="GtkOverlay">
<property name="child">
@ -127,4 +140,6 @@
</object>
</child>
</object>
</child>
</object>
</interface>

View file

@ -2,13 +2,19 @@
<interface>
<requires lib="gtk" version="4.0"/>
<template class="DinoUiMainWindowPlaceholder">
<property name="valign">center</property>
<property name="valign">fill</property>
<child>
<object class="GtkBox" id="box">
<property name="orientation">vertical</property>
<property name="valign">center</property>
<property name="halign">center</property>
<property name="valign">fill</property>
<property name="halign">fill</property>
<property name="hexpand">1</property>
<property name="vexpand">1</property>
<child>
<object class="GtkHeaderBar">
<property name="show-title-buttons">true</property>
</object>
</child>
<child>
<object class="GtkImage">
<property name="icon-name">im.dino.Dino-symbolic</property>

View file

@ -6,7 +6,7 @@ using Dino.Entities;
namespace Dino.Ui {
public class MainWindow : Gtk.Window {
public class MainWindow : Adw.Window {
public signal void conversation_selected(Conversation conversation);
@ -19,10 +19,10 @@ public class MainWindow : Gtk.Window {
public ConversationSelector conversation_selector;
public ConversationTitlebar conversation_titlebar;
public Widget conversation_list_titlebar;
public HeaderBar placeholder_headerbar = new HeaderBar() { show_title_buttons=true };
public Box box = new Box(Orientation.VERTICAL, 0) { orientation=Orientation.VERTICAL };
public Paned headerbar_paned = new Paned(Orientation.HORIZONTAL) { resize_start_child=false, shrink_start_child=false, shrink_end_child=false };
public Paned paned;
public Box left_box;
public Box right_box;
public Revealer search_revealer;
public GlobalSearch global_search;
private Stack stack = new Stack();
@ -55,17 +55,17 @@ public class MainWindow : Gtk.Window {
((Widget)this).realize.connect(set_window_buttons);
((Widget)this).realize.connect(restore_window_size);
setup_headerbar();
setup_unified();
setup_headerbar();
setup_stack();
paned.bind_property("position", headerbar_paned, "position", BindingFlags.SYNC_CREATE | BindingFlags.BIDIRECTIONAL);
}
private void setup_unified() {
Builder builder = new Builder.from_resource("/im/dino/Dino/unified_main_content.ui");
paned = (Paned) builder.get_object("paned");
box.append(paned);
left_box = (Box) builder.get_object("left_box");
right_box = (Box) builder.get_object("right_box");
left_stack = (Stack) builder.get_object("left_stack");
right_stack = (Stack) builder.get_object("right_stack");
conversation_view = (ConversationView) builder.get_object("conversation_view");
@ -85,12 +85,15 @@ public class MainWindow : Gtk.Window {
conversation_list_titlebar = get_conversation_list_titlebar_csd();
conversation_titlebar = new ConversationTitlebarCsd();
} else {
Label title_label = new Label("Dino");
HeaderBar titlebar = new HeaderBar() { title_widget=title_label, show_title_buttons=true };
box.prepend(titlebar);
conversation_list_titlebar = new ConversationListTitlebar();
conversation_titlebar = new ConversationTitlebarNoCsd();
box.append(headerbar_paned);
}
headerbar_paned.set_start_child(conversation_list_titlebar);
headerbar_paned.set_end_child(conversation_titlebar.get_widget());
left_box.prepend(conversation_list_titlebar);
right_box.prepend(conversation_titlebar.get_widget());
}
private void set_window_buttons() {
@ -109,7 +112,7 @@ public class MainWindow : Gtk.Window {
stack.add_named(box, "main");
stack.add_named(welcome_placeholder, "welcome_placeholder");
stack.add_named(accounts_placeholder, "accounts_placeholder");
set_child(stack);
set_content(stack);
}
public enum StackState {
@ -125,25 +128,16 @@ public class MainWindow : Gtk.Window {
right_stack.set_visible_child_name("content");
stack.set_visible_child_name("main");
if (Util.use_csd()) {
set_titlebar(headerbar_paned);
}
} else if (stack_state == StackState.CLEAN_START || stack_state == StackState.NO_ACTIVE_ACCOUNTS) {
if (stack_state == StackState.CLEAN_START) {
stack.set_visible_child_name("welcome_placeholder");
} else if (stack_state == StackState.NO_ACTIVE_ACCOUNTS) {
stack.set_visible_child_name("accounts_placeholder");
}
if (Util.use_csd()) {
set_titlebar(placeholder_headerbar);
}
} else if (stack_state == StackState.NO_ACTIVE_CONVERSATIONS) {
stack.set_visible_child_name("main");
left_stack.set_visible_child_name("placeholder");
right_stack.set_visible_child_name("placeholder");
if (Util.use_csd()) {
set_titlebar(headerbar_paned);
}
}
}