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

    OSK Enhancements Proposals

    Scheduled Pinned Locked Moved OS
    92 Posts 21 Posters 34.3k Views 5 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.
      • K Offline
        kugiigi @jezek
        last edited by

        @jezek most likely they will work but the terminal app already has the keyboard shortcuts which are actually more and more useful there.

        @mymike That would be cool but I don't now if there are keyboard shortcuts that do those. Currently, the keys/shortcuts in the OSK are just mapped to actual keyboard shortcuts.

        1 Reply Last reply Reply Quote 0
        • K Offline
          kugiigi
          last edited by

          Here's a better version of a demo video. This already includes all the work I've done so far. Please ignore my incorrect grammars and bad typing πŸ˜›

          Better Demo Video

          1 Reply Last reply Reply Quote 1
          • L Offline
            L-00117 Banned @matteo
            last edited by

            This post is deleted!
            K 1 Reply Last reply Reply Quote 0
            • K Offline
              kugiigi @L-00117
              last edited by

              @marvolichko Compiling creates deb files (if no-debs parameter was not used) and you'll have to use crossbuilder deploy to copy to your device via ADB. I get an error though for the actual installation so I do them manually.
              As for your concern, unfortunately you really can't pick things to install aside from the languages. Trying this out will always have the risk to break your OSK. In case of breakage, you can build the xenial branch from the original repo and install from there πŸ™‚

              1 Reply Last reply Reply Quote 1
              • K Offline
                kugiigi
                last edited by

                @CiberSheep I would like to get the opinion of the design team about the OSK.
                I'm exploring the possibility of keyboard themes especially the Ambiance and SuruDark themes.
                I used "hacky" ways to implement it in my previous screenshots but now I want to make a proper implementation.
                However, one of the blocking points are the Border Images that were used for some kind of drop shadows.
                Would it be okay to replace them with just a rectangle with border instead so that theming support will be easier?

                Here are a few screenshots showing rectangle with border instead of drop shadows.
                0_1544535427505_screenshot20181211_153928496.png

                0_1544535534473_screenshot20181211_153931523.png

                0_1544535555342_screenshot20181211_212654984.png

                0_1544535563457_screenshot20181211_213215397.png

                CiberSheepC mymikeM 2 Replies Last reply Reply Quote 1
                • CiberSheepC Offline
                  CiberSheep @kugiigi
                  last edited by

                  @kugiigi I would say: go ahead and forget the drop shadow πŸ™‚

                  Another planet, another time, another universe!

                  K 1 Reply Last reply Reply Quote 1
                  • K Offline
                    kugiigi @CiberSheep
                    last edited by

                    @cibersheep Roger that! someone has to approve my PR anyway in case I really get a proper implementation πŸ™‚

                    1 Reply Last reply Reply Quote 2
                    • K Offline
                      kugiigi
                      last edited by kugiigi

                      Some progress for the themes support hurray! πŸ˜„

                      Here are the repositories I've uploaded which so far works quite well except the settings-app which I was not able to build myself but I've only changed QML and those worked fine when I tested directly on my phone πŸ™‚
                      Keyboard component
                      Settings app

                      My initial plan was just create a dark mode for the OSK but since the foundation for the colors is already there so I experimented with different themes and these are the ones I've come up.
                      (I don't know how to shrink the photos here :P)

                      Ambiance (Default)
                      0_1544989470394_screenshot20181217_034154536.png

                      Suru Dark
                      0_1544989484200_screenshot20181217_034158710.png

                      Suru Black
                      0_1544989514418_screenshot20181217_034202261.png

                      Just White
                      0_1544989548011_screenshot20181217_034206314.png

                      Just Black
                      0_1544989564017_screenshot20181217_034209948.png

                      Just Grey
                      0_1544989570917_screenshot20181217_034213815.png

                      Bordered White
                      0_1544989585555_screenshot20181217_034220834.png

                      Bordered Black
                      0_1544989594386_screenshot20181217_034224419.png

                      Bordered Grey
                      0_1544989601878_screenshot20181217_034227810.png

                      Colored ones are also possible but I did not include any in the repo but here's a sample
                      0_1544989636933_screenshot20181217_034235069.png

                      I don't know if this will be accepted but if yes, @CiberSheep I would like get the opinion of the design team and you can check the colors.
                      They're just in json files in the repo and can be easily modified πŸ˜‰

                      And BTW, this completely removed the border images and replaced with rectangles with borders

                      ? mymikeM 2 Replies Last reply Reply Quote 4
                      • CiberSheepC Offline
                        CiberSheep
                        last edited by

                        In two words: im pressive XD
                        If you want the Suru colors, are:
                        #DC3023
                        #FF8936
                        #FFB95A
                        #8DB255
                        #749F8D
                        #48929B
                        #A87CA0

                        Another planet, another time, another universe!

                        K 1 Reply Last reply Reply Quote 0
                        • H Offline
                          hummlbach
                          last edited by hummlbach

                          @kugiigi really cool! But the ones using the same color for keys, background and borders look strange to me... 😁
                          Now we have to make the keyboard respecting the (system wide) theme setting... πŸ™‚

                          1 Reply Last reply Reply Quote 0
                          • ? Offline
                            A Former User @kugiigi
                            last edited by

                            @kugiigi good job

                            1 Reply Last reply Reply Quote 0
                            • K Offline
                              kugiigi @CiberSheep
                              last edited by

                              @cibersheep I used the palettes from the official toolkit themes so those are already suru colors πŸ˜‰
                              Although I did not explore the more extensive list of suru palettes.
                              Do you want to check the design/palettes first or should I create a PR now and just do any changes on that based on your comments? πŸ™‚

                              @hummlbach I considered doing that at first, using "theme.palette" and so but it wasn't quite simple to convert since not all the original palettes have equivalent in the toolkit. And personally, I don't think we'll have system-wide theme setting soon especially that the UITK's future is quite bad at the moment. But in any case, we can still have a workaround for maybe setting the theme to Ambiance or SuruDark πŸ™‚

                              CiberSheepC 1 Reply Last reply Reply Quote 0
                              • CiberSheepC Offline
                                CiberSheep @kugiigi
                                last edited by

                                @kugiigi I know you used the Suru palette, sorry: I ment that if you want more colors, that list is the Β«officialΒ» additional colors πŸ™‚

                                I think you can do a PR and we can work from there, don't you?

                                Another planet, another time, another universe!

                                1 Reply Last reply Reply Quote 0
                                • mymikeM Offline
                                  mymike @kugiigi
                                  last edited by

                                  @kugiigi what about making shadows from qml with DropShadows? honestly I don't like very much that border...

                                  K 1 Reply Last reply Reply Quote 0
                                  • mymikeM Offline
                                    mymike @kugiigi
                                    last edited by

                                    @kugiigi here I prefer the first 2 screens and I don't like the ones with borders... how are the magnified key when pressed on the just one color keyboard?

                                    1 Reply Last reply Reply Quote 0
                                    • K Offline
                                      kugiigi @mymike
                                      last edited by

                                      @mymike I didn't try that but it might have performance impact I guess?
                                      You mean the border in the magnifier right?

                                      I guess the preference depends on the person. I like those with border πŸ™‚ Although in my PR, I updated those a bit, I changed the color of the action keys similar to Ambiance,Suru Dark and Suru Black.

                                      Magnifier for the pure colors are still bordered.

                                      mymikeM 1 Reply Last reply Reply Quote 0
                                      • mymikeM Offline
                                        mymike @kugiigi
                                        last edited by

                                        You mean the border in the magnifier right?

                                        yes

                                        @mymike I didn't try that but it might have performance impact I guess?

                                        Idk tbh, but I saw you can cache the shadow

                                        from DropShadows qt docs about the cache property:

                                        This property allows the effect output pixels to be cached in order to improve the rendering performance. Every time the source or effect properties are changed, the pixels in the cache must be updated.

                                        K 1 Reply Last reply Reply Quote 0
                                        • K Offline
                                          kugiigi @mymike
                                          last edited by

                                          @mymike I can try out using DropShadows and see if it has adverse effect especially with the performance.

                                          1 Reply Last reply Reply Quote 0
                                          • K Offline
                                            kugiigi
                                            last edited by

                                            @CiberSheep If the design team wants to intervene with the themes support, now is the time πŸ˜„
                                            Pull request

                                            I did not check/test all the palette assignments thoroughly so I'm not confident the they all look fine πŸ™‚

                                            1 Reply Last reply Reply Quote 2
                                            • Josele13J Offline
                                              Josele13
                                              last edited by

                                              I like Bordered grey, it's the one that looks most like Ambiance dark on the desk

                                              Xiaomi Redmi Note 9 pro
                                              Oneplus Nord 100
                                              Xiaomi Redmi Note 7
                                              Nexus 5
                                              Bq E4.5 Ubuntu edition .... is dead

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