changelog shortlog graph tags branches changeset files file revisions raw help

Mercurial > demo / annotate src/crates/ui/pages/list_view.slint

changeset 22: ba323d8c0f93
parent: ui/pages/list_view.slint@e4c9ec452eb6
author: ellis <ellis@rwest.io>
date: Sat, 03 Jun 2023 22:48:46 -0400
permissions: -rw-r--r--
description: refactor1
17
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
1 
 import { HorizontalBox, VerticalBox, ListView, StandardListView, GroupBox } from "std-widgets.slint";
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
2 
 import { UiConfig } from "../config.slint";
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
3 
 import { Page } from "page.slint";
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
4 
 
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
5 
 export component ListViewPage inherits Page {
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
6 
     title: "ListView";
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
7 
     description: "ListViews can be used to display a list of elements. The StandardListBox is like the default ListView just with a default text based definition of the visual items. Both can be imported from \"std-widgets.slint\"";
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
8 
 
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
9 
     HorizontalBox {
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
10 
         vertical-stretch: 1;
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
11 
         GroupBox {
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
12 
             title: "ListView";
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
13 
 
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
14 
             ListView {
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
15 
                 vertical-stretch: 0;
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
16 
                 for i in [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11] : HorizontalBox {
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
17 
                    Image {
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
18 
                         width: 24px;
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
19 
                         source: @image-url("../img/ayo.jpeg");
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
20 
                    }
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
21 
                    Text {
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
22 
                         text: "Item " + i;
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
23 
                    }
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
24 
                 }
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
25 
             }
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
26 
         }
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
27 
 
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
28 
         GroupBox {
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
29 
             title: "StandardListView";
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
30 
             vertical-stretch: 0;
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
31 
 
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
32 
             StandardListView {
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
33 
                 model: [
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
34 
                     {text: "Lorem"}, {text: "ipsum"},{text: "dolor"},{text: "sit"},{text: "amet"},{text: "consetetur"},
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
35 
                     {text: "Lorem"}, {text: "ipsum"},{text: "dolor"},{text: "sit"},{text: "amet"},{text: "consetetur"},
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
36 
                     {text: "Lorem"}, {text: "ipsum"},{text: "dolor"},{text: "sit"},{text: "amet"},{text: "consetetur"},
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
37 
                     {text: "Lorem"}, {text: "ipsum"},{text: "dolor"},{text: "sit"},{text: "amet"},{text: "consetetur"},
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
38 
                     {text: "Lorem"}, {text: "ipsum"},{text: "dolor"},{text: "sit"},{text: "amet"},{text: "consetetur"},
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
39 
                     {text: "Lorem"}, {text: "ipsum"},{text: "dolor"},{text: "sit"},{text: "amet"},{text: "consetetur"},
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
40 
                     {text: "Lorem"}, {text: "ipsum"},{text: "dolor"},{text: "sit"},{text: "amet"},{text: "consetetur"},
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
41 
                 ];
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
42 
             }
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
43 
         }
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
44 
     }
e4c9ec452eb6 ui work
ellis <ellis@rwest.io>
parents:
diff changeset
45 
 }