I'm unable to display image while running the app on Android Studio

Question

I tried making an app in which after clicking on the button the image in the background changes to the image cat.png . When I run the app, neither the image in the background comes up nor the the image which is supposed to show up in the place of the background image.

Please see the below code and help.

The onClick function for button is newCat.

    package com.example.imagelesson;

    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.util.Log;
    import android.view.View;
    import android.widget.ImageView;

    public class MainActivity extends AppCompatActivity {


        public void newCat(View view){
            ImageView image = (ImageView)findViewById(R.id.catImgView);
            image.setImageResource(R.drawable.cat);
        }
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        }
    }

@NehaChaudhary can you show me your activity_main.xml file plesae — Furqan Khan, Aug 28 '19 at 17:48
@NehaChaudhary that is not the xml please add XML to your Question. — Furqan Khan, Aug 28 '19 at 17:53
both pictures are the same, click on the "Text" button beside "design" and share the picture please — Furqan Khan, Aug 28 '19 at 17:57

score 0 · Answer 1 · answered Aug 28 '19 at 18:07

0

Click on the search bar and search for onClick property then in onClick field add newCat and then run

answered Aug 28 '19 at 18:07

Furqan Khan

519
4
13

@NehaChaudhary is it added to button's onClick field or imageView's. you need to add that to Button's onClick filed. – Furqan Khan Aug 28 '19 at 18:15

score 0 · Answer 2 · answered Aug 28 '19 at 18:24

It'll be mush easier to help you if you show us your xml file.

Anyway:

Firstly, I highly advise you to debug or add log to newCat method so you'll be sure that its being triggered properly.

Then:

Check out this: change-image-of-imageview-programmatically-in-android and that what-is-the-difference-between-imageview-setbackgroundresource-and-imageview-set

score 0 · Answer 3 · answered Aug 28 '19 at 19:10

You have added the wrong field. If you take a look in your xml of the layout you should see the following line on the imageview:

tools:srcCompat="your image path"

This is set only when you design the layout. What you need to do is set the image in the previous box:

In XML it should look the following:

app:srcCompat="your image path"

I'm unable to display image while running the app on Android Studio

3 Answers3