Increase the performance of list shop items

12 views

Skip to first unread message

Fuad Nassar

unread,

May 4, 2020, 8:00:47 PM5/4/20

to CodenameOne Discussions

hi,

I want to create something like this page

https://lh3.googleusercontent.com/hNSeIFqosY6NEyhSgu7JAhdK0ujVggz7uAnAeNyo0CeGJLkqNBe-9nxwUyWwiaiAfK4=w1366-h629-rw

My purposes:

create like the above list with high performance and low need to storage content (not downloading images) and make easy to scroll and load items without loss time or waiting.

I use InfiniteScrollAdapter to display infinite items but there are these problems:

1) all images should be download to storage/cach before showing them to the user.

2) should waiting some seconds to load more content (when scroll reach the end)

Suggested solutions

1) display url image in browser component & html background code like this:

<html>
<head>
<style>
body {
  background-image: url("https://s3.amazonaws.com/images.seroundtable.com/google-css-images-1515761601.jpg");
  background-size: 100% 100%
}
</style>
</head>
<body>
</body>
</html>

not using imageURL because it also needs to download images before display it to the user.

2) load content automatically when scroll reach half distance (before reach max scrolling)

---------------------------------------------------

How i can do these things?

Shai Almog

unread,

May 4, 2020, 11:30:36 PM5/4/20

to CodenameOne Discussions

Hi,

you can use URLImage which downloads images dynamically while showing a preview,