Forum Discussion

jaxim's avatar
jaxim
Visitor
7 years ago

Problem w/ Changing the focusBitmapUri of MiniKeyboard

I am trying to change the background (focusBitmapUri) of the focused text box of a minikeyboard using a 9-patch image. I ran into 2 problems:

  1. The background is no longer enlarged like the default focused background. (The focused key no longer appears scaled by a factor greater than 100%.) I tried to alter where I place the 9 grid lines. I tried to include an empty border around the 9-patched image. I get varying results but none of those results have the focused key as large as the default focused key (with no passed focusBitmapUri). 

  2. I also tried to alter the keyboard's focusedKeyColor and it seems that when I also assign a value to focusBitmapUri, then the text color has an opacity to it. (it's see thru.) My background is completely black and when I assign the focused text color to white "0xFFFFFFFF", the text looks dark gray rather than white and it is very hard to read. If I do not pass an image to the focusBitmapUri, then the font has no opacity.

Here are my questions:

  1. How do I get the focused background to be appear as large as the default focused background?

  2. How do I ensure the text color of the focused key does not have any opacity?
Roku Developer Program

14 Replies

  • jaxim's avatar
    jaxim
    Visitor
    7 years ago
    this is still a problem. Does anyone know of a solution?
  • norcaljohnny's avatar
    norcaljohnny
    Roku Guru
    7 years ago
    2 things...
    1. What do you have your "ui_resolutions=" set to in your manifest file?
    2. You can use color="#ffffff" if you intend not to have transparency. Which I get better results from and when transparency is needed I simply use opacity=".7" for instance.
  • jaxim's avatar
    jaxim
    Visitor
    7 years ago
    Why would the ui_resolutions affect things? Do I need to create an fhd version of the focusBitmapUri image? If so, how is it different?
  • jaxim's avatar
    jaxim
    Visitor
    7 years ago
    Does anyone have any insight into this? I'm starting to think it might be a Roku firmware bug. 

    Has anyone had any success in using the ui_resolutions field to add a custom focus indicator AND still have it successfully display larger than a non-focused key? 
  • speechles's avatar
    speechles
    Roku Guru
    7 years ago
    Show come code. Explain your issue with code. Do not try to do this with text. Code please.

    What are you trying to do with the keyboard? Does it open within a dialog? Do you really want to change backgroundUri of the dialog the keyboard spawns into?

        m.top.keyboard.focusedKeyColor = "0xffffffff"
        m.top.keyboard.keyColor = "0xffffffff"

    I use the above just fine. You can set the opacity _IN_ the color. The last 2 ff means make it bright as bright gets. The 255 on the scale of 255.
    To figure the opacity divide what you put: ff = 255. say you want 0.8 opacity. 80% of FF = what you want to put at the end of your colors.


    The main thing is likely there is no issue here. You just aren't doing it right. Without providing code for us to see what you are doing wrong we can't assume you are doing it right. It cannot be assumed this is a bug. You need code that proves the bug. Can you provide that?


    Also your statement of: "I tried to include an empty border around the 9-patched image. "

    No wonder it doesn't work. Do you understand what a 9patch image is? There can't be empty around. Yes really. Stop doing that.. lol. It needs to know where exactly the edge is to know how to compose the "growth" of this 9patch. It also needs this to know how to apply your corners. You wont get proper growth without proper understanding of this and how to construct a 9patch.
  • jaxim's avatar
    jaxim
    Visitor
    7 years ago
    Here's the code...

    m.top.keyboard.focusBitmapUri = [pathToImage]


    One line. That simple. 

    Changing the focused or unfocused text color as you suggested is not what I want. I want to change the color of the background color. Do you have any experience changing the background color? If you do and you have seen what I have described, then I am interested to hear from you.

    thanks so much!! 🙂
  • jaxim's avatar
    jaxim
    Visitor
    7 years ago
    p.s. I am now focused on resolving issue #1 (the focused background key not being as big as expected when using focusBitmapUri) as issue #2 has been resolved by using a slight transparency when setting the color.
    Again thanks!