this post was submitted on 30 Oct 2024
10 points (75.0% liked)

Android

27941 readers
104 users here now

DROID DOES

Welcome to the droidymcdroidface-iest, Lemmyest (Lemmiest), test, bestest, phoniest, pluckiest, snarkiest, and spiciest Android community on Lemmy (Do not respond)! Here you can participate in amazing discussions and events relating to all things Android.

The rules for posting and commenting, besides the rules defined here for lemmy.world, are as follows:

Rules

1. All posts must be relevant to Android devices/operating system.

2. Posts cannot be illegal or NSFW material.

3. No spam, self promotion, or upvote farming. Sources engaging in these behavior will be added to the Blacklist.

4. Non-whitelisted bots will be banned.

5. Engage respectfully: Harassment, flamebaiting, bad faith engagement, or agenda posting will result in your posts being removed. Excessive violations will result in temporary or permanent ban, depending on severity.

6. Memes are not allowed to be posts, but are allowed in the comments.

7. Posts from clickbait sources are heavily discouraged. Please de-clickbait titles if it needs to be submitted.

8. Submission statements of any length composed of your own thoughts inside the post text field are mandatory for any microblog posts, and are optional but recommended for article/image/video posts.

Community Resources:

We are Android girls*,

In our Lemmy.world.

The back is plastic,

It's fantastic.

*Well, not just girls: people of all gender identities are welcomed here.

Our Partner Communities:

[email protected]

founded 1 year ago
MODERATORS
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
10
Why are no images, in any format, being displayed in my Android Studio app? (lemm.ee)
submitted 2 weeks ago by [email protected] to c/[email protected]
21 comments fedilink hide all child comments
 

cross-posted from: https://lemm.ee/post/46066494

I followed the recommended processes for adding images to my app, and it is being displayed correctly on the layout preview, but not at all on the app. I have vector assets, webp, png images, but none are being displayed.

The project is too big to put here in its entirety, but please ask for any snippets that could help you solve the issue. I've tried searching the web and asking LLMs and neither could help, so please help me, fellow humans.

all 22 comments
sorted by: hot top controversial new old
[–] [email protected] 4 points 2 weeks ago (1 children)

Is it not showing up in the emulator, or the phone on which the app is downloaded, or both?

[–] [email protected] 1 points 2 weeks ago (1 children)

The laptop is not powerful enough to run an emulator, but it shows up on the layout preview but not any of the 3 physical devices I've tested it on

[–] [email protected] 2 points 2 weeks ago (1 children)

Do any errors show in logcat? You should be able to filter to show errors only.

[–] [email protected] 1 points 2 weeks ago (1 children)

I can't figure out how to do that, this is all I can see

[–] [email protected] 2 points 2 weeks ago* (last edited 2 weeks ago) (1 children)

Type package:mine level:error in the text bar and see if any errors are returned.

And what is the path of your image, and how are you placing the image in your xml file? Here is an example of one that works for me with an image that is located in the res/drawable/baseline_arrow_back_24.xml package

  <ImageView
        android:id="@+id/backButton"
        android:layout_width="42dp"
        android:layout_height="42dp"
        android:layout_gravity="start"
        android:layout_centerVertical="true"
        android:src="@drawable/baseline_arrow_back_24"
        android:contentDescription="@string/back_arrow" />
[–] [email protected] 1 points 2 weeks ago (1 children)

I was using app:srcCompat rather than android:src, maybe that's the difference?

[–] [email protected] 2 points 2 weeks ago

