Die Software-Tastatur ändert die Größe des Hintergrundbilds unter Android

Immer wenn die Softwaretastatur angezeigt wird, wird die Größe des Hintergrundbilds geändert. Siehe den Screenshot unten:

Wie Sie sehen können, ist der Hintergrund irgendwie zusammengedrückt. Jeder kann ein Licht darauf werfen, warum die Größe des Hintergrunds geändert wird.

Mein Layout ist wie folgt:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/page_bg"
    android:isScrollContainer="false"
>
    <LinearLayout android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_width="fill_parent"
    >
        <EditText android:id="@+id/CatName"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:inputType="textCapSentences"
            android:lines="1"
        />
        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/save"
            android:onClick="saveCat"
        />
    </LinearLayout>
    <ImageButton
        android:id="@+id/add_totalk"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:background="@null"
        android:src="@drawable/add_small"
        android:scaleType="center"
        android:onClick="createToTalk"
        android:layout_marginTop="5dp"
    />
</LinearLayout>

Ok, ich habe es mit behoben

android:windowSoftInputMode="stateVisible|adjustPan"

Eintrag im <Activity >Tag in der manifestDatei. Ich denke, es wurde durch ScrollView in der Aktivität verursacht.

Ich hatte das gleiche Problem bei der Entwicklung einer Chat-App, eines Chat-Bildschirms mit einem Hintergrundbild. android:windowSoftInputMode="adjustResize"drückte mein Hintergrundbild auf den verfügbaren Platz, nachdem die Softtastatur angezeigt wurde, und "adjustPan" verschob das gesamte Layout nach oben, um die Softtastatur anzupassen. Die Lösung für dieses Problem bestand darin, den Fensterhintergrund anstelle eines Layouthintergrunds in einem Aktivitäts-XML festzulegen. Verwenden Sie getWindow().setBackgroundDrawable()in Ihrer Aktivität.

Hier ist die beste Lösung, um solche Probleme zu vermeiden.

Schritt 1: Erstellen Sie einen Stil

<style name="ChatBackground" parent="AppBaseTheme">
    <item name="android:windowBackground">@drawable/bg_chat</item>
</style>

Schritt 2: Legen Sie Ihren Aktivitätsstil in der AndroidManifestDatei fest

<activity
    android:name=".Chat"
    android:screenOrientation="portrait"
    android:theme="@style/ChatBackground" >

Durch Android: windowSoftInputMode = "adjustPan", was zu einer schlechten Benutzererfahrung führt, da der gesamte Bildschirm oben angezeigt wird (nach oben verschieben). Das Folgende ist also eine der besten Antworten.

Ich habe das gleiche Problem, aber danach habe ich fantastische Antworten vom @Gem gefunden

Im Manifest

android:windowSoftInputMode="adjustResize|stateAlwaysHidden"

In XML

Stellen Sie hier keinen Hintergrund ein und behalten Sie Ihre Ansicht unter ScrollView

In Java

Sie müssen den Hintergrund auf Fenster einstellen:

    getWindow().setBackgroundDrawableResource(R.drawable.bg_wood) ;

Danke an @Gem.

nur zur Ergänzung ...

Wenn Sie eine Listenansicht für Ihre Aktivität haben, müssen Sie diese android:isScrollContainer="false"in Ihren Listenansichtseigenschaften hinzufügen ...

und vergessen Sie nicht, android:windowSoftInputMode="adjustPan"bei Ihrer Aktivität Ihr Manifest-XML hinzuzufügen ...

Wenn Sie eine android:windowSoftInputMode="adjustUnspecified"scrollbare Ansicht für Ihr Layout verwenden, wird die Größe Ihres Hintergrunds weiterhin über die Softtastatur geändert ...

Es ist besser, wenn Sie den Wert "adjustPan" verwenden, um zu verhindern, dass die Größe Ihres Hintergrunds geändert wird ...

Falls jemand ein adjustResizeVerhalten benötigt und nicht möchte, dass seine ImageViewGröße geändert wird, ist dies eine weitere Problemumgehung.

Einfach ImageViewhineinstecken ScrollView=> RelativeLayoutmit ScrollView.fillViewport = true.

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <FrameLayout
            android:layout_width="100dp"
            android:layout_height="100dp">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="fitXY"
                android:src="@drawable/gift_checked" />

        </FrameLayout>
    </RelativeLayout>
</ScrollView>

Bei der Arbeit an meiner App ist das Hauptproblem aufgetreten. Zuerst benutze ich die von @parulb bereitgestellte Methode, um das Problem zu lösen. Vielen Dank. Aber später bemerkte ich, dass das Hintergrundbild teilweise durch die Aktionsleiste (und die Statusleiste, da bin ich mir sicher) ausgeblendet ist. Dieses kleine Problem wurde bereits von @ zgc7009 vorgeschlagen, der vor anderthalb Jahren die Antwort von @parulb kommentierte, aber niemand antwortete.

Ich habe einen ganzen Tag gearbeitet, um einen Weg zu finden, und zum Glück kann ich dieses Problem jetzt zumindest auf meinem Handy perfekt lösen.

