Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. How to custom qml virtual keyboard ?
Forum Updated to NodeBB v4.3 + New Features

How to custom qml virtual keyboard ?

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
37 Posts 7 Posters 28.1k Views 4 Watching
  • 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.
  • raven-worxR raven-worx

    @small_bird
    https://doc.qt.io/qt-5.11/technical-guide.html#adding-custom-layouts

    1. copy the existing layout files from QTDIR/qtvirtualkeyboard/src/virtualkeyboard/content/layouts/en_GB
    2. adapt to your needs
    3. add the files in a (custom) path (e.g. :/path/to/my/kb/layouts/en_GB) to your qrc
    4. in the beginning of your main() add:
    qputenv("QT_IM_MODULE", QByteArray("qtvirtualkeyboard"));
    qputenv("QT_VIRTUALKEYBOARD_LAYOUT_PATH", ":/path/to/my/kb/layouts");
    
    small_birdS Offline
    small_birdS Offline
    small_bird
    wrote on last edited by
    #3

    @raven-worx Yes,I have done like that, however, it shows black rect.

    raven-worxR 1 Reply Last reply
    0
    • small_birdS small_bird

      @raven-worx Yes,I have done like that, however, it shows black rect.

      raven-worxR Offline
      raven-worxR Offline
      raven-worx
      Moderators
      wrote on last edited by
      #4

      @small_bird
      it shows a black rect where?
      Where the button should be or where the keyboard should be?

      Anyway show some code/qrc in order to give proper help.

      --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
      If you have a question please use the forum so others can benefit from the solution in the future

      small_birdS 1 Reply Last reply
      1
      • raven-worxR raven-worx

        @small_bird
        it shows a black rect where?
        Where the button should be or where the keyboard should be?

        Anyway show some code/qrc in order to give proper help.

        small_birdS Offline
        small_birdS Offline
        small_bird
        wrote on last edited by
        #5

        @raven-worx 0_1533281756248_captured.PNG

        small_birdS 1 Reply Last reply
        0
        • small_birdS small_bird

          @raven-worx 0_1533281756248_captured.PNG

          small_birdS Offline
          small_birdS Offline
          small_bird
          wrote on last edited by small_bird
          #6

          @small_bird 0_1533285635135_shortCut.png

          raven-worxR 1 Reply Last reply
          0
          • small_birdS small_bird

            @small_bird 0_1533285635135_shortCut.png

            raven-worxR Offline
            raven-worxR Offline
            raven-worx
            Moderators
            wrote on last edited by
            #7

            @small_bird
            any console output?
            what is the content of QT_VIRTUALKEYBOARD_LAYOUT_PATH?
            Did you add an InputPanel element to your application?
            ...

            --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
            If you have a question please use the forum so others can benefit from the solution in the future

            small_birdS 1 Reply Last reply
            0
            • raven-worxR raven-worx

              @small_bird
              any console output?
              what is the content of QT_VIRTUALKEYBOARD_LAYOUT_PATH?
              Did you add an InputPanel element to your application?
              ...

              small_birdS Offline
              small_birdS Offline
              small_bird
              wrote on last edited by
              #8

              @raven-worx
              The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").
              No InputPanel.

              raven-worxR 1 Reply Last reply
              0
              • small_birdS small_bird

                @raven-worx
                The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").
                No InputPanel.

                raven-worxR Offline
                raven-worxR Offline
                raven-worx
                Moderators
                wrote on last edited by
                #9

                @small_bird said in How to custom qml virtual keyboard ?:

                The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").

                as i stated it should be :/layouts only

                --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                If you have a question please use the forum so others can benefit from the solution in the future

                small_birdS 3 Replies Last reply
                2
                • raven-worxR raven-worx

                  @small_bird said in How to custom qml virtual keyboard ?:

                  The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").

                  as i stated it should be :/layouts only

                  small_birdS Offline
                  small_birdS Offline
                  small_bird
                  wrote on last edited by
                  #10

                  @raven-worx Thanks a lot! I have made it!

                  P 1 Reply Last reply
                  0
                  • raven-worxR raven-worx

                    @small_bird said in How to custom qml virtual keyboard ?:

                    The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").

                    as i stated it should be :/layouts only

                    small_birdS Offline
                    small_birdS Offline
                    small_bird
                    wrote on last edited by
                    #11
                    This post is deleted!
                    1 Reply Last reply
                    0
                    • raven-worxR raven-worx

                      @small_bird said in How to custom qml virtual keyboard ?:

                      The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").

                      as i stated it should be :/layouts only

                      small_birdS Offline
                      small_birdS Offline
                      small_bird
                      wrote on last edited by small_bird
                      #12

                      @raven-worx How to change the background color of the keyboard, for example, from black to transparent.

                      raven-worxR 1 Reply Last reply
                      0
                      • small_birdS small_bird

                        @raven-worx How to change the background color of the keyboard, for example, from black to transparent.

                        raven-worxR Offline
                        raven-worxR Offline
                        raven-worx
                        Moderators
                        wrote on last edited by
                        #13

                        @small_bird said in How to custom qml virtual keyboard ?:

                        How to change the background color of the keyboard, for example, from black to transparent.

                        did you read the link from my first post at all?
                        https://doc.qt.io/qt-5.11/technical-guide.html#keyboard-styles

                        --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                        If you have a question please use the forum so others can benefit from the solution in the future

                        small_birdS 1 Reply Last reply
                        0
                        • raven-worxR raven-worx

                          @small_bird said in How to custom qml virtual keyboard ?:

                          How to change the background color of the keyboard, for example, from black to transparent.

                          did you read the link from my first post at all?
                          https://doc.qt.io/qt-5.11/technical-guide.html#keyboard-styles

                          small_birdS Offline
                          small_birdS Offline
                          small_bird
                          wrote on last edited by
                          #14

                          @raven-worx Yes, I have read that, however, it does not work, this is my shortcut of path:
                          0_1533711489065_捕获.PNG

                          raven-worxR 1 Reply Last reply
                          0
                          • small_birdS small_bird

                            @raven-worx Yes, I have read that, however, it does not work, this is my shortcut of path:
                            0_1533711489065_捕获.PNG

                            raven-worxR Offline
                            raven-worxR Offline
                            raven-worx
                            Moderators
                            wrote on last edited by raven-worx
                            #15

                            @small_bird

                            1. set the QT_VIRTUALKEYBOARD_STYLE to _STYLENAME_
                            2. put the style.qml into your existing qrc (e.g. to the path :/kbstyles/test.qml :/kbstyles/QtQuick/VirtualKeyboard/Styles/_STYLENAME_/style.qml)
                            3. add the import path to your QQmlEngine (engine->addImportPath(":/kbstyles"))

                            did you copy the existing (default) virtual keyboard style and made your changes upon it?

                            --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                            If you have a question please use the forum so others can benefit from the solution in the future

                            small_birdS 1 Reply Last reply
                            0
                            • raven-worxR raven-worx

                              @small_bird

                              1. set the QT_VIRTUALKEYBOARD_STYLE to _STYLENAME_
                              2. put the style.qml into your existing qrc (e.g. to the path :/kbstyles/test.qml :/kbstyles/QtQuick/VirtualKeyboard/Styles/_STYLENAME_/style.qml)
                              3. add the import path to your QQmlEngine (engine->addImportPath(":/kbstyles"))

                              did you copy the existing (default) virtual keyboard style and made your changes upon it?

                              small_birdS Offline
                              small_birdS Offline
                              small_bird
                              wrote on last edited by
                              #16

                              @raven-worx Yes, I have done that. "set the QT_VIRTUALKEYBOARD_STYLE to test"? What is the meaning? to test.qml file?

                              raven-worxR 1 Reply Last reply
                              0
                              • small_birdS small_bird

                                @raven-worx Yes, I have done that. "set the QT_VIRTUALKEYBOARD_STYLE to test"? What is the meaning? to test.qml file?

                                raven-worxR Offline
                                raven-worxR Offline
                                raven-worx
                                Moderators
                                wrote on last edited by raven-worx
                                #17

                                @small_bird
                                the name of the qml file folder containing style.qml

                                --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                                If you have a question please use the forum so others can benefit from the solution in the future

                                small_birdS 1 Reply Last reply
                                0
                                • raven-worxR raven-worx

                                  @small_bird
                                  the name of the qml file folder containing style.qml

                                  small_birdS Offline
                                  small_birdS Offline
                                  small_bird
                                  wrote on last edited by
                                  #18

                                  @raven-worx 0_1533714087446_捕获.PNG
                                  Is this all right?

                                  raven-worxR 1 Reply Last reply
                                  0
                                  • small_birdS small_bird

                                    @raven-worx 0_1533714087446_捕获.PNG
                                    Is this all right?

                                    raven-worxR Offline
                                    raven-worxR Offline
                                    raven-worx
                                    Moderators
                                    wrote on last edited by raven-worx
                                    #19

                                    @small_bird
                                    you said you read the link didnt you?!
                                    you should set it as a env variable!
                                    qputenv("QT_VIRTUALKEYBOARD_STYLE", "test");

                                    --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                                    If you have a question please use the forum so others can benefit from the solution in the future

                                    small_birdS 1 Reply Last reply
                                    0
                                    • raven-worxR raven-worx

                                      @small_bird
                                      you said you read the link didnt you?!
                                      you should set it as a env variable!
                                      qputenv("QT_VIRTUALKEYBOARD_STYLE", "test");

                                      small_birdS Offline
                                      small_birdS Offline
                                      small_bird
                                      wrote on last edited by
                                      #20

                                      @raven-worx 0_1533714623613_捕获.PNG
                                      Another problem happens!

                                      raven-worxR 1 Reply Last reply
                                      0
                                      • small_birdS small_bird

                                        @raven-worx 0_1533714623613_捕获.PNG
                                        Another problem happens!

                                        raven-worxR Offline
                                        raven-worxR Offline
                                        raven-worx
                                        Moderators
                                        wrote on last edited by
                                        #21

                                        @small_bird
                                        read my post (regarding the style setup) again line by line and compare it to your code.
                                        Why do you add the layout path to the engine's import path?!

                                        The keyboard styles and layout are different concepts, so don't mix them up.

                                        --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                                        If you have a question please use the forum so others can benefit from the solution in the future

                                        small_birdS 2 Replies Last reply
                                        0
                                        • raven-worxR raven-worx

                                          @small_bird
                                          read my post (regarding the style setup) again line by line and compare it to your code.
                                          Why do you add the layout path to the engine's import path?!

                                          The keyboard styles and layout are different concepts, so don't mix them up.

                                          small_birdS Offline
                                          small_birdS Offline
                                          small_bird
                                          wrote on last edited by small_bird
                                          #22

                                          @raven-worx 0_1533716005308_捕获.PNG
                                          The out put is the same!

                                          1 Reply Last reply
                                          0

                                          • Login

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Categories
                                          • Recent
                                          • Tags
                                          • Popular
                                          • Users
                                          • Groups
                                          • Search
                                          • Get Qt Extensions
                                          • Unsolved