Android - Struggiling to layout my application when virtual keyboard is visible

Question

I'm struggling in a very annoying problem for my Android App. I created an Activity for registering to my App.

This is the Activity xml file:

As you can seeת I'm using two Toolbars (I've selected a NoActionBar theme), one for the App name and one for the Activity title.

Then I placed a TextView that contains a welcome message and an introduction of the App.

Finally, there is the sign in form, composed of two EditText (for password and password confirmation) and one Button that submit the passwords in order to be processed later.

Here, it is how appears in the "normal state":

This, instead is the program when the virtual keyboard is on:

And here are the problems:

First problem is, that the toolbars disappear. And I don't want it. Second problem is, that I want that all the form (the two edit-text and the Button) must be above the keyboard. Instead, only the first edit-text is above. In addition the welcome TextView has to desappear.

In practice I would like that my App be like this when the virtual keyboard is up:

I tried to play with

Igor Fridman · Accepted Answer

What I usually do is using ScrollView:

Define the ScroolView in your Layout like below (or just copy paste the code):

In your Activity set the referance of the ScrollView and the main RelativeLayout Also set ViewTreeObserver.OnGlobalLayoutListener on your main RelativeLayout and implements the onGlobalLayout() method.

Take a look at the example below:

public class MainActivity extends AppCompatActivity implements ViewTreeObserver.OnGlobalLayoutListener {

    private ScrollView scrollView;
    private RelativeLayout activity_main_RL;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        scrollView = (ScrollView) findViewById(R.id.scroolView);
        activity_main_RL = (RelativeLayout) findViewById(R.id.activity_main);
        activity_main_RL.getViewTreeObserver().addOnGlobalLayoutListener(this);
    }


    @Override
    public void onGlobalLayout() {
        Handler handler = new Handler();
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                int heightDiff = activity_main_RL.getRootView().getHeight() - activity_main_RL.getHeight();

                if (heightDiff > 100) {
                    scrollView.scrollBy(0, scrollView.getBottom());
                }
            }
        }, 500);
    }
}

Android - Struggiling to layout my application when virtual keyboard is visible

Answers (2)

Related Questions