Android-splash-Bildschirm ohne logo Verzerrung

Ist es möglich, erstellen Sie einen splash-screen mit einem logo, das behält das Seitenverhältnis, während das hintergrund-Bild kann in der Größe verändert werden, unabhängig? Ich bin derzeit mit mehreren .png-Dateien für verschiedene Auflösungen und dass Sie gut Aussehen auf den meisten Geräten. Es gibt jedoch ein paar Telefone, die das verzerren, mein logo stark (d.h. die Samsung S8, mit bewegen, vertikalen Platz auf dem Bildschirm).

Kann ich viel mit Verzerrung für meine splash-screen hintergrund, aber der skinny/gequetscht logo ist nicht akzeptabel. Weiß jemand, wie dies zu tun? Und würde ein Vektor drawable-logo besser zu sein, als eine .png für das neue layout?

ist Ihr Bild (Bildansicht) haben wrap_content für Gewicht und Höhe?
Nein, es ist match_parent.
Wenn ich verstehe, Sie haben einen hintergrund, und dann ein Bild darüber. und das Bild (Symbol) ist verzerrend auf einigen Geräten?
ich stellte eine Antwort

InformationsquelleAutor deMouser | 2017-07-28

Wenn Sie nur ein portrait-Bild für den Begrüßungsbildschirm, hier ist eine Lösung, die den vollen Bildschirm auf hochformat, und zentriert, aber nicht beschnitten edit:
~~portrait~~ Landschaft:

splash_screen.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layoutSplash"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@color/splash_screen_background">

    <ImageView
        android:contentDescription="@string/splash_screen_description"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_vertical"
        style="@style/SplashScreen" />

</LinearLayout>

values/styles.xml

<style name="SplashScreen">
    <item name="android:src">@drawable/splash</item>
    <item name="android:adjustViewBounds">true</item>
    <item name="android:scaleType">fitCenter</item>
</style>

values-port/styles.xml

<style name="SplashScreen">
    <item name="android:src">@drawable/splash</item>
    <item name="android:adjustViewBounds">true</item>
    <item name="android:scaleType">centerCrop</item>
</style>

Wie erreichen Sie diese mit einem splashscreen, bevor eine Aktivität wurde erstellt/begonnen? Sie können nicht verwenden eine layout-Datei. Für logos würde ich <item name="android:windowBackground">@drawable/splashscreen</item> auf das Thema.
Ich habe nur erstellt splashscreens mit Aktivitäten. Das könnte eine neue StackOverflow-Frage.
sollten Sie verwenden windowBackground für den splash-screen.. mit deiner Lösung Sie können immer noch weißer Bildschirm, bevor Sie Ihre Aktivität layout aufgeblasen wird. bignerdranch.com/blog/splash-screens-the-right-way/...

InformationsquelleAutor Edmund Johnson

10

Rendering ein splash-Ansicht in einer layout.xml anstatt ein Design-hintergrund (wie andere Antworten hier empfehlen) dauert länger zu laden. Dies ist, weil die app ' s theme wird zuerst geladen, dann die Aktivität gebaut ist und das layout aufgeblasen, letzten. Da der Zweck der splash-screen wird etwas angezeigt, während die app lädt, mit einer ~0,5 s Verzögerung beim laden der splash-screen selbst, die Ergebnisse in eine spürbare Verzögerung. Laden Sie sich einen Namen als ein Thema windowBackground besser abschneidet (macht fast sofort nach dem Tippen auf das launcher-Symbol), hat aber einige Einschränkungen zu umgehen. Ihre aktuelle Methode zu definieren, mehrere logo-Größen abhängig von der Bildschirmbreite ist der richtige Weg, um mit dieser situation umzugehen. Hier ist eine Beispiel-Konfiguration, die Griffe Unterschiede zwischen pre-und post-Android-v21:

