Modify & Refresh Layout When Opening / Closing Keyboard

Question

Modify & Refresh Layout When Opening / Closing Keyboard

Nathan Sokalski 4,111

I have a RecyclerView containing EditText(s). Because the keyboard uses a huge amount of the screen height when in landscape, I need to hide several View(s) in order to allow the user to see enough of the RecyclerView to scroll to other EditText(s) in the list. In order to make sure the entire RecyclerView remains visible so that the user can scroll to all items, I am using SoftInput.AdjustResize. However, I am having 2 problems:

When to show/hide the View(s) I will be hiding to make space for the RecyclerView? I know that Android does not currently have events for when the keyboard is opened or closed, so I am trying to determine how to make sure the visibility of the appropriate View(s) is updated when necessary?
View(s) not refreshed when opening/closing keyboard? I have tried setting the visibility of different View(s) to static values, and when the keyboard is opened or closed, the layout sometimes does strange things, including not always displaying afterwards the same View(s) that were displayed before opening the keyboard. After determining where to put it, what can I do to refresh the layout of all View(s)?

I find UI very challenging for landscape keyboard, because the screen barely leaves enough space for one EditText (or whatever View is involved), so allowing the user to move between fields or scroll between items they cannot see makes it confusing.

JarvanZhang 23,971

Hi, njsokalski. To show and hide the view, try adding a bool parameter to the model class and set visibility for the control based on the value of the parameter.

foreach (var item in data)
{
    item.IsVisible = !item.IsVisible;
}
adapter.NotifyDataSetChanged();

public override void OnBindViewHolder(RecyclerView.ViewHolder holder, int position)
{
    var customViewHolder = holder as CustomViewHolder;
    customViewHolder.Text.Visibility = list[position].IsVisible ? ViewStates.Visible : ViewStates.Gone;
}

We can set globalLayoutListener to detect if the keyboard is shown. But it seems to work only with portrait mode. I'm trying to get a solution and will update here later.

public class TestActivity : AppCompatActivity, ViewTreeObserver.IOnGlobalLayoutListener
{
    Rect rect;
    protected override void OnCreate(Bundle savedInstanceState)
    {
        base.OnCreate(savedInstanceState);
        SetContentView(Resource.Layout.recyclerview_layout);

        rect = new Rect();
        this.Window.DecorView.GetWindowVisibleDisplayFrame(rect);
        this.Window.DecorView.ViewTreeObserver.AddOnGlobalLayoutListener(this);
    }

    public void OnGlobalLayout()
    {
        var newRect = new Rect();
        this.Window.DecorView.GetWindowVisibleDisplayFrame(newRect);
        if (newRect.Bottom < rect.Bottom)
        {
            //the keyboard is open
        }
        else
        {
            //the keyboard is closed
        }
    }
}

Nathan Sokalski 4,111 Reputation points

2022-01-06T21:29:58.437+00:00
I think I managed to get it mostly working by using GlobalLayout, but I am having trouble getting the layout to refresh afterwards. In my GlobalLayout handler, one of the things I do when the keyboard opens is set my RecyclerView to a fixed height (rather than using a rowWeight like the xml layout does). Here is my code for that:

this.rvPlayerNamesInput.LayoutParameters.Height = visiblebounds.Height() - this.txtPlayerNames.Height - this.frmNamesReordered.Height; (this.rvPlayerNamesInput.LayoutParameters as GridLayout.LayoutParams).RowSpec = GridLayout.InvokeSpec(2);

This works fine. Then when the keyboard is closed, I undo this by reassigning the original values as follows:

this.rvPlayerNamesInput.LayoutParameters.Height = 0; (this.rvPlayerNamesInput.LayoutParameters as GridLayout.LayoutParams).RowSpec = GridLayout.InvokeSpec(2, 1f);

