aboutsummaryrefslogtreecommitdiffstats
path: root/examples/quick/tutorials/gettingStartedQml/core/FileMenu.qml
diff options
context:
space:
mode:
Diffstat (limited to 'examples/quick/tutorials/gettingStartedQml/core/FileMenu.qml')
-rw-r--r--examples/quick/tutorials/gettingStartedQml/core/FileMenu.qml128
1 files changed, 70 insertions, 58 deletions
diff --git a/examples/quick/tutorials/gettingStartedQml/core/FileMenu.qml b/examples/quick/tutorials/gettingStartedQml/core/FileMenu.qml
index 9808aa74b5..c8667a0cc5 100644
--- a/examples/quick/tutorials/gettingStartedQml/core/FileMenu.qml
+++ b/examples/quick/tutorials/gettingStartedQml/core/FileMenu.qml
@@ -39,55 +39,58 @@
****************************************************************************/
import QtQuick 2.0
-import "../filedialog" 1.0
+import FileDialog 1.0
Rectangle {
id: fileMenu
- height: 480; width:1000
+ height: 480
+ width: 1000
property color buttonBorderColor: "#7F8487"
property color buttonFillColor: "#8FBDCACD"
- property string fileContent:directory.fileContent
+ property string fileContent: directory.fileContent
- //the menuName is accessible from outside this QML file
+ // menuName is accessible from outside this QML file
property string menuName: "File"
- //used to divide the screen into parts.
- property real partition: 1/3
+ // Used to divide the screen into parts
+ property real partition: 1 / 3
- color: "#6C646A"
+ color: "#6C646A"
gradient: Gradient {
- GradientStop { position: 0.0; color: "#6C646A" }
- GradientStop { position: 1.0; color: Qt.darker("#6A6D6A") }
+ GradientStop { position: 0.0; color: "#6C646A" }
+ GradientStop { position: 1.0; color: Qt.darker("#6A6D6A") }
}
Directory {
- id:directory
+ id: directory
filename: textInput.text
- onDirectoryChanged:fileDialog.notifyRefresh()
+ onDirectoryChanged: fileDialog.notifyRefresh()
}
Rectangle {
- id:actionContainer
+ id: actionContainer
- //make this rectangle invisible
- color:"transparent"
+ // Make this rectangle invisible
+ color: "transparent"
anchors.left: parent.left
- //the height is a good proportion that creates more space at the top of
- //the column of buttons
- width: fileMenu.width * partition; height: fileMenu.height
+ // The height is a good proportion that creates more space at the
+ // top of the column of buttons
+ width: fileMenu.width * partition
+ height: fileMenu.height
Column {
anchors.centerIn: parent
- spacing: parent.height/32
+ spacing: parent.height / 32
+
Button {
id: saveButton
label: "Save"
borderColor: buttonBorderColor
buttonColor: buttonFillColor
- width: actionContainer.width/ 1.3
- height:actionContainer.height / 8
- labelSize:24
+ width: actionContainer.width / 1.3
+ height: actionContainer.height / 8
+ labelSize: 24
onButtonClick: {
directory.fileContent = textArea.textContent
directory.filename = textInput.text
@@ -98,15 +101,16 @@ Rectangle {
GradientStop { position: 0.67; color: Qt.darker(buttonFillColor,1.3) }
}
}
+
Button {
id: loadButton
- width: actionContainer.width/ 1.3
- height:actionContainer.height/ 8
+ width: actionContainer.width / 1.3
+ height: actionContainer.height / 8
buttonColor: buttonFillColor
borderColor: buttonBorderColor
label: "Load"
- labelSize:24
- onButtonClick:{
+ labelSize: 24
+ onButtonClick: {
directory.filename = textInput.text
directory.loadFile()
textArea.textContent = directory.fileContent
@@ -118,13 +122,13 @@ Rectangle {
}
Button {
id: newButton
- width: actionContainer.width/ 1.3
- height: actionContainer.height/ 8
+ width: actionContainer.width / 1.3
+ height: actionContainer.height / 8
buttonColor: buttonFillColor
borderColor: buttonBorderColor
label: "New"
labelSize: 24
- onButtonClick:{
+ onButtonClick: {
textArea.textContent = ""
textInput.text = ""
}
@@ -132,9 +136,8 @@ Rectangle {
GradientStop { position: 0.0; color: Qt.lighter(buttonFillColor,1.25) }
GradientStop { position: 0.67; color: Qt.darker(buttonFillColor,1.3) }
}
-
}
- Rectangle {
+ Rectangle{
id: space
width: actionContainer.width/ 1.3
height: actionContainer.height / 16
@@ -142,8 +145,8 @@ Rectangle {
}
Button {
id: exitButton
- width: actionContainer.width/ 1.3
- height: actionContainer.height/ 8
+ width: actionContainer.width / 1.3
+ height: actionContainer.height / 8
label: "Exit"
labelSize: 24
buttonColor: buttonFillColor
@@ -156,75 +159,84 @@ Rectangle {
}
}
}
+
Rectangle {
- id:dialogContainer
+ id: dialogContainer
- width: 2*fileMenu.width * partition; height: fileMenu.height
- anchors.right:parent.right
+ width: 2 * fileMenu.width * partition
+ height: fileMenu.height
+ anchors.right: parent.right
color: "transparent"
Column {
anchors.centerIn: parent
- spacing: parent.height /640
+ spacing: parent.height / 640
FileDialog {
- id:fileDialog
- height: 2*dialogContainer.height * partition
+ id: fileDialog
+ height: 2 * dialogContainer.height * partition
width: dialogContainer.width
onSelectChanged: textInput.text = selectedFile
}
Rectangle {
- id:lowerPartition
- height: dialogContainer.height * partition; width: dialogContainer.width
+ id: lowerPartition
+ height: dialogContainer.height * partition
+ width: dialogContainer.width
color: "transparent"
Rectangle {
id: nameField
- gradient: Gradient {
+
+ gradient: Gradient{
GradientStop { position: 0.0; color: "#806F6F6F" }
GradientStop { position: 1.0; color: "#136F6F6F" }
}
+
radius: 10
- anchors { centerIn:parent; leftMargin: 15; rightMargin: 15; topMargin: 15 }
- height: parent.height-15
- width: parent.width -20
- border { color: "#4A4A4A"; width:1 }
+ anchors { centerIn: parent; leftMargin: 15; rightMargin: 15; topMargin: 15 }
+ height: parent.height - 15
+ width: parent.width - 20
+ border { color:"#4A4A4A"; width: 1 }
TextInput {
id: textInput
- z:2
+ z: 2
anchors { bottom: parent.bottom; topMargin: 10; horizontalCenter: parent.horizontalCenter }
width: parent.width - 10
- height: parent.height -10
+ height: parent.height - 10
font.pointSize: 40
color: "lightsteelblue"
focus: true
}
+
Text {
id: textInstruction
anchors.centerIn: parent
- text: "Select file name and press save or load"
- font {pointSize: 11; weight: Font.Light; italic: true}
+ text: "Select file name and press Save or Load"
+ font { pointSize: 11; weight: Font.Light; italic: true }
color: "lightblue"
z: 2
opacity: (textInput.text == "") ? 1 : 0
}
+
Text {
- id:fieldLabel
+ id: fieldLabel
anchors { top: parent.top; left: parent.left }
text: " file name: "
font { pointSize: 11; weight: Font.Light; italic: true }
color: "lightblue"
- z:2
+ z: 2
}
+
MouseArea {
- anchors.centerIn:parent
- width: nameField.width; height: nameField.height
- onClicked: {
- textInput.text = ""
- textInput.focus = true
- textInput.forceFocus()
- }
+ anchors.centerIn: parent
+ width: nameField.width
+ height: nameField.height
+ onClicked: {
+ textInput.text = ""
+ textInput.focus = true
+ textInput.forceFocus()
+ }
}
}
}
generated by cgit v1.2.3 (git 2.25.1) at 2024-06-11 11:32:56 +0000