[ANDROID STUDIO] Verzweiflung bei verschiedenen Screensizes in einer speziellen Activity

Hallo Leute,

ich muss euch noch einmal stören, aber mein Problem lässt sich einfach nicht lösen.
Auch wenn es dafür unzählige Anleitungen gibt...keine hat funktioneirt.

Es geht um folgendes:

für die App habe ich 20 fast identische Bilder gemacht - diese ändern sich nach je nach Wert immer nur leicht ab. Das spielt aber auch keine Rolle aktuell. Auf was ich hinaus möchte. Um das dynamisch zu machen, ändert sich das Bild im java code mit einem switch case statement. Hierzu die Fragen und Probleme.

1. Auf meinen 1-2 Test Smartphones sah das gut aus. Die Bilder sind im Format .png, die höhe und breite wird mit "wrap_content" angegeben und es wird lediglich über margin Angaben der Abstand zum Rand festgelegt. Also wie gesagt. Auf meinen Test Smartphones sah das gut aus. Es sind auch unterschiedliche Screensizes gewesen.
   Jetzt aber das Problem. Habe es in Firebase hochgeladen, um die Robotests zu machen und siehe da. Alles hat sich verschoben. Es passt nichts mehr. Nicht nur in der Activity mit den Bildern. Die anderen sahen auch nicht so aus, wie sie sollten.

2. Also habe ich es mit diversen online Lösungen a la "value" Ordnerstrukturen für verschiedene "sw" Bereiche versucht. hier einmal der Link zu der Github Seite, für diese Lösung.
   Das sah anfangs auch vielversprechend aus. Zumindest passen die anderen Activites jetzt, nur leider diese mit den Bildern nicht.

Alsoooo der nächste Ansatz.
Vielleicht die .png in .svg umwandeln und dann importieren?
Versucht, aber leider nimmt er mir die .xml dateien nicht an, wenn ich sie im java code einfüge. Bekomme da folgenden Fehler:

java.lang.RuntimeException: Unable to start activity ComponentInfo{bla.blabla.Activity}: android.content.res.Resources$NotFoundException: Drawable com.bla.blabla:drawable/bild with resource ID #0x7f0800cb

habe es mit

setImageDrawable(getResources().getDrawable(R.drawable.bild));
setBackgroundRessource(R.drawable.bild));
setBackgroundDrawable(getResources().getDrawable(R.drawable.bild));
setBackground(getResources().getDrawable(R.drawable.bild));
setImageResource(R.drawable.bild);

Bringt das überhaupt was, das Bild im .svg Format zu versuchen?
Versteh die Welt halt echt nicht mehr. Das kann doch nicht so schwer sein oder bin ich zu unfähig dafür?
Wie regelt ihr das, dass es auf allen Smartphones/Tablets gut aussieht?

Falls ihr mehr Daten benötigt, sagt es bitte. Weiß nur leider nicht, was für einen code ich einfügen soll.

Danke schon einmal im Voraus!

— geändert am 20.01.2021, 14:36:14

Danke mal für Deine schnelle Antwort

Ok also bringt das nicht wirklich was, es umzuwandeln? Dachte halt, dass das Sinn macht, da Vektorgrafiken ja frei skalierbar sind, dass es sich so besser anpasst.

Wegen dem Link. Hier der richtige:
https://github.com/intuit/sdp

Habe ihn oben auch geändert. Danke für den Hinweis.

Frage welche Gösse Höhe Breite und DPI Auglösung haben deine Bilder?

Größe: im Schnitt ca. 600kb
Breite: ~810px
Höhe: ~1080px
Resolution: 72 × 72 ppi

Wo in welchen Drawable Ordner hast du sie in deinen Projekt gespeichert?

Sie sind einfach nur im Drawable Ordner. Also liegt hier wohl der Hund vergraben? Habe keine Ordnerstruktur a la

/drawable
/drawable-ldpi
/drawable-mdpi
/drawable-hdpi
/drawable-xhdpi
/drawable-xxhdpi
/drawable-xxxhdpi

Wenn man das jetzt aber für jede Größe seperat anpasst, dann wird die App ja riesig. Sie hat jetzt schon 30mb mit den 18 Bildern

Welcher Auflösung hatte die Handy wo es gut aussah und welche Auflösung hatte die wo es schlecht war?

Auf dem Pixel 2 sah es zB gut aus:
1080 x 1920 pixels, ~441 ppi density

Auf dem Pixel 3 sah es dann bspw schon nicht mehr so aus, wie es sollte:
1080 x 2160 pixels, ~440 ppi density

Bei 1080 x >2200 pixels wird es dann noch schlimmer.

Mal schauen, ob ich das nicht einfach raus nehme, wenn das so "komplex" ist, bzw einfach zu groß wird. Weil dann lädt sich die app ja auch keiner mehr.

Hey,
das Layout sieht so aus:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background"
tools:context=".Activity">

