UBports Robot Logo UBports Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    • Register
    • Login

    error building lomiri calculator app

    Scheduled Pinned Locked Moved Unsolved Support
    34 Posts 3 Posters 4.5k Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
      Reply
      • Reply as topic
      Log in to reply
      This topic has been deleted. Only users with topic management privileges can see it.
      • N Offline
        nibzy26 @lduboeuf
        last edited by

        Hi,

        In My calculator app I want to add an image as background to a rectangle but it cannot fing image location and says
        QML QQuickImage: Cannot open: file:///home/nsyed/calc/lomiri-calculator-app/build/all/app/install/share/qml/ui/backspace-outline.png

        My Code:
        Rectangle {
        visible: (role == "button")
        height: parent.height
        width: height
        anchors.centerIn: parent

            border.color: "red"
            
         
            Image {
                visible: true
                source: "backspace-outline.png"
                anchors.fill: parent
                fillMode: Image.Stretch // Adjust this as needed
            }   
           
        }
        

        Question: where I should put my png or svg files ?
        2. should i use svg or png ?
        3. I think build folder is not the place to put my image .where should i put my image file then ?

        Please advise

        Thanks

        arubislanderA 1 Reply Last reply Reply Quote 0
        • arubislanderA Online
          arubislander @nibzy26
          last edited by arubislander

          @nibzy26 where is your image file, relative to the qml file you are referencing it from?

          πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
          Happily running Ubuntu Touch
          Google Pixel 3a (24.04 preview)
          JingPad (24.04 preview)
          PinePhone OG (20.04)
          Meizu Pro 5 (16.04 DEV)

          N 1 Reply Last reply Reply Quote 0
          • N Offline
            nibzy26 @arubislander
            last edited by

            @arubislander
            Its in the same folder as qml file

            lduboeufL 1 Reply Last reply Reply Quote 0
            • lduboeufL Offline
              lduboeuf @nibzy26
              last edited by

              @nibzy26 said in error building lomiri calculator app:

              @arubislander
              Its in the same folder as qml file

              is that file present ? /home/nsyed/calc/lomiri-calculator-app/build/all/app/install/share/qml/ui/backspace-outline.png

              N 1 Reply Last reply Reply Quote 0
              • N Offline
                nibzy26 @lduboeuf
                last edited by nibzy26

                @lduboeuf
                yes I manually placed there but everytime it builds it firsts deletes all files in build folder and then builds
                I guess something wrong with my syntax

                I have tried placing it in the same folder with other qml files

                I have tried placing it in my home folder and set it as
                source: '/home/nsyed/backspace-outline.png'

                arubislanderA 1 Reply Last reply Reply Quote 0
                • arubislanderA Online
                  arubislander @nibzy26
                  last edited by

                  @nibzy26 placing it in the root of your home folder won't work, the app is not allowed to read the contents there.. Also you shouldn't need to be copying it anywhere manually.
                  Do you have your project anywhere online?

                  πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                  Happily running Ubuntu Touch
                  Google Pixel 3a (24.04 preview)
                  JingPad (24.04 preview)
                  PinePhone OG (20.04)
                  Meizu Pro 5 (16.04 DEV)

                  N 1 Reply Last reply Reply Quote 0
                  • N Offline
                    nibzy26 @arubislander
                    last edited by

                    @arubislander Thanks
                    I will look into it again and get back to you.
                    Now i have connected my touch phone to my PC and built the app on my PC .what options do i need to specify with clickable build command to build it for my phone.
                    please advise
                    thanks

                    N 1 Reply Last reply Reply Quote 0
                    • N Offline
                      nibzy26 @nibzy26
                      last edited by

                      I am trying clickable --arch=arm64
                      but the error says
                      he "pure-qml-cmake" builder needs architecture "all", but "arm64" was specified
                      nsyed@nsyed-HP-Laptop-15-bs1xx:~/calc/lomiri-calculator-app$ CLICKABLE_FRAMEWORK=ubuntu-sdk-20.04 clickable --arch=@CLICK_ARCH@
                      v8.0.0 of clickable is available, update to get the latest features and improvements!
                      usage: clickable chain [-h] [--config CONFIG]
                      [--clickable-config CLICKABLE_CONFIG]
                      [--serial-number SERIAL_NUMBER] [--ssh SSH]
                      [--arch {armhf,arm64,amd64,all}] [--container-mode]
                      [--docker-image DOCKER_IMAGE] [--skip-image-setup]
                      [--nvidia] [--no-nvidia] [--non-interactive]
                      [--verbose] [--clean]
                      [commands [commands ...]]
                      clickable chain: error: argument --arch/-a: invalid choice: '@CLICK_ARCH@' (choose from 'armhf', 'arm64', 'amd64', 'all')
                      nsyed@nsyed-HP-Laptop-15-bs1xx:~/calc/lomiri-calculator-app$

                      N arubislanderA 2 Replies Last reply Reply Quote 0
                      • N Offline
                        nibzy26 @nibzy26
                        last edited by

                        I set the builder to cmake only instead og pure-qml-cmake
                        It started getting docke rimages but then gave this error

                        Clickable is building for architecture "arm64", but "all" is specified in the manifest. You can set the architecture field to @CLICK_ARCH@ to let Clickable set the architecture field automatically.
                        nsyed@nsyed-HP-Laptop-15-bs1xx:~/calc/lomiri-calculator-app$

                        my clickable.yaml contents
                        clickable_minimum_required: '7.5.0'
                        kill: qmlscene
                        builder: cmake
                        framework: ubuntu-sdk-20.04

                        N 1 Reply Last reply Reply Quote 0
                        • N Offline
                          nibzy26 @nibzy26
                          last edited by nibzy26

                          after changing clickable.yaml i also changed manifest.json.in the app root directory and set the architecture to arm64 in it instead of all.
                          it built the arm64.click package .I moved the click package to my phone via usb and did double tap on it selected openstore option , it installed it but it is still the default calculator app that is available on openstore and Not my customized app.
                          what could be the issue ?

                          Also I got this

                          unning command "install"
                          Cannot access device.
                          ADB: No devices attached
                          SSH: no IP address specified (--ssh)
                          nsyed@nsyed-HP-Laptop-15-bs1xx:~/calc/lomiri-calculator-app$

                          N 1 Reply Last reply Reply Quote 0
                          • N Offline
                            nibzy26 @nibzy26
                            last edited by nibzy26

                            basically i want to change the GUI of the default calculator app.
                            So I
                            1 . Downloaded the app src from gitlab.
                            2. started changing qml files
                            3. built it and it created arm64 .click package but surprisingly the .click package size was only 408KB .
                            4. i transferred the click package to my phone double tapped on the file and installed it using open store option as it was the only option showing up
                            5. But it was the default app instead of my own customized app.
                            default app version was 4.0.1 calculator.ubports_4.0.1_arm64.click and my app was also built with the same filename as the default.

                            what could be the issue ?

                            please advise

                            thanks

                            lduboeufL 1 Reply Last reply Reply Quote 0
                            • lduboeufL Offline
                              lduboeuf @nibzy26
                              last edited by lduboeuf

                              @nibzy26 To publish and launch your app to your device, just run clickable , you can let the default builder that was used and aso on manifest.
                              When modifying a core app, one need to upgrade the version in manifest file

                              N 1 Reply Last reply Reply Quote 0
                              • arubislanderA Online
                                arubislander @nibzy26
                                last edited by

                                @nibzy26 said in error building lomiri calculator app:

                                I am trying clickable --arch=arm64
                                but the error says
                                he "pure-qml-cmake" builder needs architecture "all", but "arm64" was specified

                                As a QML only app the Calculator is in fact architecture independent. You didn't need to specify any arch. The same app that built to your desktop, would work on your phone
                                But follow @lduboeuf's advice to get the app onto your device with clickable.

                                πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                                Happily running Ubuntu Touch
                                Google Pixel 3a (24.04 preview)
                                JingPad (24.04 preview)
                                PinePhone OG (20.04)
                                Meizu Pro 5 (16.04 DEV)

                                1 Reply Last reply Reply Quote 0
                                • N Offline
                                  nibzy26 @lduboeuf
                                  last edited by nibzy26

                                  @ arubis @lduboeuf Thanks

                                  with settings left to default I ran clickable and it did install and launch app on the phone but it is still the default app launching,
                                  I cant see my modifications at all.
                                  which manifest file I need to update and specify my own version.
                                  there are manifest files at few places in the app .
                                  There is manifest.json.in file in root directory with contents

                                  {
                                  "name": "calculator.ubports",
                                  "architecture": "arm64",
                                  "description": "Powerful and easy to use calculator",
                                  "framework": "ubuntu-sdk-20.04",
                                  "hooks": {
                                  "calculator": {
                                  "apparmor": "@APP_HARDCODE@.apparmor",
                                  "desktop": "@CMAKE_INSTALL_DATADIR@/applications/lomiri-calculator-app.desktop"
                                  }
                                  },
                                  "maintainer": "UBports dev@ubports.com",
                                  "title": "@APP_NAME@",
                                  "icon": "@ICON@",
                                  "version": "@PROJECT_VERSION@",
                                  "migrations": {
                                  "old-name": "com.ubuntu.calculator"
                                  },
                                  "x-test": {
                                  "autopilot": "@AUTOPILOT_DIR@"
                                  }
                                  }

                                  lduboeufL 1 Reply Last reply Reply Quote 0
                                  • lduboeufL Offline
                                    lduboeuf @nibzy26
                                    last edited by

                                    @nibzy26 said in error building lomiri calculator app:

                                    @ arubis @lduboeuf Thanks

                                    with settings left to default I ran clickable and it did install and launch app on the phone but it is still the default app launching,
                                    I cant see my modifications at all.
                                    which manifest file I need to update and specify my own version.
                                    there are manifest files at few places in the app .
                                    There is manifest.json.in file in root directory with contents

                                    {
                                    "name": "calculator.ubports",
                                    "architecture": "arm64",
                                    "description": "Powerful and easy to use calculator",
                                    "framework": "ubuntu-sdk-20.04",
                                    "hooks": {
                                    "calculator": {
                                    "apparmor": "@APP_HARDCODE@.apparmor",
                                    "desktop": "@CMAKE_INSTALL_DATADIR@/applications/lomiri-calculator-app.desktop"
                                    }
                                    },
                                    "maintainer": "UBports dev@ubports.com",
                                    "title": "@APP_NAME@",
                                    "icon": "@ICON@",
                                    "version": "@PROJECT_VERSION@",
                                    "migrations": {
                                    "old-name": "com.ubuntu.calculator"
                                    },
                                    "x-test": {
                                    "autopilot": "@AUTOPILOT_DIR@"
                                    }
                                    }

                                    the version is set according to a variable, that is probably set in the CMakeLists.txt ( search for PROJECT_VERSION ), just increment the last digit.
                                    There is only one Manifest file, maybe you didn't noticed there is the source folder and the build folder.

                                    N 1 Reply Last reply Reply Quote 0
                                    • N Offline
                                      nibzy26 @lduboeuf
                                      last edited by nibzy26

                                      @lduboeuf Thanks

                                      I did exactly what you said but before i saw your answer πŸ˜‰
                                      Its working fine now Thanks
                                      Does it also mean that I can share this newly built click package to my friends who can install it on their phone by just double taping it and selecting openstore option ?
                                      This way it worked for me

                                      lduboeufL arubislanderA 2 Replies Last reply Reply Quote 0
                                      • lduboeufL Offline
                                        lduboeuf @nibzy26
                                        last edited by

                                        @nibzy26 said in error building lomiri calculator app:

                                        @lduboeuf Thanks

                                        I did exactly what you said but before i saw your answer πŸ˜‰
                                        Its working fine now Thanks
                                        Does it also mean that I can share this newly built click package to my friends who can install it on their phone by just double taping it and selecting openstore option ?
                                        This way it worked for me

                                        Sure it will work.

                                        1 Reply Last reply Reply Quote 0
                                        • arubislanderA Online
                                          arubislander @nibzy26
                                          last edited by

                                          @nibzy26 said in error building lomiri calculator app:

                                          Does it also mean that I can share this newly built click package to my friends who can install it on their phone by just double taping it and selecting openstore option ?

                                          This would work indeed. But if these changes are not something you plan to contribute back upstream, or which you think will not be accepted even if you did, then you might consider making a hard fork and the name of the app so that it is clear that it is something different than the preinstalled one.

                                          πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                                          Happily running Ubuntu Touch
                                          Google Pixel 3a (24.04 preview)
                                          JingPad (24.04 preview)
                                          PinePhone OG (20.04)
                                          Meizu Pro 5 (16.04 DEV)

                                          N 1 Reply Last reply Reply Quote 0
                                          • N Offline
                                            nibzy26 @arubislander
                                            last edited by

                                            @arubislander Thanks

                                            seems like every step is a new task.
                                            Anyway I created my own icon png and named it as lomiri-calculator-app.png and deleted the original file.
                                            Then i changed version in CMakeList.txt , to 4.0.3
                                            installed it but the app icon is still the default one.
                                            Do I have to do additional steps to show my own app icon ?
                                            2. SO everytime I make a small change I have to increment the version in the CMakeList.txt file ??

                                            Please advise

                                            Thanks

                                            lduboeufL 1 Reply Last reply Reply Quote 0
                                            • lduboeufL Offline
                                              lduboeuf @nibzy26
                                              last edited by

                                              @nibzy26 said in error building lomiri calculator app:

                                              @arubislander Thanks

                                              seems like every step is a new task.
                                              Anyway I created my own icon png and named it as lomiri-calculator-app.png and deleted the original file.
                                              Then i changed version in CMakeList.txt , to 4.0.3
                                              installed it but the app icon is still the default one.
                                              Do I have to do additional steps to show my own app icon ?
                                              2. SO everytime I make a small change I have to increment the version in the CMakeList.txt file ??

                                              Please advise

                                              Thanks

                                              humm, no need to update version each time.
                                              does this image have the same name than in the desktop file ( see Icon key iirc)

                                              1 Reply Last reply Reply Quote 0
                                              • First post
                                                Last post