# ImageList

### Overview

This control will have a list of images that will be displayed 

![](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LeyqxvsVOsuui_7q_wv%2F-LeyrJqbpKUUf-3V1HPy%2FImageList.PNG?alt=media\&token=55c16c22-e54c-44ed-918e-55ab6527f28a)

### Source Code

{% code title="Example Code" %}

```java
import totalcross.io.IOException;
import totalcross.sys.Settings;
import totalcross.ui.ImageList;
import totalcross.ui.MainWindow;
import totalcross.ui.image.Image;
import totalcross.ui.image.ImageException;


public class ImageList extends MainWindow {

    public ImageList(){
        setUIStyle(Settings.Material);
    }

    @Override
    public void initUI() {

        try {
            ImageList imageList = new ImageList();
            imageList.add(new Image("images/logo.png"));
            imageList.add(new Image("images/insta_icon.png"));

            add(imageList, LEFT, TOP);
        } catch (ImageException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

```

{% endcode %}

{% hint style="warning" %}
Do not forget **to create a folder** called "***images***" inside ***/src/main/resources*** and **save the images inside it \[images].**
{% endhint %}

### Methods

| Type            | Name                       | Description                                       |
| --------------- | -------------------------- | ------------------------------------------------- |
| **Constructor** | ImageList()                | Create a new instance                             |
| **Constructor** | ImageList(Object\[] items) | Create a new instance already with a filled array |
| **int**         | getPreferredWidth()        | Returns the preferred Width                       |
| **int**         | getPreferredHeight()       | Returns the preferred height                      |

### References

* See the [Java Docs](https://rs.totalcross.com/doc/totalcross/ui/ImageList.html) for more information.