Create ImageViews dynamically inside a loop

Question

I have written this code that loads an image to in ImageView widget:

    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.gallery);
    i = (ImageView)findViewById(R.id.imageView1);

    new get_image("https://www.google.com/images/srpr/logo4w.png") {
        ImageView imageView1 = new ImageView(GalleryActivity.this);

        ProgressDialog dialog = ProgressDialog.show(GalleryActivity.this, "", "Loading. Please wait...", true);

        protected void onPreExecute(){
             super.onPreExecute();
        }

         protected void onPostExecute(Boolean result) {
             i.setImageBitmap(bitmap); 
         dialog.dismiss();
         }
    }.execute();


}

bu now, I want to load several images. for this I need create image views dynamically but i don't know how...

I want run my code inside a for loop:

for(int i;i<range;i++){
   //LOAD SEVERAL IMAGES. READ URL FROM AN ARRAY
}

my main problem is creating several ImageViews inside a loop dynamically

Is there a particular reason for why Android's built in list controls can't be used? — Premsuraj, Mar 12 '13 at 08:39
@Premsuraj: no, can i use built in widgets for this purpose? how? — Fcoder, Mar 12 '13 at 08:42
Why do you need multiple image views? What is the purpose? do you need to display images in a list? — Yasitha Waduge, Mar 12 '13 at 08:50
@vmerror: i want to load several images inside a scrollviewer like instagram app. please help me in simple way — Fcoder, Mar 12 '13 at 09:15
If thats the requirement, you need to first study android ListView with custom Adapter, in adapter getView method download the image and set it to custom xml layout. That should be the approach. — Yasitha Waduge, Mar 12 '13 at 10:03
Best way to do this is to use a recyclerview with each viewholder being an imageview — Simon, Oct 10 '15 at 08:55
@YasithaChinthaka That's the approach I have followed but the code I am stuck at is that it sets image url to 2-3 elements only out of 5 in my case at this moment. And, no specific solution I've located so far. Any idea towards its solution? (Please note that I need to load images from URLs stored in database and I am using GridView & custom xml layout for this.) — meDeepakJain, May 05 '19 at 09:41

score 28 · Accepted Answer · edited Jun 20 '15 at 15:59

28

you can modify the layout , image resource and no of images (may be dynamic as well) according to your requirement...

LinearLayout layout = (LinearLayout)findViewById(R.id.imageLayout);
for(int i=0;i<10;i++)
{
    ImageView image = new ImageView(this);
    image.setLayoutParams(new android.view.ViewGroup.LayoutParams(80,60));
    image.setMaxHeight(20);
    image.setMaxWidth(20);

    // Adds the view to the layout
    layout.addView(image);
}

edited Jun 20 '15 at 15:59

BlazE

81
1
16

answered Mar 12 '13 at 08:52

Hussain Akhtar Wahid 'Ghouri'

6,527
8
50
85

Hi Hussain. Why do you set setMaxHeight and setMaxWidth? – Mitulát báti Dec 07 '15 at 21:25
@Mitulátbáti : http://developer.android.com/reference/android/widget/ImageView.html#setMaxHeight(int) – Hussain Akhtar Wahid 'Ghouri' Dec 09 '15 at 13:57
can we set margin to that imageview ? – Jaimin Modi Dec 16 '15 at 04:36
yes we have set layoutparams for that , and then we can set margins , follow [link](http://stackoverflow.com/a/3416242/1283215) – Hussain Akhtar Wahid 'Ghouri' Dec 16 '15 at 06:05
I have my LinearLayout inside a HorizontalScrollView. And In LinearLayout I want to have a combination of ImageView and TextView in a vertical orientation. And I want to inflate many such combinations instead of a single ImageView. Also, I want to set my style for that image and text view programmatically. – Swarnveer Dec 24 '17 at 07:59

score 1 · Answer 2 · answered Mar 12 '13 at 08:41

You can use this code to create ImageViews

ImageView image = new ImageView(this);
LinearLayout.LayoutParams vp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
image.setLayoutParams(vp);
image.setMaxHeight(50);
image.setMaxWidth(50);
// other image settings
image.setImageDrawable(drawable);
theLayout.addView(image);

where theLayout is the layout you want to add your image views to.

For more customization check out the dev page, where all the possible options are listed.

score 0 · Answer 3 · answered Mar 12 '13 at 08:36

0

If your requirement is show in List or Gridview then you should go for Lazy Loading List or grid.

Please go through the below link.

https://github.com/thest1/LazyList

https://github.com/abscondment/lazy-gallery

answered Mar 12 '13 at 08:36

Amit Gupta

8,914
1
25
33

i want show several images inside in a scrollviewer. like instagram app – Fcoder Mar 12 '13 at 08:37

score 0 · Answer 4 · answered Feb 08 '18 at 20:35

Try this

 rootLayout = (LinearLayout) view1.findViewById(R.id.linearLayout1);

    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
            LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
    params.gravity = Gravity.CENTER_VERTICAL;

    params.setMargins(0, 0, 60, 0);


    for(int x=0;x<2;x++) {
        ImageView image = new ImageView(getActivity());

        image.setBackgroundResource(R.drawable.ic_swimming);
        rootLayout.addView(image);
    }

Create ImageViews dynamically inside a loop

4 Answers4

Linked