<ImageView
    android:id="@+id/background"
    style="@style/BackGroundImageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="@dimen/_60sdp"
    android:layout_marginEnd="@dimen/_10sdp"
    android:layout_marginStart="@dimen/_10sdp"
    android:layout_marginBottom="@dimen/_70sdp"
    android:scaleType="centerCrop"
    android:contentDescription="@string/content"/>

<GridView
        android:id="@+id/simpleGridView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/_35sdp"
        android:layout_marginTop="@dimen/_28sdp"
        android:layout_marginRight="@dimen/_35sdp"
        android:background="@android:color/transparent"
        android:numColumns="4" />
   </RelativeLayout>

Zum Verständnis. Habe eine GridView, die über dem ImageView liegt. Deswegen der Style und hier ist noch der code zum Style:

<style name="BackGroundImageView">
    <item name="android:alpha">1</item>
</style>

Wobei der eher unwichtig in dem Zusammenhang ist. Ist übrigens ein Code aus dem Internet - dieser funktioniert auch wunderbar soweit.

Also das mit dem centercrop hatte ich schon im Code, aber leider funktioniert es da nicht.

Was mir gerade kommt. Wenn man diese spezielle Activity nun für jede Auflösung macht und anpasst, dann sollte es doch klappen? Also Ordnerstruktur
Layout-xhdpi
usw
Dann kann ich dort jeweils die Höhe und Breite des Bildes anpassen. Dann ist halt mehr Platz bei höheren Bildschirmen, aber es würde immerhin passen. Oder habe ich da einen Denkfehler drin?

Hey,

Wie kommst du auf die 72x72 ppi ?

Das stand in gimp bei den image properties. Habe da leider keine DPI gefunden. Auch nicht in den Metadaten der png Datei (habe die Metadaten gelöscht. Bin bisschen eigen was Datenschutz angeht)

Interesannt ist auch welche Methode du zum Skralieren zb im XML oder in Java du benutzt.

Also zum Skalieren nutze ich eigentlich nur das "Plugin" aus dem Github link. Dort ist in der build.gradle Datei diese Klasse:

public class SDPFactory extends DefaultTask {

@Input
String unit = "dp"
@Input
double positiveMax = 600
@Input
double negativeMax = 60

@TaskAction
def create() {
    String resFolder =  project.getProjectDir().getPath() + "/src/main/res/";
    for(double dimen = 300; dimen <= 800 ; dimen = dimen + 30){
        String folder = resFolder + "values-sw" + (int)dimen + "dp";
        String fileName = folder + "/positive_sdps.xml";
        new File(folder).mkdir();
        new File(fileName).createNewFile();
        PrintWriter printWriter = new PrintWriter(fileName);
        printWriter.println("<?xml version=\"1.0\" encoding=\"utf-8\"?>");
        printWriter.println("<resources>");
        for(int i=1; i<=positiveMax; i++){
            double ratio = i/300d;
            double sdp = ratio*dimen;
            printWriter.printf("\t<dimen name=\"_%dsdp\">%.2f" + unit + "</dimen>\r\n",i,sdp);
        }
        printWriter.println("</resources>");
        printWriter.close();
    }
    for(double dimen = 300; dimen <= 800; dimen = dimen + 30){
        String folder = resFolder + "values-sw" + (int)dimen + "dp";
        String fileName = folder + "/negative_sdps.xml";
        new File(folder).mkdir();
        new File(fileName).createNewFile();
        PrintWriter printWriter = new PrintWriter(fileName);
        printWriter.println("<?xml version=\"1.0\" encoding=\"utf-8\"?>");
        printWriter.println("<resources>");
        for(int i=1;i<=negativeMax;i++){
            double ratio = i/300d;
            double sdp = ratio*dimen;
            printWriter.printf("\t<dimen name=\"_minus%dsdp\">%.2f" + unit + "</dimen>\r\n",i,-sdp);
        }
        printWriter.println("</resources>");
        printWriter.close();
    }
}

}

task createSDP(type: SDPFactory) {

}

//uncomment next line to edit values
//preBuild.dependsOn createSDP

createSDP{
unit = "dp"//change to "sp" if needed
positiveMax = 600//change to 600 or any other value if needed
negativeMax = 60//change to 600 or any other value if needed
}

und dann halt noch die ganzen value Ordner.
Hoffentlich war das die Antwort auf deine Frage mit der Skalierbarkeit

Danke für die Aufklärung!

Habe jetzt leider keine zeit mehr das umzusetzen. Werde es morgen einmal mit dem CostrainLayout probieren und mich dann noch einmal bei euch melden

PS was soll eigentlich der Code wir arbeiten doch mit Bitmaps.

Bin jetzt ein bisschen verwirrt. Was meinst Du genau damit? Also Bitmaps kenn ich schon...

Also danke noch einmal für eure Hilfe! habt einen schönen Abend

So jetzt wieder.

Also es handelt sich um .png Bilder. Habe die .svg's wieder gelöscht

Mit Constraint Layout und dem prozentualen ging es wunderbar. Danke schön für die Hilfe!