However, the layout does not seem to refresh after reassigning the original values (the height doesn't seem to get recalculated). Am I reassigning these values incorrectly? Is there something I need to do to refresh the layout? I also need to make sure I do not end up causing the GlobalLayout handler to end up in an infinite loop (I can obviously temporarily detach the handler if necessary). What is the best way to do this?
JarvanZhang 23,971 Reputation points

2022-01-07T08:38:51.25+00:00

However, the layout does not seem to refresh after reassigning the original values

Is the code exeuted when the keyboard is closed? Please add a breakpoint to check that.

1 answer

Your answer

JarvanZhang 23,971 Reputation points

2022-01-06T07:48:02.857+00:00

Hi, njsokalski. To show and hide the view, try adding a bool parameter to the model class and set visibility for the control based on the value of the parameter.

foreach (var item in data) { item.IsVisible = !item.IsVisible; } adapter.NotifyDataSetChanged(); public override void OnBindViewHolder(RecyclerView.ViewHolder holder, int position) { var customViewHolder = holder as CustomViewHolder; customViewHolder.Text.Visibility = list[position].IsVisible ? ViewStates.Visible : ViewStates.Gone; }

We can set globalLayoutListener to detect if the keyboard is shown. But it seems to work only with portrait mode. I'm trying to get a solution and will update here later.

public class TestActivity : AppCompatActivity, ViewTreeObserver.IOnGlobalLayoutListener { Rect rect; protected override void OnCreate(Bundle savedInstanceState) { base.OnCreate(savedInstanceState); SetContentView(Resource.Layout.recyclerview_layout); rect = new Rect(); this.Window.DecorView.GetWindowVisibleDisplayFrame(rect); this.Window.DecorView.ViewTreeObserver.AddOnGlobalLayoutListener(this); } public void OnGlobalLayout() { var newRect = new Rect(); this.Window.DecorView.GetWindowVisibleDisplayFrame(newRect); if (newRect.Bottom < rect.Bottom) { //the keyboard is open } else { //the keyboard is closed } } }
Nathan Sokalski 4,111 Reputation points

2022-01-06T21:29:58.437+00:00

I think I managed to get it mostly working by using GlobalLayout, but I am having trouble getting the layout to refresh afterwards. In my GlobalLayout handler, one of the things I do when the keyboard opens is set my RecyclerView to a fixed height (rather than using a rowWeight like the xml layout does). Here is my code for that:

this.rvPlayerNamesInput.LayoutParameters.Height = visiblebounds.Height() - this.txtPlayerNames.Height - this.frmNamesReordered.Height; (this.rvPlayerNamesInput.LayoutParameters as GridLayout.LayoutParams).RowSpec = GridLayout.InvokeSpec(2);

This works fine. Then when the keyboard is closed, I undo this by reassigning the original values as follows:

this.rvPlayerNamesInput.LayoutParameters.Height = 0; (this.rvPlayerNamesInput.LayoutParameters as GridLayout.LayoutParams).RowSpec = GridLayout.InvokeSpec(2, 1f);

However, the layout does not seem to refresh after reassigning the original values (the height doesn't seem to get recalculated). Am I reassigning these values incorrectly? Is there something I need to do to refresh the layout? I also need to make sure I do not end up causing the GlobalLayout handler to end up in an infinite loop (I can obviously temporarily detach the handler if necessary). What is the best way to do this?
JarvanZhang 23,971 Reputation points

2022-01-07T08:38:51.25+00:00

However, the layout does not seem to refresh after reassigning the original values

Is the code exeuted when the keyboard is closed? Please add a breakpoint to check that.

Answer 1

The code is executed when the keyboard is closed. I do believe, however, that I have found a solution that seems to be working (I don't know if it would be appropriate for all people's scenarios, but it solved it for me). In the GlobalLayout handler, after doing the other stuff I needed to do, l temporarily stored the height (which would be either 0 for a row weight of 1 or a fixed height) of my RecyclerView as follows:

int prevheight = this.rvPlayerNamesInput.LayoutParameters.Height;

Then, after changing the RecyclerView's height back to either 0 (for a row weight of 1) or a fixed height, I compared the previous value to 0 before setting a View's Visibility (which could probably be almost any View, in my case I used a TextView which should be hidden at this point in my app) to Visible and then back to Gone as follows:

if (prevheight == 0)
{
    this.tvPlayerNames.Visibility = ViewStates.Visible;
    this.tvPlayerNames.Visibility = ViewStates.Gone;
}

I use this condition to avoid repetitive calling of GlobalLayout. I include this code for both opening & closing the keyboard, the only difference between the two is whether to use prevheight==0 or prevheight!=0. My app is not 100% finished, so it is always possible to find some scenario that needs a few extra tweaks (things always do, right?), but hopefully this can help everyone else, and me as well.

JarvanZhang 23,971 Reputation points

2022-01-10T02:56:29.383+00:00

Thanks for sharing the solution.

Share via

Modify & Refresh Layout When Opening / Closing Keyboard

1 answer

Your answer