values/themes.xml:
```
<style name="SplashThemeCommon" parent="Theme.AppCompat.NoActionBar">
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowBackground">@drawable/splash_logo_theme</item>
</style>

<style name="SplashTheme" parent="SplashThemeCommon">
    <item name="android:windowFullscreen">true</item>
</style>
```
values-v21/themes.xml:
```
<style name="SplashTheme" parent="SplashThemeCommon">
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
</style>
```
drawable/splash_logo_theme.xml
```
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <bitmap
            android:gravity="center"
            android:src="@drawable/splash_logo"/>
    </item>
</layer-list>
```
Weiter, können Sie auch eine Kopie von "splash_logo.png" für verschiedene Bildschirm-Konfigurationen. Sie haben ein paar sinnvolle Optionen hier. Eine erschöpfende Ansatz könnte auch verschiedene logos für jede Bildschirm-Größe:
- drawable-sw320dp-xxxhdpi/splash_logo.png
- drawable-sw400dp-xxxhdpi/splash_logo.png
- drawable-sw480dp-xxxhdpi/splash_logo.png
- drawable-sw600dp-xxxhdpi/splash_logo.png
- drawable-sw720dp-xxxhdpi/splash_logo.png
- drawable-sw820dp-xxxhdpi/splash_logo.png
Den "swXXXdp" bedeutet, dass die XXX ist der kleinste screen dimension (Breite oder Höhe) in dp. 820dp ist ein sehr großes tablet, 320dp wird eine kleine alte Gerät, und die meisten Flaggschiff-Geräte werden heute in der 400dp Kategorie. Ein 450dp Breite Gerät verwenden würde, die 400dp Bild.

Warum habe ich das definieren xxxhdpi hier? Denn wenn Sie nicht angeben, wird Android davon ausgehen, es ist ein mdpi Bild und versuchen Sie zu gehobenen/Größe für höhere dpi-Geräte (die meisten Flaggschiff-Handys sind heute xxhdpi). Das Hochskalieren führt Ihr image als kantiger und größer als das original. Durch die Angabe xxxhdpi hier, Android wird nur versuchen, Sie zu verkleinern das Bild, sicherzustellen, dass das Bild nie blocky; dies ist eine Optimierung, so dass wir don ' T müssen auch definieren Sie separate Bilder für ldpi, mdpi, hdpi, xhdpi etc.

6 Bilder in die APK ist eine Art Abfall obwohl. Wir können weiter optimieren dieser Ansatz um weniger Bilder in der app und gewährleisten eine kleinere APK-Größe. Stattdessen lassen Sie uns nur die folgenden beiden Bilder:
- drawable-sw600dp-xxxhdpi/splash_logo.png
- drawable-xxxhdpi/splash_logo.png
Alle Geräte 600dp und größer (Tabletten) haben eine größere Kopie des Bildes, um die Vorteile der größeren Bildschirm Immobilien, während alle anderen Telefone verwenden eine kleinere Kopie befindet sich im bin-ohne Bildschirm-Breite qualifier. Der Nachteil hier ist, da jede Gruppierung deckt eine große Bandbreite von Rasterweiten, das logo auf ein 4" Gerät wird einen größeren Teil der Leinwand, als auf einer 6" - Geräte. Dies ist ein Kompromiss zur Senkung der APK-Größe, und die meisten Benutzer nicht bemerken, so lange, wie das Bild wird nie geschnitten, auch auf dem kleinsten Gerät.

