• Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login
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.2k 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
      last edited by 28 Nov 2018, 19:08

      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 30 Nov 2018, 16:03

        This post is deleted!
        K 1 Reply Last reply 30 Nov 2018, 16:17 Reply Quote 0
        • K Offline
          kugiigi @L-00117
          last edited by 30 Nov 2018, 16:17

          @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 11 Dec 2018, 13:40

            @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

            C M 2 Replies Last reply 11 Dec 2018, 17:08 Reply Quote 1
            • C Offline
              CiberSheep @kugiigi
              last edited by 11 Dec 2018, 17:08

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

              Another planet, another time, another universe!

              K 1 Reply Last reply 11 Dec 2018, 17:37 Reply Quote 1
              • K Offline
                kugiigi @CiberSheep
                last edited by 11 Dec 2018, 17:37

                @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 16 Dec 2018, 19:48

                  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

                  ? M 2 Replies Last reply 16 Dec 2018, 23:32 Reply Quote 4
                  • C Offline
                    CiberSheep
                    last edited by 16 Dec 2018, 20:09

                    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 17 Dec 2018, 07:45 Reply Quote 0
                    • H Offline
                      hummlbach
                      last edited by hummlbach 16 Dec 2018, 22:15

                      @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 16 Dec 2018, 23:32

                        @kugiigi good job

                        1 Reply Last reply Reply Quote 0
                        • K Offline
                          kugiigi @CiberSheep
                          last edited by 17 Dec 2018, 07:45

                          @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 πŸ™‚

                          C 1 Reply Last reply 17 Dec 2018, 13:11 Reply Quote 0
                          • C Offline
                            CiberSheep @kugiigi
                            last edited by 17 Dec 2018, 13:11

                            @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
                            • M Offline
                              mymike @kugiigi
                              last edited by 19 Dec 2018, 10:53

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

                              K 1 Reply Last reply 19 Dec 2018, 11:09 Reply Quote 0
                              • M Offline
                                mymike @kugiigi
                                last edited by 19 Dec 2018, 10:55

                                @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 19 Dec 2018, 11:09

                                  @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.

                                  M 1 Reply Last reply 20 Dec 2018, 09:39 Reply Quote 0
                                  • M Offline
                                    mymike @kugiigi
                                    last edited by 20 Dec 2018, 09:39

                                    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 21 Dec 2018, 10:39 Reply Quote 0
                                    • K Offline
                                      kugiigi @mymike
                                      last edited by 21 Dec 2018, 10:39

                                      @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 21 Dec 2018, 15:33

                                        @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 22 Dec 2018, 23:24

                                          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
                                          • K Offline
                                            kugiigi
                                            last edited by kugiigi 6 Sept 2019, 14:53 3 Jun 2019, 17:55

                                            So the OSK theme landed a few OTAs back. Awesome right?! πŸ˜„
                                            And now I'm back with my OSK works....finally!....specifically with the advanced text functionalities in the OSK.
                                            I've prototyped and demoed this almost half a year ago but now I want to make it "PR-ready".
                                            So once I get satisfied, I will propose this officially.

                                            List of changes and additional features

                                            • Added audio and haptic feedback to the word ribbon (auto suggest bar)
                                            • Temporary fix for the issue where cursor mover isn't working correctly in QtWebEngine text fields such as in the Morph Browser (some trade-offs to fix this temporarily)
                                            • Horizontal movement in the cursor mover will now move vertically once the start/end of line is reached. I'm not sure how this really affects the experience but it was definitely implemented like that before for a reason. (a trade-off for the issue above)
                                            • A new way to trigger the cursor mover mode (bottom swipe). This is available anywhere in the OSK so regardless of the layout or type, you can now trigger it. Press and hold in the space bar is still available.
                                            • Implemented text manipulation features which are available in a top bar that shows up when in cursor mover mode.
                                              • Copy
                                              • Cut
                                              • Paste
                                              • Select All
                                              • Undo
                                              • Redo
                                            • Implemented text selection mode (no timeout, needs manually exiting)
                                              • While in cursor mover mode, double tap/click to enter selection mode. You can also immediately select texts by double tapping then swiping immediately without lifting your finger.
                                              • Word Selection: Double tap while in cursor mover mode without swiping [Disabled for now to fix QtWebEngine issue]
                                            • Added floating buttons in cursor mover mode
                                              • Move cursor to the start/end of line or document
                                              • They can also be used in conjunction with the selection mode!
                                              • Done button: Used to end selection mode and/or cursor mover mode
                                            • Changed timeout of cursor mover mode to 5 seconds (experimental)

                                            Know Issues:

                                            • The new toolbar buttons and floating buttons sometimes retain their previous color when changing OSK theme.
                                              FIXED: Just needed to bind the colors πŸ™‚

                                            • Using the Start of line/document button from the floating buttons while in selection mode doesn't select texts. I'm not really sure why.
                                              FIXED: Stupid mistake by me....it worked in my first branch and just had a mistake with this new branch πŸ˜„

                                            • The bottom swipe trigger might be difficult to trigger in landscape mode especially for devices with protrusion on the sides/bezels especially those with cases.

                                            Please feel free to try it out from the git branch linked below. You'd need to use crossbuilder to compile it and deploy to your device via ADB.
                                            https://github.com/kugiigi/keyboard-component/tree/xenial_-_textfunctions

                                            NOTE: BEWARE EDGE CHANNEL USERS. This won't work on edge because there's a separate branch for it which I don't have a modified fork yet. If there's plenty of interested then I might consider πŸ˜›

                                            Suggestions and feedback will also be greatly appreciated especially on the design πŸ˜„

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