Adjust RelativeLayout above keyboard

Question

I have the following .xml file:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/grey_100"
android:orientation="vertical"
android:weightSum="4">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="3"
    android:gravity="center_horizontal"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/login_logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/welcome_bottom_margin"
        android:layout_marginTop="@dimen/login_logo_margin_top"
        android:theme="@style/ThemeOverlay.MyTitleText"
        app:srcCompat="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/status"
        style="@style/ThemeOverlay.MyTextDetail"
        android:text="@string/signed_out" />

</LinearLayout>


<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:background="@color/grey_300"
    android:gravity="center_vertical">

    <LinearLayout
        android:id="@+id/email_password_fields"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingLeft="16dp"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:paddingRight="16dp">

        <EditText
            android:id="@+id/field_email"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="@string/hint_email"

            android:inputType="textEmailAddress" />

        <EditText
            android:id="@+id/field_password"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="@string/hint_password"
            android:inputType="textPassword" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/email_password_buttons"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/email_password_fields"
        android:orientation="horizontal"
        android:paddingLeft="16dp"
        android:paddingRight="16dp">

        <Button
            android:id="@+id/email_sign_in_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/sign_in"
            android:theme="@style/ThemeOverlay.MyDarkButton" />

        <Button
            android:id="@+id/email_create_account_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/create_account"
            android:theme="@style/ThemeOverlay.MyDarkButton" />

    </LinearLayout>      

</RelativeLayout>

</LinearLayout>

That looks like this. But when I open my keyboard it hides 80% of the RelativeLayout.

How may I move the layout above the keyboard?

I have found a diversity of answers but none of them seem to work.

EDIT:

Even after adding android:windowSoftInputMode="adjustResize" in my Manifest like such:

<activity android:name=".MainActivity"
            android:windowSoftInputMode="adjustResize" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
            </intent-filter>
 </activity>`

I get the following outcome:

outcome .

Jagruttam Panchal · Accepted Answer · 2017-01-06T13:36:26.243

Set softInputMode for your activity in AndroidManifest.xml

<activity
  android:windowSoftInputMode="adjustResize" 
  android:name=".MyActivity" 
  />

And replace xml with below code:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:gravity="center_horizontal"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/login_logo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/welcome_bottom_margin"
                android:layout_marginTop="@dimen/login_logo_margin_top"
                android:theme="@style/ThemeOverlay.MyTitleText"
                app:srcCompat="@mipmap/ic_launcher" />

            <TextView
                android:id="@+id/status"
                style="@style/ThemeOverlay.MyTextDetail"
                android:text="@string/signed_out" />

        </LinearLayout>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="3"
            android:background="@color/grey_300"
            android:gravity="center_vertical">

            <LinearLayout
                android:id="@+id/email_password_fields"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:paddingLeft="16dp"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:paddingRight="16dp">

                <EditText
                    android:id="@+id/field_email"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:hint="@string/hint_email"

                    android:inputType="textEmailAddress" />

                <EditText
                    android:id="@+id/field_password"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:hint="@string/hint_password"
                    android:inputType="textPassword" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/email_password_buttons"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/email_password_fields"
                android:orientation="horizontal"
                android:paddingLeft="16dp"
                android:paddingRight="16dp">

                <Button
                    android:id="@+id/email_sign_in_button"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="@string/sign_in"
                    android:theme="@style/ThemeOverlay.MyDarkButton" />

                <Button
                    android:id="@+id/email_create_account_button"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="@string/create_account"
                    android:theme="@style/ThemeOverlay.MyDarkButton" />

            </LinearLayout>

        </RelativeLayout>

    </LinearLayout>

</ScrollView>

Swap the weights for `LinearLayout="1"` and `ScrollView="3"` — Jagruttam Panchal, Jan 06 '17 at 13:18
That works for my email field, but when I click on my password field it cuts the buttons in half like before. — , Jan 06 '17 at 13:21
Friend, don't use weight for nested views. Like, you used weights for nested Buttons and EditTexts — Jagruttam Panchal, Jan 06 '17 at 13:23
Ok, but weights can't be set for `LinearLayout`s anyways, right? — , Jan 06 '17 at 13:24
You told me to add a weight of 1 to my LinearLayout, but that can't be done — , Jan 06 '17 at 13:25
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/132499/discussion-between-jagruttam-panchal-and-christopher-k). — Jagruttam Panchal, Jan 06 '17 at 13:26

score 1 · Answer 2 · answered Jan 06 '17 at 13:09

1

Add

android:windowSoftInputMode="adjustResize"

in your manifest in Activity tag

answered Jan 06 '17 at 13:09

Akshay Panchal

695
5
15

score 1 · Answer 3 · edited May 23 '17 at 12:09

1

Simply Add your this line of code in your activity:

<activity
  android:windowSoftInputMode="adjustResize" 
  android:name=".youractivity" 
  />

Maybe help for you, have your try these line of code. More info: How to adjust layout when soft keyboard appears

edited May 23 '17 at 12:09

Community

1
1

answered Jan 06 '17 at 13:10

Horrorgoogle

7,858
11
48
81

score 0 · Answer 4 · edited May 23 '17 at 12:33

0

Use <activity android:windowSoftInputMode="adjustResize"> </activity> or <activity android:windowSoftInputMode="adjustPan"> </activity>, you can see the difference here Difference between adjustResize and adjustPan in android?

edited May 23 '17 at 12:33

Community

1
1

answered Jan 06 '17 at 13:10

Robin Bruneel

1,063
8
22

Adjust RelativeLayout above keyboard

4 Answers4