CODEWITHSUNDEEP
android
Eugene
Eugene

Reputation: 60234

Adjust layout when soft keyboard is on

I've seen in some applications the layout shifts when soft keyboard is shown. This is certainly not adjustPan because the whole layout (probably inner layout) shifts, not only the current EditText. This is for instance in Evernote login screen. Can you advice how this made?

Upvotes: 37

Views: 69070

Answers (7)

anil kr maurya
anil kr maurya

Reputation: 29

to adjust, just make the component:

isScrollContainer="true";

That's it. Now, when the keyboard appears, the layout will automatically adjust its blank spaces. Happy Coding!

Upvotes: 0

Alex Orlov
Alex Orlov

Reputation: 18107

Here's a solution that works like the Evernote login screen:

First, define a class that will be your special LinearLayout like this:

public class MyLayout extends LinearLayout {

public MyLayout(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public MyLayout(Context context) {
    super(context);
}

private OnSoftKeyboardListener onSoftKeyboardListener;

@Override
protected void onMeasure(final int widthMeasureSpec, final int heightMeasureSpec) {
    if (onSoftKeyboardListener != null) {
        final int newSpec = MeasureSpec.getSize(heightMeasureSpec); 
        final int oldSpec = getMeasuredHeight();
        if (oldSpec > newSpec){
            onSoftKeyboardListener.onShown();
        } else {
            onSoftKeyboardListener.onHidden();
        }
    }
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

public final void setOnSoftKeyboardListener(final OnSoftKeyboardListener listener) {
    this.onSoftKeyboardListener = listener;
}

public interface OnSoftKeyboardListener {
    public void onShown();
    public void onHidden();
}

}

This layout listens to measure changes, and if new measurements are < than the old ones, that means part of the screen is eaten by soft keyboard.

Though, for it to work, in your manifest you need to set android:windowSoftInputMode="adjustResize" so the content will be resized and not just shifted.

And the whole system works as follows: You have your layout:

<MyLayout id="layout">
  <SomeImage id="image"/>
  <SomeText>
  <SomeInput>
</MyLayout>

It's like evernotes login screen. Then, in your activity:

((MyLayout)findViewById(R.id.layout)).setOnSoftKeyboardListener(new OnSoftKeyboardListener() {
        @Override
        public void onShown() {
            findViewById(R.id.image).setVisibility(View.GONE);
        }
        @Override
        public void onHidden() {
            findViewById(R.id.image).setVisibility(View.VISIBLE);
        }
    });

Then go to manifest.xml and set 

android:windowSoftInputMode="adjustResize"

What will happen, is when soft keyboard is shown, it'll hide the image and will resize the rest of content. (You can actually see how text is resized in Evernote)

Image hide is, of course, one of the many things you can do. But you must be careful, since different layout changes will also call onMeasure.

Of course it's a dirty variant. You need to check for orientation changes, and the right time when actually take the measurements, and maybe some more logic when comparing the new specs with the old ones. But i think this is the only way to do it.

Upvotes: 70

M. Usman Khan
M. Usman Khan

Reputation: 4458

The selected answer doesn't work for full-screen mode. Following one line solution worked for me:

 AndroidBug5497Workaround.assistActivity(this);

copy the class AndroidBug5497Workaround from:

Android How to adjust layout in Full Screen Mode when softkeyboard is visible

Upvotes: 2

Ankush Bist
Ankush Bist

Reputation: 1884

use scroll view in your layout inside the parent and remove the adjustpan or adjustresize setting from manifest file. ScrollView at your layout will give you the free functionality to scroll you pan or layout with the given layout and also protect your layout to override the toolbar or actionbar and also will not hide the buttons or textfields inside the layout. Remember you have to use the ScrollView inside the base layout, so this scrollview will work as the base layout for the whole screen. example

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:fillViewport="true"
    android:scrollbarStyle="insideInset"
    android:scrollbars="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <!-- Add here which you want -->
    </LinearLayout>
</ScrollView>

Upvotes: 0

naXa stands with Ukraine
naXa stands with Ukraine

Reputation: 37993

Use "adjustResize" instead of "adjustPan" in AndroidManifest.xml

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

From the documentation:

"adjustResize"
The activity's main window is always resized to make room for the soft keyboard on screen.

"adjustPan"
The activity's main window is not resized to make room for the soft keyboard. Rather, the contents of the window are automatically panned so that the current focus is never obscured by the keyboard and users can always see what they are typing. This is generally less desirable than resizing, because the user may need to close the soft keyboard to get at and interact with obscured parts of the window.

Upvotes: 10

Madhav
Madhav

Reputation: 283

This worked for me..Put this is your oncreate

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_VISIBLE|WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);

Upvotes: 2

Vineet Shukla
Vineet Shukla

Reputation: 24031

Hope it helps you:

http://android-developers.blogspot.com/2009/04/updating-applications-for-on-screen.html

http://davidwparker.com/2011/08/30/android-how-to-float-a-row-above-keyboard/

Upvotes: 6

Related Questions