listview
This commit is contained in:
parent
881eb91a10
commit
2ee405f245
1 changed files with 78 additions and 343 deletions
|
|
@ -1,14 +1,40 @@
|
|||
import sys
|
||||
|
||||
'''
|
||||
Example of a list with two lines per row.
|
||||
'''
|
||||
|
||||
import gi
|
||||
import os
|
||||
gi.require_version('Gtk', '4.0')
|
||||
gi.require_version('Adw', '1')
|
||||
from gi.repository import Gtk, Adw, GLib, Gio, Gdk
|
||||
|
||||
class MainWindow (Gtk.Window):
|
||||
def __init__ (self, *args, **kwargs):
|
||||
super ().__init__ (*args, **kwargs)
|
||||
gi.require_version("Gtk", "4.0")
|
||||
from gi.repository import Gtk, Gio, GObject, GLib
|
||||
|
||||
# content list to add to the listview
|
||||
content = (
|
||||
('Into the New', 'Angus Guild'),
|
||||
('Now to the Sea', 'Anne Toner'),
|
||||
('Sleeping Gypsy', 'Ralph Bennett-Eades'),
|
||||
('Angels in Silence', 'The Wastrels'),
|
||||
('Deeply in Love', 'Duo Montagne'),
|
||||
('No Bridges', 'Martin Way')
|
||||
)
|
||||
|
||||
|
||||
class DataObject(GObject.GObject):
|
||||
'''
|
||||
object to hold the data for each row
|
||||
'''
|
||||
def __init__(self, text: str):
|
||||
super().__init__()
|
||||
self.text = text
|
||||
|
||||
|
||||
class AppWindow(Gtk.ApplicationWindow):
|
||||
def __init__(self, app):
|
||||
super(AppWindow, self).__init__(application=app)
|
||||
self.init_ui()
|
||||
|
||||
def init_ui(self):
|
||||
self.title="Double List"
|
||||
GLib.set_prgname (
|
||||
'Adwaita Examples by Afacanc38'
|
||||
)
|
||||
|
|
@ -17,344 +43,53 @@ class MainWindow (Gtk.Window):
|
|||
)
|
||||
|
||||
self.set_default_size (650, 500)
|
||||
self.set_size_request (400, 400)
|
||||
|
||||
self.default_height=400
|
||||
self.default_width=400
|
||||
self.scroll = Gtk.ScrolledWindow ()
|
||||
self.scroll.set_policy (Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC)
|
||||
self.set_child (self.scroll)
|
||||
|
||||
self.box_main = Gtk.Box (
|
||||
orientation = Gtk.Orientation.VERTICAL
|
||||
)
|
||||
listview = Gtk.ListView()
|
||||
factory = Gtk.SignalListItemFactory()
|
||||
factory.connect("setup", self.setup)
|
||||
factory.connect("bind", self.bind)
|
||||
listview.set_factory(factory)
|
||||
self.scroll.set_child (
|
||||
self.box_main
|
||||
listview
|
||||
)
|
||||
|
||||
# HeaderBar
|
||||
self.hb = Gtk.HeaderBar ()
|
||||
self.set_titlebar (
|
||||
self.hb
|
||||
)
|
||||
selection = Gtk.SingleSelection()
|
||||
store = Gio.ListStore.new(DataObject)
|
||||
selection.set_model(store)
|
||||
listview.set_model(selection)
|
||||
|
||||
# Clamp
|
||||
self.clamp = Adw.Clamp ()
|
||||
self.box_main.append (
|
||||
self.clamp
|
||||
)
|
||||
#add rows to the listview from the content list
|
||||
for row in content:
|
||||
line1, line2 = row
|
||||
item = line1 + '\n' + line2
|
||||
store.append(DataObject(item))
|
||||
|
||||
# Wrapper
|
||||
self.box_wrapper = Gtk.Box (
|
||||
orientation = Gtk.Orientation.VERTICAL,
|
||||
margin_top = 20,
|
||||
margin_bottom = 20,
|
||||
margin_start = 20,
|
||||
margin_end = 20
|
||||
)
|
||||
self.clamp.set_child (
|
||||
self.box_wrapper
|
||||
)
|
||||
self.set_child(self.scroll)
|
||||
|
||||
# Header
|
||||
self.box_header = Gtk.Box (
|
||||
orientation = Gtk.Orientation.VERTICAL,
|
||||
margin_bottom = 10
|
||||
)
|
||||
self.box_wrapper.append (
|
||||
self.box_header
|
||||
def setup(self, widget, item):
|
||||
"""Setup the widget (Gtk.ListItem) to show in the Gtk.ListView"""
|
||||
label = Gtk.Label(
|
||||
margin_top = 2,
|
||||
margin_start = 8,
|
||||
margin_end = 8,
|
||||
halign = Gtk.Align.START
|
||||
)
|
||||
item.set_child(label)
|
||||
|
||||
# Title
|
||||
self.lbl_title = Gtk.Label (
|
||||
label = "Lists",
|
||||
halign = Gtk.Align.CENTER,
|
||||
wrap = True
|
||||
)
|
||||
self.lbl_title.get_style_context ().add_class ('title-1')
|
||||
self.box_header.append (
|
||||
self.lbl_title
|
||||
)
|
||||
def bind(self, widget, item):
|
||||
"""bind data (Gtk.ListItem) from the store object to the widget"""
|
||||
label = item.get_child()
|
||||
obj = item.get_item()
|
||||
label.set_label(obj.text)
|
||||
|
||||
self.box_listbox_wrapper = Gtk.Box (
|
||||
spacing = 20,
|
||||
orientation = Gtk.Orientation.VERTICAL
|
||||
)
|
||||
self.box_wrapper.append (
|
||||
self.box_listbox_wrapper
|
||||
)
|
||||
def on_activate(app):
|
||||
win = AppWindow(app)
|
||||
win.present()
|
||||
|
||||
# ListBox
|
||||
self.listbox1 = Gtk.ListBox (
|
||||
selection_mode = Gtk.SelectionMode.NONE
|
||||
)
|
||||
self.listbox1.get_style_context ().add_class ('boxed-list')
|
||||
self.box_listbox_wrapper.append (
|
||||
self.listbox1
|
||||
)
|
||||
|
||||
# Row 1
|
||||
self.row_listbox1_1 = Adw.ActionRow (
|
||||
title = 'ActionRow',
|
||||
subtitle = 'This ActionRow has subtitle and icon',
|
||||
icon_name = 'emblem-system-symbolic'
|
||||
)
|
||||
self.listbox1.append (
|
||||
self.row_listbox1_1
|
||||
)
|
||||
|
||||
# Row 2
|
||||
self.row_listbox1_2 = Adw.ActionRow (
|
||||
title = 'ActionRow can have suffix widgets',
|
||||
icon_name = 'go-home-symbolic',
|
||||
subtitle = 'This listbox has subtitle, suffix widget and icon'
|
||||
)
|
||||
|
||||
self.btn_listbox1_2_suffix = Gtk.Button (
|
||||
label = 'Button',
|
||||
halign = Gtk.Align.CENTER,
|
||||
valign = Gtk.Align.CENTER,
|
||||
)
|
||||
self.row_listbox1_2.add_suffix (
|
||||
self.btn_listbox1_2_suffix
|
||||
)
|
||||
|
||||
self.listbox1.append (
|
||||
self.row_listbox1_2
|
||||
)
|
||||
|
||||
# ListBox 2
|
||||
self.listbox2 = Gtk.ListBox (
|
||||
selection_mode = Gtk.SelectionMode.NONE
|
||||
)
|
||||
self.listbox2.get_style_context ().add_class ('boxed-list')
|
||||
self.box_listbox_wrapper.append (
|
||||
self.listbox2
|
||||
)
|
||||
|
||||
# Row 1
|
||||
self.row_listbox2_1 = Adw.ActionRow (
|
||||
title = 'ActionRow can have prefix widgets',
|
||||
activatable = True
|
||||
)
|
||||
|
||||
self.rd_listbox2_1_prefix = Gtk.CheckButton ()
|
||||
self.row_listbox2_1.add_prefix (
|
||||
self.rd_listbox2_1_prefix
|
||||
)
|
||||
self.row_listbox2_1.set_activatable_widget (
|
||||
self.rd_listbox2_1_prefix
|
||||
)
|
||||
|
||||
self.listbox2.append (
|
||||
self.row_listbox2_1
|
||||
)
|
||||
|
||||
# Row 2
|
||||
self.row_listbox2_2 = Adw.ActionRow (
|
||||
title = 'ActionRow can have prefix widgets',
|
||||
activatable = True
|
||||
)
|
||||
|
||||
self.rd_listbox2_2_prefix = Gtk.CheckButton ()
|
||||
self.row_listbox2_2.add_prefix (
|
||||
self.rd_listbox2_2_prefix
|
||||
)
|
||||
self.rd_listbox2_2_prefix.set_group (
|
||||
self.rd_listbox2_1_prefix
|
||||
)
|
||||
self.row_listbox2_2.set_activatable_widget (
|
||||
self.rd_listbox2_2_prefix
|
||||
)
|
||||
|
||||
self.listbox2.append (
|
||||
self.row_listbox2_2
|
||||
)
|
||||
|
||||
# ListBox 3
|
||||
self.prfgr_listbox3 = Adw.PreferencesGroup (
|
||||
title = 'Expander Rows',
|
||||
margin_top = 10
|
||||
)
|
||||
self.box_wrapper.append (
|
||||
self.prfgr_listbox3
|
||||
)
|
||||
|
||||
self.listbox3 = Gtk.ListBox (
|
||||
selection_mode = Gtk.SelectionMode.NONE
|
||||
)
|
||||
self.listbox3.get_style_context ().add_class ('boxed-list')
|
||||
self.prfgr_listbox3.add (
|
||||
self.listbox3
|
||||
)
|
||||
|
||||
# ExpanderRow 1
|
||||
self.row_listbox3_1 = Adw.ExpanderRow (
|
||||
title = 'ExpanderRow',
|
||||
subtitle = 'This ActionRow has subtitle and icon',
|
||||
icon_name = 'emblem-system-symbolic'
|
||||
)
|
||||
self.listbox3.append (
|
||||
self.row_listbox3_1
|
||||
)
|
||||
|
||||
for x in range(3):
|
||||
self.row_listbox3_1.add_row (
|
||||
Adw.ActionRow (
|
||||
title = 'Nested row',
|
||||
)
|
||||
)
|
||||
# ExpanderRow 2
|
||||
self.row_listbox3_2 = Adw.ExpanderRow (
|
||||
title = 'ExpanderRow',
|
||||
subtitle = 'With an action',
|
||||
icon_name = 'emblem-system-symbolic'
|
||||
)
|
||||
self.btn_listbox3_2_action = Gtk.Button.new_from_icon_name (
|
||||
'edit-copy-symbolic',
|
||||
)
|
||||
self.btn_listbox3_2_action.set_halign (Gtk.Align.CENTER)
|
||||
self.btn_listbox3_2_action.set_valign (Gtk.Align.CENTER)
|
||||
self.row_listbox3_2.add_action (
|
||||
self.btn_listbox3_2_action
|
||||
)
|
||||
self.listbox3.append (
|
||||
self.row_listbox3_2
|
||||
)
|
||||
|
||||
for x in range(3):
|
||||
self.row_listbox3_2.add_row (
|
||||
Adw.ActionRow (
|
||||
title = 'Nested row',
|
||||
)
|
||||
)
|
||||
|
||||
# ListBox 4
|
||||
self.prfgr_listbox4 = Adw.PreferencesGroup (
|
||||
title = 'Preferences Group has a suffix',
|
||||
margin_top = 10
|
||||
)
|
||||
|
||||
self.btn_prfgr_listbox4_suffix = Gtk.Button ()
|
||||
self.btn_prfgr_listbox4_suffix.get_style_context ().add_class (
|
||||
'image-text-button'
|
||||
)
|
||||
self.btn_prfgr_listbox4_suffix.get_style_context ().add_class (
|
||||
'flat'
|
||||
)
|
||||
|
||||
self.btn_prfgr_listbox4_suffix_content = Adw.ButtonContent (
|
||||
label = 'Button',
|
||||
icon_name = 'view-pin-symbolic'
|
||||
)
|
||||
self.btn_prfgr_listbox4_suffix.set_child (
|
||||
self.btn_prfgr_listbox4_suffix_content
|
||||
)
|
||||
|
||||
self.prfgr_listbox4.set_header_suffix (
|
||||
self.btn_prfgr_listbox4_suffix
|
||||
)
|
||||
|
||||
self.box_wrapper.append (
|
||||
self.prfgr_listbox4
|
||||
)
|
||||
|
||||
self.listbox4 = Gtk.ListBox (
|
||||
selection_mode = Gtk.SelectionMode.NONE
|
||||
)
|
||||
self.listbox4.get_style_context ().add_class ('boxed-list')
|
||||
self.prfgr_listbox4.add (
|
||||
self.listbox4
|
||||
)
|
||||
|
||||
# ExpanderRow 1
|
||||
self.row_listbox4_1 = Adw.ExpanderRow (
|
||||
title = 'ExpanderRow',
|
||||
subtitle = 'This ActionRow has subtitle and icon',
|
||||
icon_name = 'emblem-system-symbolic'
|
||||
)
|
||||
self.listbox4.append (
|
||||
self.row_listbox4_1
|
||||
)
|
||||
|
||||
for x in range(3):
|
||||
self.row_listbox4_1.add_row (
|
||||
Adw.ActionRow (
|
||||
title = 'Nested row',
|
||||
)
|
||||
)
|
||||
|
||||
# ExpanderRow 2
|
||||
self.row_listbox4_2 = Adw.ExpanderRow (
|
||||
title = 'ExpanderRow',
|
||||
subtitle = 'This ActionRow has subtitle and icon',
|
||||
icon_name = 'emblem-system-symbolic',
|
||||
show_enable_switch = True
|
||||
)
|
||||
self.listbox4.append (
|
||||
self.row_listbox4_2
|
||||
)
|
||||
|
||||
for x in range(3):
|
||||
self.row_listbox4_2.add_row (
|
||||
Adw.ActionRow (
|
||||
title = 'Nested row',
|
||||
)
|
||||
)
|
||||
|
||||
# ListBox 5
|
||||
self.prfgr_listbox5 = Adw.PreferencesGroup (
|
||||
title = 'Combo Rows',
|
||||
margin_top = 10
|
||||
)
|
||||
self.box_wrapper.append (
|
||||
self.prfgr_listbox5
|
||||
)
|
||||
|
||||
self.listbox5 = Gtk.ListBox (
|
||||
selection_mode = Gtk.SelectionMode.NONE
|
||||
)
|
||||
self.listbox5.get_style_context ().add_class ('boxed-list')
|
||||
self.prfgr_listbox5.add (
|
||||
self.listbox5
|
||||
)
|
||||
|
||||
self.strlist_listbox5_1 = Gtk.StringList ()
|
||||
self.strlist_listbox5_1.append ('Foo')
|
||||
self.strlist_listbox5_1.append ('Bar')
|
||||
self.strlist_listbox5_1.append ('Baz')
|
||||
# Row 1
|
||||
self.row_listbox5_1 = Adw.ComboRow (
|
||||
title = 'This a combo row'
|
||||
)
|
||||
self.row_listbox5_1.connect (
|
||||
'notify::selected-item',
|
||||
self.on_row_listbox5_1_select
|
||||
)
|
||||
self.row_listbox5_1.set_model (
|
||||
self.strlist_listbox5_1
|
||||
)
|
||||
self.listbox5.append (
|
||||
self.row_listbox5_1
|
||||
)
|
||||
def on_row_listbox5_1_select (self, widget, event):
|
||||
print (f'"{self.row_listbox5_1.get_selected_item ().get_string ()}" is selected.')
|
||||
|
||||
class MyApp (Adw.Application):
|
||||
def __init__ (self, **kwargs):
|
||||
super ().__init__ (
|
||||
**kwargs
|
||||
)
|
||||
self.connect (
|
||||
'activate',
|
||||
self.on_activate
|
||||
)
|
||||
|
||||
def on_activate (self, app):
|
||||
self.win = MainWindow (
|
||||
application = app
|
||||
)
|
||||
self.win.present ()
|
||||
|
||||
app = MyApp (
|
||||
application_id = 'io.github.afacanc38.adw-listbox'
|
||||
)
|
||||
app.run (sys.argv)
|
||||
app = Gtk.Application(application_id='com.example.doublelist')
|
||||
app.connect('activate', on_activate)
|
||||
app.run(None)
|
||||
|
|
|
|||
Loading…
Reference in a new issue