I would try app:src or adding

 android {  
   defaultConfig {  
     vectorDrawables.useSupportLibrary = true  
    }

To your build.gradle

[–] [email protected] 3 points 2 weeks ago (1 children)

Have you tested if this issue appears on more than one device configuration? E.g. Your personal physical device and on the emulator?

[–] [email protected] 1 points 2 weeks ago (1 children)

I tested on three different Android devices but my laptop is not powerful enough to run an emulator so I haven't tried that.

[–] [email protected] 1 points 2 weeks ago (1 children)

Are those devices all the same manufacturer?

[–] [email protected] 1 points 2 weeks ago

Two Samsung, one Motorola

[–] [email protected] 2 points 2 weeks ago (1 children)

Maybe with some images people can help🤷‍♂️

[–] [email protected] 2 points 2 weeks ago* (last edited 2 weeks ago) (2 children)

[–] [email protected] 2 points 2 weeks ago* (last edited 2 weeks ago) (2 children)

Ooh it's easy. The layout in android studio is light, on the device is dark. Switch to light and they'll pop up

On the XML icon you have co change the color or apply a different color based light/dark

If not, you can share more like icon XML and stuff

[–] [email protected] 1 points 2 weeks ago (1 children)

Unfortunately switching the theme to light didn't work, the images aren't being displayed at all.

Tap for layout xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:gravity="end"
    android:orientation="vertical">

    <SearchView
        android:layout_width="match_parent"
        android:layout_height="75dp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:gravity="end"
        android:orientation="horizontal">

        <ImageButton
            android:id="@+id/imageButton3"
            android:layout_width="50dp"
            android:layout_height="match_parent"
            android:background="@null"
            android:contentDescription="@string/sort_songs"
            app:srcCompat="@drawable/baseline_sort_40"
            tools:srcCompat="@drawable/baseline_sort_40" />

        <ImageButton
            android:id="@+id/imageButton"
            android:layout_width="50dp"
            android:layout_height="match_parent"
            android:background="@null"
            android:contentDescription="@string/more_options"
            app:srcCompat="@drawable/baseline_more_vert_40"
            tools:srcCompat="@drawable/baseline_more_vert_40" />
    </LinearLayout>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:contentDescription="@string/list_of_songs">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <androidx.cardview.widget.CardView
                android:layout_width="match_parent"
                android:layout_height="100dp" />
        </LinearLayout>
    </ScrollView>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="58dp"
        android:orientation="vertical"
        android:translationY="-60dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="55dp"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/imageView"
                android:layout_width="55dp"
                android:layout_height="match_parent"
                android:contentDescription="@string/album_art"
                android:paddingHorizontal="5dp"
                android:paddingVertical="5dp"
                app:srcCompat="@drawable/music"
                tools:src="@drawable/music" />

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/constraintLayout"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="end"
                android:onClick="openFullscreenView">

                <LinearLayout
                    android:id="@+id/linearLayout2"
                    android:layout_width="wrap_content"
                    android:layout_height="0dp"
                    android:layout_marginStart="0dp"
                    android:gravity="start"
                    android:orientation="vertical"
                    android:paddingStart="2dp"
                    android:paddingEnd="10dp"
                    app:layout_constraintBottom_toBottomOf="@+id/linearLayout3"
                    app:layout_constraintEnd_toStartOf="@+id/linearLayout3"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="@+id/linearLayout3">

                    <TextView
                        android:id="@+id/textView"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/song_title"
                        android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                        android:textSize="18sp"
                        android:textStyle="bold" />

                    <TextView
                        android:id="@+id/textView2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/song_artist_name"
                        android:textSize="18sp" />

                </LinearLayout>

                <LinearLayout
                    android:id="@+id/linearLayout3"
                    android:layout_width="0dp"
                    android:layout_height="55dp"
                    android:gravity="end"
                    android:orientation="horizontal"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toEndOf="@+id/linearLayout2">

                    <ImageButton
                        android:id="@+id/imageButton2"
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:background="@null"
                        android:contentDescription="@string/previous_song"
                        app:srcCompat="@drawable/baseline_skip_previous_40" />

                    <ImageButton
                        android:id="@+id/imageButton4"
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:background="@null"
                        android:contentDescription="@string/pause_play"
                        app:srcCompat="@drawable/baseline_play_arrow_40" />

                    <ImageButton
                        android:id="@+id/imageButton5"
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:background="@null"
                        android:contentDescription="@string/next_song"
                        app:srcCompat="@drawable/baseline_skip_next_40" />
                </LinearLayout>

            </androidx.constraintlayout.widget.ConstraintLayout>

        </LinearLayout>

        <ProgressBar
            android:id="@+id/progressBar"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="match_parent"
            android:layout_height="3dp"
            android:progress="50"
            android:progressDrawable="@color/design_default_color_primary" />
    </LinearLayout>

</LinearLayout>

Tap for colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
</resources>

Tap for themes.xml

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Base.Theme.MaterialMusic" parent="Theme.Material3.DayNight.NoActionBar">
        <!-- Customize your light theme here. -->
        <!-- <item name="colorPrimary">@color/my_light_primary</item> -->
    </style>

    <style name="Theme.MaterialMusic" parent="Base.Theme.MaterialMusic" />
</resources>

Tap for night/themes.xml

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Base.Theme.MaterialMusic" parent="Theme.Material3.DayNight.NoActionBar">
        <!-- Customize your dark theme here. -->
        <!-- <item name="colorPrimary">@color/my_dark_primary</item> -->
    </style>
</resources>

[–] [email protected] 2 points 2 weeks ago (1 children)

Have you tried with scr instead of srcCompat?

[–] [email protected] 1 points 2 weeks ago (2 children)

Yes, but then it gave some error when compiling and failed to compile

[–] [email protected] 1 points 2 weeks ago (1 children)

Then post the error instead of saying you got an error

[–] [email protected] 1 points 2 weeks ago

I can't remember it right now nor do I have access to the laptop at the moment, but when I do, I will post the exact error I got.

[–] [email protected] 1 points 2 weeks ago

I will try that tomorrow when I have next have access to the device.