Zuerst benötigen wir eine Ressourcenliste für Ebenenlisten in einem zeichnbaren Ordner, um dem Hintergrundbild oben eine Auffüllung hinzuzufügen:

<!-- my_background.xml -->
<?xml version="1.0" encoding="utf-8"?>

<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="75dp">
        <bitmap android:src="@drawable/bg" />
    </item>
</layer-list>

Zweitens setzen wir diese Datei als Ressource für den Hintergrund wie oben erwähnt:

getWindow().setBackgroundDrawableResource(R.drawable.my_background);

Ich verwende Nexus 5. Ich habe einen Weg gefunden, die Höhe der Aktionsleiste in XML zu ermitteln, aber nicht die Statusleiste. Daher muss ich für die obere Polsterung eine feste Höhe von 75 dp verwenden. Hoffe, jeder kann das letzte Stück dieses Puzzles finden.

Ich hatte ähnliche Probleme, aber es scheint, als hätte die Verwendung adjustPanmit android:isScrollContainer="false"mein Layout immer noch nicht behoben (dies war eine RecyclerView unter einem LinearLayout). Das RecyclerView war in Ordnung, aber jedes Mal, wenn die virtuelle Tastatur angezeigt wurde, wurde das LinearLayout neu angepasst.

Um dieses Verhalten zu verhindern (ich wollte einfach, dass die Tastatur mein Layout durchläuft), habe ich den folgenden Code verwendet:

    <activity
        android:name=".librarycartridge.MyLibraryActivity"
        android:windowSoftInputMode="adjustNothing" />

Dies weist Android an, Ihr Layout grundsätzlich in Ruhe zu lassen, wenn die virtuelle Tastatur aufgerufen wird.

Weitere Informationen zu möglichen Optionen finden Sie hier (obwohl es seltsamerweise keinen Eintrag für gibt adjustNothing).

Nachdem ich alle verfügbaren Antworten studiert und implementiert habe, füge ich hier eine Lösung hinzu.

Diese Antwort ist eine Kombination aus Code aus:

https://stackoverflow.com/a/45620231/1164529

https://stackoverflow.com/a/27702210/1164529

Hier ist die benutzerdefinierte AppCompatImageViewKlasse, die kein Dehnen oder Scrollen auf der Softtastatur zeigte: -

public class TopCropImageView extends AppCompatImageView {

    public TopCropImageView(Context context) {
        super(context);
        setScaleType(ImageView.ScaleType.MATRIX);
    }

    public TopCropImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        setScaleType(ImageView.ScaleType.MATRIX);
    }

    public TopCropImageView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        setScaleType(ImageView.ScaleType.MATRIX);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        computeMatrix();
    }

    @Override
    protected boolean setFrame(int l, int t, int r, int b) {
        computeMatrix();
        return super.setFrame(l, t, r, b);
    }


    private void computeMatrix() {
        if (getDrawable() == null) return;
        Matrix matrix = getImageMatrix();
        float scaleFactor = getWidth() / (float) getDrawable().getIntrinsicWidth();
        matrix.setScale(scaleFactor, scaleFactor, 0, 0);
        setImageMatrix(matrix);
    }
}

Um es als Hintergrund für meine FragmentKlasse zu verwenden, habe ich es als erstes Element auf gesetzt FrameLayout.

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <complete.package.TopCropImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/my_app_background" />

    <!-- Enter other UI elements here to overlay them on the background image -->

<FrameLayout>

Fügen Sie diese Zeile in die Datei AndroidManifest.xml ein :

android:windowSoftInputMode=adjustUnspecified

beziehen sich auf diesen Link für weitere Informationen.

Verwenden Sie einfach in onCreate()diesem Code:

protected void onCreate(Bundle savedInstanceState) {
...   
 getWindow().setBackgroundDrawableResource(R.drawable.your_image_resource);
...
}

und entfernen Sie diese Zeile in Ihrer XML:

android:background="@drawable/background"

Lesen Sie mehr unter:

http://developer.android.com/reference/android/view/Window.html

Danke für: Adrian Cid Almaguer

Ich mit diesem Problem konfrontiert, als mein Hintergrundbild war nur ein ImageViewinnen ein Fragment, und es wurde von der Tastatur verkleinert.

Meine Lösung war: Verwenden von benutzerdefinierten ImageViewaus dieser SO-Antwort , bearbeitet, um kompatibel zu sein androidx.

import android.content.Context;
import android.graphics.Matrix;
import android.util.AttributeSet;
import androidx.appcompat.widget.AppCompatImageView;

/**
 * Created by chris on 7/27/16.
 */
public class TopCropImageView extends AppCompatImageView {

    public TopCropImageView(Context context) {
        super(context);
        setScaleType(ScaleType.MATRIX);
    }

