WelcomeContent.qml 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. // Copyright (c) 2022 UltiMaker
  2. // Cura is released under the terms of the LGPLv3 or higher.
  3. import QtQuick 2.10
  4. import QtQuick.Controls 2.3
  5. import UM 1.5 as UM
  6. import Cura 1.1 as Cura
  7. //
  8. // This component contains the content for the "Welcome" page of the welcome on-boarding process.
  9. //
  10. Item
  11. {
  12. UM.I18nCatalog { id: catalog; name: "cura" }
  13. // Arrange the items vertically and put everything in the center
  14. Column
  15. {
  16. anchors.horizontalCenter: parent.horizontalCenter
  17. anchors.verticalCenter: parent.verticalCenter
  18. spacing: UM.Theme.getSize("thick_margin").height
  19. width:parent.width
  20. // Filler item
  21. Item
  22. {
  23. height: UM.Theme.getSize("thick_margin").width
  24. width: parent.width
  25. }
  26. Image
  27. {
  28. id: curaImage
  29. anchors.horizontalCenter: parent.horizontalCenter
  30. source: UM.Theme.getImage("welcome_cura")
  31. fillMode: Image.PreserveAspectFit
  32. width: UM.Theme.getSize("welcome_wizard_content_image_big").width
  33. sourceSize.width: width
  34. sourceSize.height: height
  35. }
  36. // Filler item
  37. Item
  38. {
  39. height: UM.Theme.getSize("thick_margin").width
  40. width: parent.width
  41. }
  42. UM.Label
  43. {
  44. id: titleLabel
  45. anchors.horizontalCenter: parent.horizontalCenter
  46. horizontalAlignment: Text.AlignHCenter
  47. text: catalog.i18nc("@label", "Welcome to UltiMaker Cura")
  48. color: UM.Theme.getColor("primary_button")
  49. font: UM.Theme.getFont("huge_bold")
  50. }
  51. UM.Label
  52. {
  53. id: textLabel
  54. anchors.horizontalCenter: parent.horizontalCenter
  55. horizontalAlignment: Text.AlignHCenter
  56. width: titleLabel.width + 2 * UM.Theme.getSize("thick_margin").width
  57. text: catalog.i18nc("@text", "Please follow these steps to set up UltiMaker Cura. This will only take a few moments.")
  58. font: UM.Theme.getFont("medium")
  59. }
  60. // Filler item
  61. Item
  62. {
  63. height: UM.Theme.getSize("thick_margin").height
  64. width: parent.width
  65. }
  66. Cura.PrimaryButton
  67. {
  68. id: getStartedButton
  69. anchors.horizontalCenter: parent.horizontalCenter
  70. text: catalog.i18nc("@button", "Get started")
  71. onClicked: base.showNextPage()
  72. }
  73. // Filler item
  74. Item
  75. {
  76. height: UM.Theme.getSize("thick_margin").height
  77. width: parent.width
  78. }
  79. }
  80. }