Warning, /maui/mauikit/demo.6/src/controls/DelegatesPage.qml is written in an unsupported language. File is not indexed.
0001 import QtQuick
0002 import QtQuick.Controls
0003 import QtQuick.Layouts
0004
0005 import org.mauikit.controls as Maui
0006
0007 DemoPage
0008 {
0009 id: control
0010 title: i18n("Bars")
0011
0012 Maui.SectionGroup
0013 {
0014 title: control.title
0015 spacing: control.spacing
0016
0017 DemoSection
0018 {
0019 title: i18n("GridBrowserDelegate")
0020 body: i18n("This prototype uses a column layout to place an icon or image, above two lines of text. It uses the GridItemTemplate as base, adn adds the features such as checkable, draggable. Meant to be used with the GridBrowser or GridView.")
0021 sampleText: 'import org.mauikit.controls as Maui
0022 Maui.GridBrowserDelegate
0023 {
0024 implicitWidth: 200
0025 implicitHeight: 200
0026
0027 checkable: true
0028 checked: true
0029
0030 imageSource: "qrc:/assets/6588168.jpg"
0031 label1.text: i18n("Title")
0032 label2.text: i18n("Info")
0033 }'
0034 Maui.GridBrowserDelegate
0035 {
0036 implicitWidth: 200
0037 implicitHeight: 200
0038
0039 checkable: true
0040 checked: true
0041
0042 imageSource: "qrc:/assets/6588168.jpg"
0043 label1.text: i18n("Title")
0044 label2.text: i18n("Info")
0045 }
0046
0047 Maui.GridBrowserDelegate
0048 {
0049 implicitWidth: 200
0050 implicitHeight: 200
0051
0052 draggable: true
0053 imageSource: "qrc:/assets/6588168.jpg"
0054 label1.text: i18n("Draggable")
0055 label2.text: i18n("Info")
0056 }
0057 }
0058
0059
0060 DemoSection
0061 {
0062 title: i18n("ListBrowserDelegate")
0063 body: i18n("This prototype uses a column layout to place an icon or image, above two lines of text. It uses the GridItemTemplate as base, adn adds the features such as checkable, draggable. Meant to be used with the GridBrowser or GridView.")
0064 sampleText: 'import org.mauikit.controls as Maui
0065 Maui.ListBrowserDelegate
0066 {
0067 Layout.fillWidth: true
0068 label1.text: "Title"
0069 label2.text: "Subtitle"
0070 iconSource: "folder-green"
0071 iconSizeHint: Maui.Style.iconSizes.medium
0072 checkable: true
0073 checked: true
0074 }'
0075
0076 column: [
0077
0078 Maui.ListBrowserDelegate
0079 {
0080 Layout.fillWidth: true
0081 label1.text: "Title"
0082 label2.text: "Subtitle"
0083 iconSource: "folder-green"
0084 iconSizeHint: Maui.Style.iconSizes.medium
0085 checkable: true
0086 checked: true
0087 },
0088
0089 Maui.ListBrowserDelegate
0090 {
0091 Layout.fillWidth: true
0092 label1.text: "Draggable"
0093 label2.text: "Subtitle"
0094 imageSource: "qrc:/assets/6919759.jpg"
0095 template.headerSizeHint: 64
0096 draggable: true
0097 }
0098
0099 ]
0100 }
0101
0102 DemoSection
0103 {
0104 title: i18n("CollageItem")
0105 body: i18n("This prototype uses a column layout to place an icon or image, above two lines of text. It uses the GridItemTemplate as base, adn adds the features such as checkable, draggable. Meant to be used with the GridBrowser or GridView.")
0106 sampleText: 'import org.mauikit.controls as Maui
0107 Maui.CollageItem
0108 {
0109 implicitHeight: 200
0110 implicitWidth: 200
0111 images: ["qrc:/assets/6588168.jpg", "qrc:/assets/6628908.jpg", "qrc:/assets/6919759.jpg"]
0112 label1.text: "Title"
0113 checkable: true
0114 checked: true
0115 }'
0116
0117 Maui.CollageItem
0118 {
0119 implicitHeight: 200
0120 implicitWidth: 200
0121 images: ["qrc:/assets/6588168.jpg", "qrc:/assets/6628908.jpg", "qrc:/assets/6919759.jpg"]
0122 label1.text: "Title"
0123 checkable: true
0124 checked: true
0125 }
0126
0127 Maui.CollageItem
0128 {
0129 implicitHeight: 200
0130 implicitWidth: 200
0131 images: ["qrc:/assets/6588168.jpg", "qrc:/assets/6919759.jpg"]
0132 label1.text: "Title"
0133 }
0134
0135 Maui.CollageItem
0136 {
0137 implicitHeight: 200
0138 implicitWidth: 200
0139 images: ["qrc:/assets/6588168.jpg", "qrc:/assets/6628908.jpg", "qrc:/assets/6919759.jpg", "qrc:/assets/6628908.jpg"]
0140 label1.text: "Title"
0141 }
0142 }
0143
0144 DemoSection
0145 {
0146 title: i18n("GalleryRollItem")
0147 body: i18n("This prototype uses a column layout to place an icon or image, above two lines of text. It uses the GridItemTemplate as base, adn adds the features such as checkable, draggable. Meant to be used with the GridBrowser or GridView.")
0148 sampleText: 'import org.mauikit.controls as Maui
0149 Maui.CollageItem
0150 {
0151 implicitHeight: 200
0152 implicitWidth: 200
0153 images: ["qrc:/assets/6588168.jpg", "qrc:/assets/6628908.jpg", "qrc:/assets/6919759.jpg"]
0154 label1.text: "Title"
0155 checkable: true
0156 checked: true
0157 }'
0158
0159 Maui.GalleryRollItem
0160 {
0161 implicitHeight: 200
0162 implicitWidth: 200
0163 images: ["qrc:/assets/6588168.jpg", "qrc:/assets/6628908.jpg", "qrc:/assets/6919759.jpg"]
0164 label1.text: "Title"
0165 checkable: true
0166 checked: true
0167 }
0168
0169 Maui.GalleryRollItem
0170 {
0171 implicitHeight: 200
0172 implicitWidth: 200
0173 images: ["qrc:/assets/6588168.jpg", "qrc:/assets/6919759.jpg"]
0174 label1.text: "Title"
0175 orientation: ListView.Vertical
0176 }
0177
0178 Maui.GalleryRollItem
0179 {
0180 implicitHeight: 200
0181 implicitWidth: 200
0182 images: ["qrc:/assets/6588168.jpg", "qrc:/assets/6628908.jpg", "qrc:/assets/6919759.jpg", "qrc:/assets/6628908.jpg"]
0183 label1.text: "Title"
0184 }
0185 }
0186 }
0187
0188 DemoSection
0189 {
0190 title: i18n("SwipeBrowserDelegate")
0191 body: i18n("This prototype uses a column layout to place an icon or image, above two lines of text. It uses the GridItemTemplate as base, adn adds the features such as checkable, draggable. Meant to be used with the GridBrowser or GridView.")
0192 sampleText: 'import org.mauikit.controls as Maui
0193 Maui.ListBrowserDelegate
0194 {
0195 Layout.fillWidth: true
0196 label1.text: "Title"
0197 label2.text: "Subtitle"
0198 iconSource: "folder-green"
0199 iconSizeHint: Maui.Style.iconSizes.medium
0200 checkable: true
0201 checked: true
0202 }'
0203
0204 column: [
0205
0206
0207 Maui.SwipeBrowserDelegate
0208 {
0209 Layout.fillWidth: true
0210 label1.text: "Title"
0211 label2.text: "Subtitle"
0212 iconSource: "folder-green"
0213 iconSizeHint: Maui.Style.iconSizes.medium
0214
0215 quickActions: [
0216 Action
0217 {
0218 icon.name: "love"
0219 },
0220
0221 Action
0222 {
0223 icon.name: "love"
0224 }
0225 ]
0226 },
0227
0228 Maui.SwipeBrowserDelegate
0229 {
0230 Layout.fillWidth: true
0231 label1.text: "Title"
0232 label2.text: "Subtitle"
0233 iconSource: "folder-green"
0234 iconSizeHint: Maui.Style.iconSizes.medium
0235 collapse: true
0236 quickActions: [
0237 Action
0238 {
0239 icon.name: "love"
0240 },
0241
0242 Action
0243 {
0244 icon.name: "love"
0245 }
0246 ]
0247 },
0248
0249
0250 Maui.SwipeBrowserDelegate
0251 {
0252 Layout.fillWidth: true
0253 label1.text: "Draggable"
0254 label2.text: "Subtitle"
0255 imageSource: "qrc:/assets/6919759.jpg"
0256 template.headerSizeHint: 64
0257 draggable: true
0258
0259 quickActions: Action
0260 {
0261 icon.name: "love"
0262 }
0263
0264 Button
0265 {
0266 text: "Test"
0267 }
0268 }
0269
0270 ]
0271 }
0272
0273 }