- This topic has 9 replies, 3 voices, and was last updated 11 years, 2 months ago by
.
-
Posts
-
Hello!
I am fairly new to using mobione, I just purchased my license last week, and I am currently working on my first app. It is a League of legends reference manual. The front page of the app, is a long scrolling panel, with 115 picture buttons (corresponding to the champions). I noticed after adding all the buttons that the scrolling down the page is VERY laggy. On the computer (I have a very high end gaming computer), and on the iphone 5 I have loaded it onto to test. (two different phones actually) I have worked up a page to sort them into groups A-L, L-W etc… and that seems to make my scrolling problem go away but is not very aesthetically pleasing at all. Is there any way to optimize my scrolling page so that it won’t be so terribly laggy with 115 picture buttons. Thanks!
My most recent build (which is building now), is ios build #10144014-Ben
Hi Ben & welcome,
Just a quick first thought – have you reduced the size and resolution of your 115 pictures as far as possible? As you say picture buttons I assume the idea is that the user will click one and move to a detail page. This is where you can show your best pictures, the first page need only have ‘good enough for recognition’ pictures. I suspect you will get some lag simply from having that many widgets on the page, but with large size or high res pictures as well you are asking your poor phones to perform miracles …
The pictures are 120×104 in pixel size. If its a limitation of the phone, I can understand, I was just curious if there was a way to optimize the scroll page. Or if there is a good way to know how many I can safely add to a screen, that’d be great.
So, as an update, I just finished separating into three different letter groups taking it down to about 40 picture buttons a page. So my opening page is now just 3 buttons, (one for A-I, J-R, S-Z) and when testing with just the A-I to see if it would be better, the scrolling was very efficient. After adding in the J-R and S-Z button, the champion list scroll is now very laggy again. Build #9798032 Any help is appreciated. I am very lost as to why this is happening.
Hi kikootwo,
It seems that the long lists you are using are making your app slow, are you using a gradient color or gloss efect for the background of your list items? If yes, could you try setting them to a solid color to see if this is the problem?
Also, you can try using the Remote Web Page arch:
1) Go to Window Menu > Settings
2) Select HTML Generation, you’ll see this screen:
3) In Default HTML page architecture, select Remote Web Page (AJAX)
4) Click OK to save settings and build your app again.Please share results with us.
I use an image wallpaper as the background to my lists.
Testing with change to solid color now
-Still very slow
Testing with remote web page now
-Wonderfully smooth scrolling!
-There is now a short loading screen for the first time i click each button is there any way to have it pre-load so the users don’t have to see those little loading screens? or even if I could just take away the graphic for loading the loading time itself isnt bad! the build time was also tremendously long comparatively, but i’d only have to run it like that on my final release buildHi kikootwo,
This architecture trades off screen load/change performance for memory/scrolling performance. You can modify the phoneui.showActivityDialog/hidActivityDialog functions in _custom.js doing something like this:
phoneui.showActivityDialog = function() {};
phoneui.hideActivityDialog = function() {};Please be aware that the idea is to replace the functions for showing and hiding the activity graphic. This approach assumes you do not need the graphics elsewhere in your app.
I am inexperienced at best when it comes to code, would I simply input that into my custom.js file? is there a specific place it needs to go? I extremely appreciate all of your help
