Блог

Главная - Вопросы по программированию - Изображение на заставке отображается размытым

Изображение на заставке отображается размытым

#android #uiimageview #android-xml #splash-screen

#Android #uiimageview #android-xml #заставка

Вопрос:

Я создаю заставку для своего приложения, и когда оно запускается, заставка содержит размытое изображение, а не то, каким оно должно быть.

 <ImageView
    android:id="@ id/imageView"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:scaleType="centerCrop"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.0"
    tools:srcCompat="@mipmap/ic_launcher_foreground" />

введите описание изображения здесь

Какой из них я должен выбрать? Или как мне добавить изображение? Потому что изображение имеет размер 2700×2700 пикселей…
У меня есть изображение в качестве центральной части.

Комментарии:

1. Я бы порекомендовал вам взглянуть на как реализовать заставку на Android: правильный путь

2. Я посмотрю, спасибо!

Ответ №1:

Уменьшите размер изображения на 75% — (675 x 675). Для макета телефона этого более чем достаточно. Вы можете использовать этот онлайн-инструмент для изменения размеров изображения без изменения соотношения сторон:

https://www.iloveimg.com/resize-image/resize-png

Ответ №2:

Если вы разрабатываете с использованием простого React-Native, в вашей папке: android -> app -> src -> main -> res создайте папки drawable-v21, drawable-v22 и drawable-v24. Причина этого, как это случилось со мной, в том, что; заставка определенно будет выглядеть искаженной на каком-либо другом устройстве. Но с такой структурой папок эти устройства определенно будут использовать ресурсы, выделенные в этих папках, как указано в SDK. Следовательно, в этих папках создайте файл: background_splash.xml с нижеприведенным содержимым:

 <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@color/splashscreen_bg"
    />
    <item
        android:bottom="280dp"
        android:left="70dp"
        android:right="70dp"
        android:top="280dp"
    >
        <bitmap
            android:gravity="fill"
            android:src="@drawable/turbo_logo" />  <!-- this should contain the location of your splashscreen image -->
    </item>
</layer-list>

Вам нужно будет повторить значения снизу и сверху, слева и справа, до оптимизированного значения. Однако верх и низ должны быть одинаковыми; также слева и справа должно быть одинаковым.