    public TopCropImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        setScaleType(ScaleType.MATRIX);
    }

    public TopCropImageView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        setScaleType(ScaleType.MATRIX);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        recomputeImgMatrix();
    }

    @Override
    protected boolean setFrame(int l, int t, int r, int b) {
        recomputeImgMatrix();
        return super.setFrame(l, t, r, b);
    }

    private void recomputeImgMatrix() {
        if (getDrawable() == null) return;

        final Matrix matrix = getImageMatrix();

        float scale;
        final int viewWidth = getWidth() - getPaddingLeft() - getPaddingRight();
        final int viewHeight = getHeight() - getPaddingTop() - getPaddingBottom();
        final int drawableWidth = getDrawable().getIntrinsicWidth();
        final int drawableHeight = getDrawable().getIntrinsicHeight();

        if (drawableWidth * viewHeight > drawableHeight * viewWidth) {
            scale = (float) viewHeight / (float) drawableHeight;
        } else {
            scale = (float) viewWidth / (float) drawableWidth;
        }

        matrix.setScale(scale, scale);
        setImageMatrix(matrix);
    }

}

Fügen Sie einfach Ihre Aktivität hinzu

getWindow().setBackgroundDrawable(R.drawable.your_image_name);

Ich hatte das gleiche Problem schon einmal, aber keine Lösung hat für mich so lange funktioniert, weil ich eine verwendet habe Fragmentund auch getActivity().getWindow().setBackgroundDrawable() keine Lösung für mich war.

Die Lösung, die für mich funktioniert hat, besteht darin, FrameLayouteine Logik für die Tastatur zu überschreiben , die angezeigt werden soll, und die Bitmap unterwegs zu ändern.

Hier ist mein FrameLayout-Code (Kotlin):

class FlexibleFrameLayout : FrameLayout {

    var backgroundImage: Drawable? = null
        set(bitmap) {
            field = bitmap
            invalidate()
        }
    private var keyboardHeight: Int = 0
    private var isKbOpen = false

    private var actualHeight = 0

    constructor(context: Context) : super(context) {
        init()
    }

    constructor(context: Context, attributeSet: AttributeSet) : super(context, attributeSet) {
        init()
    }

    fun init() {
        setWillNotDraw(false)
    }

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        val height = MeasureSpec.getSize(heightMeasureSpec)
        if (actualHeight == 0) {
            actualHeight = height
            return
        }
        //kb detected
        if (actualHeight - height > 100 && keyboardHeight == 0) {
            keyboardHeight = actualHeight - height
            isKbOpen = true
        }
        if (actualHeight - height < 50 && keyboardHeight != 0) {
            isKbOpen = false
        }
        if (height != actualHeight) {
            invalidate()
        }
    }

    override fun onDraw(canvas: Canvas) {
        if (backgroundImage != null) {
            if (backgroundImage is ColorDrawable) {
                backgroundImage!!.setBounds(0, 0, measuredWidth, measuredHeight)
                backgroundImage!!.draw(canvas)
            } else if (backgroundImage is BitmapDrawable) {
                val scale = measuredWidth.toFloat() / backgroundImage!!.intrinsicWidth.toFloat()
                val width = Math.ceil((backgroundImage!!.intrinsicWidth * scale).toDouble()).toInt()
                val height = Math.ceil((backgroundImage!!.intrinsicHeight * scale).toDouble()).toInt()
                val kb = if (isKbOpen) keyboardHeight else 0
                backgroundImage!!.setBounds(0, 0, width, height)
                backgroundImage!!.draw(canvas)
            }
        } else {
            super.onDraw(canvas)
        }
    }
}

Und ich habe es wie den Hintergrund eines normalen FrameLayout verwendet.

frameLayout.backgroundImage = Drawable.createFromPath(path)

Ich hoffe es hilft.

Sie können Ihr LinearLayout mit FrameLayout umschließen und ImageView mit Hintergrund hinzufügen:

<FrameLayout>

  <ImageView 
    android:background="@drawable/page_bg"
    android:id="@+id/backgroundImage" />

  <LinearLayout>
    ....
  </LinearLayout>
</FrameLayout>

Sie können die Höhe beim Erstellen von Aktivitäten / Fragmenten festlegen (um eine Skalierung beim Öffnen der Tastatur zu verhindern). Ein Code in Kotlin aus Fragment:

activity?.window?.decorView?.height?.let {
        backgroundImage.setHeight(it)
}

Wenn Sie das Bild als Fensterhintergrund festlegen und die Benutzeroberfläche hängen bleibt. Dann besteht möglicherweise die Möglichkeit, dass Sie drawable verwenden, das sich in einem einzelnen zeichnbaren Ordner befindet. Wenn ja, müssen Sie es in drawable-nodpi oder drawable-xxxhdpi einfügen.

Meine Lösung besteht darin, den Hintergrund des Fensters durch den des Layouts zu ersetzen und dann den Layouthintergrund auf Null zu setzen. Auf diese Weise behalte ich das Bild im XML-Vorschaufenster:

Behalten Sie also den Hintergrund im Layout bei und fügen Sie eine ID dafür hinzu. Fügen Sie dann in der Aktivität onCreate () diesen Code ein:

    ConstraintLayout mainLayout = (ConstraintLayout)findViewById(R.id.mainLayout);
    getWindow().setBackgroundDrawable(mainLayout.getBackground());
    mainLayout.setBackground(null);