打开键盘后，Android会向上移动页脚

Question

I'm designing a login html page which is loaded into an Android WebView. There are two text areas and a "Login" button fixed to the bottom of the page. My problem is that when the person types into the text area; the keyboard pops up and hides the login button.

How can I keep the "Login" button fixed to the bottom of the page but to the top of the keyboard?

I've tried :

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);

And

android:windowSoftInputMode="adjustPan|adjustResize"

Neither makes a difference.

Answer 1

What you'll need to do is place your button inside of a RelativeLayout and then give it the following attributes:

android:layout_alignParentBottom="true"

When the screen resizes for the keyboard, the button will be pushed up with the keyboard because RelativeLayout adjusts for remaining screen space.

Here's a full working code sample with one button:

<!--Parent view-->
<RelativeLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!--Login Button-->
    <Button
        android:id="@+id/btnLogin"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" />
</RelativeLayout>

EDIT

To fix a an element to the bottom of a page in a web page, you'll need to make the following modifications to the html/css.

.login-button {
    position: fixed;
    bottom: 0;
    width: 100%;
}

Button text