Changeset View
Changeset View
Standalone View
Standalone View
src/data/contents/ui/gallery/CardsLayoutGallery.qml
Show All 33 Lines | 32 | actions.main: Kirigami.Action { | |||
---|---|---|---|---|---|
34 | text: qsTr("Info") | 34 | text: qsTr("Info") | ||
35 | checkable: true | 35 | checkable: true | ||
36 | onCheckedChanged: sheet.sheetOpen = checked; | 36 | onCheckedChanged: sheet.sheetOpen = checked; | ||
37 | shortcut: "Alt+I" | 37 | shortcut: "Alt+I" | ||
38 | } | 38 | } | ||
39 | 39 | | |||
40 | InfoSheet { | 40 | InfoSheet { | ||
41 | id: sheet | 41 | id: sheet | ||
42 | page: page | | |||
43 | title: qsTr("Cards Layout") | | |||
44 | higUrl: "https://hig.kde.org/components/editing/card.html" | | |||
45 | sourceUrl: "https://cgit.kde.org/kirigami-gallery.git/tree/src/data/contents/ui/gallery/CardsLayoutGallery.qml" | | |||
46 | 42 | | |||
47 | text: qsTr("The Kirigami types AbstractCard and Card are used to implement the popular Card pattern used on many mobile and web platforms that is used to display a collection of information or actions.\n Besides the Card components, Kirigami offers also 3 kinds of views and positioners to help to present cards with beautiful and responsive layouts.\n\nIn this page, CardsLayout is presented, which should be used when the cards are not instantiated by a model or by a model which has always very few items (In the case of a big model CardsListView or CardsGridview should be used instead). They are presented as a grid of two columns which will remain centered if the application is really wide, or become a single column if there is not enough space for two columns, such as a mobile phone screen.\nA CardsLayout should always be contained within a ColumnLayout.") | 43 | page: page | ||
44 | component: "CardsLayoutGallery" | ||||
48 | } | 45 | } | ||
49 | 46 | | |||
50 | ColumnLayout { | 47 | ColumnLayout { | ||
51 | Kirigami.CardsLayout { | 48 | Kirigami.CardsLayout { | ||
52 | id: layout | 49 | id: layout | ||
53 | Kirigami.AbstractCard { | 50 | Kirigami.AbstractCard { | ||
54 | Layout.fillHeight: true | 51 | Layout.fillHeight: true | ||
55 | header: Kirigami.Heading { | 52 | header: Kirigami.Heading { | ||
▲ Show 20 Lines • Show All 176 Lines • Show Last 20 Lines |