Keyboard perangkat lunak mengubah ukuran gambar latar belakang di Android

Setiap kali keyboard perangkat lunak muncul, ia mengubah ukuran gambar latar belakang. Lihat tangkapan layar di bawah ini:

Seperti yang Anda lihat, latar belakangnya agak terjepit. Adakah yang bisa menjelaskan mengapa ukuran latar belakang berubah?

Layout saya adalah sebagai berikut:

<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 saya memperbaikinya dengan menggunakan

android:windowSoftInputMode="stateVisible|adjustPan"

entri <Activity >tag di dalam manifestfile. Saya pikir itu disebabkan oleh memiliki ScrollView di dalam Aktivitas.

Saya menghadapi masalah yang sama ketika mengembangkan aplikasi obrolan, layar obrolan dengan gambar latar belakang. android:windowSoftInputMode="adjustResize"meremas gambar latar belakang saya agar sesuai dengan ruang yang tersedia setelah keyboard lunak ditampilkan dan "AdjustPan" menggeser seluruh tata letak untuk menyesuaikan keyboard lunak. Solusi untuk masalah ini adalah mengatur latar belakang jendela alih-alih latar belakang tata letak di dalam XML aktivitas. Gunakan getWindow().setBackgroundDrawable()dalam aktivitas Anda.

Inilah solusi terbaik untuk menghindari masalah semacam itu.

Langkah 1: Buat gaya

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

Langkah 2: Tetapkan gaya aktivitas Anda di AndroidManifestfile

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

Melalui android: windowSoftInputMode = "AdjustPan" memberikan pengalaman pengguna yang buruk karena melalui seluruh layar berjalan di atas (bergeser ke atas) Jadi, berikut adalah salah satu jawaban terbaik.

Saya memiliki masalah yang sama tetapi setelah itu, saya menemukan jawaban yang luar biasa dari @Gem

Dalam Manifest

android:windowSoftInputMode="adjustResize|stateAlwaysHidden"

Dalam xml

Jangan Tetapkan latar belakang apa pun di sini dan simpan tampilan Anda di bawah ScrollView

Di jawa

Anda perlu mengatur latar belakang ke jendela:

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

Terima kasih untuk @Gem.

hanya untuk tambahan ...

jika Anda memiliki tampilan daftar pada aktivitas Anda, Anda perlu menambahkan ini android:isScrollContainer="false" di properti Anda ...

dan jangan lupa menambahkan android:windowSoftInputMode="adjustPan" manifes xml Anda di aktivitas Anda ...

jika kalian menggunakan android:windowSoftInputMode="adjustUnspecified" dengan tampilan yang dapat digulir pada tata letak Anda, maka latar belakang Anda masih akan diubah ukurannya oleh keyboard lunak ...

akan lebih baik jika Anda menggunakan nilai "AdjustPan" untuk mencegah latar belakang Anda mengubah ukuran ...

Dalam kasus jika seseorang membutuhkan adjustResizeperilaku dan tidak ingin dia ImageViewdiubah ukurannya di sini adalah solusi lain.

Hanya menempatkan ImageViewdalam ScrollView=> RelativeLayoutdengan 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>

Saya menemui masalah utama saat mengerjakan aplikasi saya. Pada awalnya, saya menggunakan metode yang disediakan oleh @parulb untuk menyelesaikan masalah. Terima kasih banyak padanya. Tapi kemudian saya perhatikan bahwa gambar latar belakang sebagian disembunyikan oleh actionbar (dan statusbar saya yakin). Masalah kecil ini sudah diajukan oleh @ zgc7009 yang berkomentar di bawah jawaban @parulb satu setengah tahun yang lalu tetapi tidak ada yang menjawab.

Saya bekerja sepanjang hari untuk menemukan cara dan untungnya saya setidaknya bisa menyelesaikan masalah ini dengan sempurna di ponsel saya sekarang.

Pertama-tama kita membutuhkan sumber daya daftar lapisan dalam folder yang dapat digambar untuk menambahkan bantalan di atas ke gambar latar belakang:

<!-- 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>