So, was Größe der png ' s sollten wir einbeziehen? Sie müssen Sie in einer bestimmten Größe angezeigt werden, in einem Thema, da Sie im Gegensatz zu in einer layout.xml wir können nicht angeben Breite/Höhe in XML (drawable Breite/Höhe Unterstützung wurde nur Hinzugefügt, in der API-23). Dies bedeutet, wenn Sie eine nicht-optimale png Größe, es erscheint auch kleine oder zwei große; wenn die zu groß, es wird tatsächlich abgeschnitten. Einen guten plan, um die richtige Größe zu bekommen ist:
- Erstellen layout/test.xml Datei mit nur der Standard-LinearLayout und keine sichtbaren Inhalte
- Öffnen in Android Studio, und wählen Sie die Registerkarte "Entwurf" in der layout-editor ist unten Links in der Ecke
- Das Thema ändern zu SplashTheme in der layout-editor ' s top bar
- Das Gerät wechseln zu "Pixel-XL"
- Ort ein Bild unter drawable-sw400dp/splash_logo.png
- Öffnen Sie das Bild in einem externen Bild-editor wie Photoshop oder Gimp, die Größe ändern, speichern, dann überprüfen Sie das layout in Android Studio (Sie müssen möglicherweise schließen und erneut öffnen Sie den editor für die änderung wirksam wird). Wiederholen Sie, bis das Bild die richtige Größe in das layout
- Bilder generieren für den anderen Bildschirm Breite proportional; zum Beispiel die sw320dp Bild sollte 320/400 oder 67% der 400dp Bild Größe, während die 720dp Bild sollte 720/400 oder 180% des 400dp Bildgröße. Denken Sie daran, nicht auf die gehobene Ihrem 400dp Bild für die größere Bilder als Sie an Qualität verlieren. Stattdessen generieren Sie alle Bilder auf Ihrem hochwertigen original
- Die erzeugten Bilder in die verschiedenen drawable-Verzeichnisse wie oben angegeben
- Wählen Sie Geräte von verschiedenen Bildschirmgrößen (einschließlich Tabletten) in den layout-editor, und stellen Sie sicher, dass Sie das logo groß genug ist, aber nicht abgeschnitten werden, für alle Bildschirmgrößen
Woher wissen Sie, welches Gerät die Bildschirm-Auflösung gehört zu dem swXXXdp Kategorie? Dies erfordert eine einfache Berechnung. Lässt Blick auf die Pixel-XL:
- Die Größe des Displays ist 1440x2560
- Die kleinste dimension ist deshalb 1440
- Die Bildschirm-dpi 534
- Die Bildschirm Breite in Zentimetern ist 1440/534=2.69"
- Öffnen Sie die website: http://angrytools.com/android/pixelcalc/
- 2.69 geben Sie in das Zoll ("in") box
- Eines der grünen Felder auf der linken Seite zeigt die dp in diesem Fall 431
- Mit 431 dp-Breitbild-Bildschirm, die Pixel-XL verwenden Sie die drawable-sw400dp/splash_logo.png-Bild, wenn Sie alle 6 Bild-Kategorien, oder die drawable-xxxhdpi/splash_logo.png-Bild, wenn man nur die Bild-Kategorien
InformationsquelleAutor OldSchool4664
0

Haben Sie schaute in Beibehaltung des Seitenverhältnisses für die ImageView? Hier ist eine relevante Frage, die sollten Sie in die richtige Richtung: Wie groß ein Bild in der Bildansicht zu halten, wird das Seitenverhältnis

InformationsquelleAutor MacLean Sochor

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg"
    android:gravity="center">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/logo"/>

</RelativeLayout>

Wird dies tun, diese

Android-splash-Bildschirm ohne logo Verzerrung

Dies ist auf ein nexus 10

Android-splash-Bildschirm ohne logo Verzerrung

sollten Sie verwenden windowBackground für den splash-screen.. mit deiner Lösung Sie können immer noch weißer Bildschirm, bevor Sie Ihre Aktivität layout aufgeblasen wird. bignerdranch.com/blog/splash-screens-the-right-way/...

InformationsquelleAutor soldfor

-2

Keine Notwendigkeit für die Verwendung von layouts überhaupt, verwenden Sie ein LayeredList, und legen Sie es als hintergrund. Hier ist ein Beispiel;
```
<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:drawable="@color/gray"/> 
    <item> 
        <bitmap android:gravity="center" android:src="@drawable/splash_image"/> 
    </item> 
</layer-list>
```
- mit Schwerpunkt Bild nicht auf den Bildschirm passt
- Splash-screens keinen Grund haben, sich zu füllen-Bildschirm.
- Ich meine, das Bild ist zu groß, es ist out of bounds
- So fügen Sie eine niedrigere Auflösung version des Bildes. Dies ist etwas, was Sie tun sollten, in jedem Fall.
- ja, sicher, ich möchte nur wissen, was zu sagen-designer
InformationsquelleAutor lionscribe

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.