Kedua kami menetapkan file ini sebagai sumber daya untuk latar belakang seperti yang disebutkan di atas:

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

Saya menggunakan Nexus 5. Saya menemukan cara untuk mendapatkan ketinggian actionbar dalam xml tetapi tidak pada statusbar, jadi saya harus menggunakan ketinggian tetap 75dp untuk bantalan atas. Semoga ada yang bisa menemukan bagian terakhir dari teka-teki ini.

Saya mengalami masalah serupa, tetapi sepertinya menggunakan adjustPandenganandroid:isScrollContainer="false" masih tidak memperbaiki tata letak saya (yang merupakan RecyclerView di bawah LinearLayout). RecyclerView baik-baik saja, tetapi setiap kali keyboard virtual muncul, LinearLayout disesuaikan ulang.

Untuk mencegah perilaku ini (saya hanya ingin agar keyboard melewati tata letak saya), saya pergi dengan kode berikut:

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

Ini memberitahu Android untuk meninggalkan tata letak Anda sendiri saat papan ketik virtual dipanggil.

Lebih banyak membaca tentang opsi yang mungkin dapat ditemukan di sini (meskipun anehnya, sepertinya tidak ada entri untuk adjustNothing).

Setelah mempelajari dan menerapkan semua jawaban yang tersedia, di sini saya menambahkan solusi.

Jawaban ini adalah kombinasi kode dari:

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

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

Berikut adalah AppCompatImageViewkelas khusus yang tidak menunjukkan keyboard lunak peregangan atau pengguliran: -

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);
    }
}

Untuk menggunakannya sebagai latar belakang Fragmentkelas saya , saya mengaturnya sebagai elemen pertama 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>

Tambahkan baris ini dalam file AndroidManifest.xml :

android:windowSoftInputMode=adjustUnspecified

lihat tautan ini untuk info lebih lanjut.

Cukup gunakan dalam onCreate()kode Anda ini:

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

dan hilangkan baris ini di xml Anda:

android:background="@drawable/background"

Baca lebih lanjut di:

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

terima kasih untuk: Adrian Cid Almaguer

Saya menghadapi masalah ini, ketika gambar latar belakang saya hanya ImageViewdi dalam Fragment, dan ukurannya diubah oleh keyboard.

Solusi saya adalah: menggunakan kustom ImageViewdari SO Answer ini , diedit agar kompatibel dengan 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);
    }

}

Cukup tambahkan aktivitas Anda

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

Saya menghadapi masalah yang sama sebelumnya, tetapi tidak ada solusi yang bekerja untuk saya begitu lama karena saya menggunakan Fragment, dan juga getActivity().getWindow().setBackgroundDrawable() bukan solusi untuk saya.

Solusi yang berhasil bagi saya adalah menimpa FrameLayoutdengan logika untuk menangani keyboard yang akan muncul dan mengubah bitmap saat bepergian.

Berikut ini adalah kode FrameLayout saya (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)
        }
    }
}

Dan saya menggunakannya seperti latar belakang FrameLayout yang biasa.

frameLayout.backgroundImage = Drawable.createFromPath(path)

Semoga ini bisa membantu.

Anda bisa membungkus LinearLayout Anda dengan FrameLayout dan menambahkan ImageView dengan Latar Belakang:

<FrameLayout>

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

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

Dan Anda dapat mengatur tinggi ketika Anda membuat aktivitas / fragmen (untuk mencegah penskalaan saat membuka keyboard). Beberapa kode di Kotlin dari Fragment:

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

jika Anda menetapkan gambar sebagai windowbackground dan ui akan macet. maka mungkin ada kemungkinan Anda menggunakan drawable yang ada di folder drawable tunggal, jika ya maka Anda harus menempelkannya di drawable-nodpi atau drawable-xxxhdpi.

Solusi saya adalah mengganti latar belakang jendela dengan salah satu tata letak, lalu atur tata letak latar menjadi nol. Dengan cara ini saya menyimpan gambar di jendela pratinjau XML:

Jadi simpan latar belakang dalam tata letak dan tambahkan id untuk itu. Kemudian dalam aktivitas onCreate () masukkan kode ini:

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