effective horizontal lists with scroll

Hello

I have a group of images which I want to display in a horizontal list, the size of the list will vary depending on what option a user selects.

However, I'm not sure of the best way to implement a list if I have a large number of images to provide an it, therefore generating a lot of areas that need to be drawn.

My idea of making the effective list:

-Store the images in a circular table.

-Display the first 3 images on the screen in3 views that are visible to the user (for example <-- img1=""  ="" img2=""  ="" img3="" --="">)

-Keep a record of what is exposed...

-When a user scrolls left or right the next/previous image in the table is displayed.

For example scrolling right once will give me ( <--  img2=""  img3="" img4="" --="">)

For example scrolling left 3 times from the point above will give me ( < --="" img(n-1)=""  img(n)=""  img1="" --=""> )

and so on...

What would be the best way to do what above, or are there better ways?

I would be grateful if someone could direct me to the relevant documentation, methods of the api should I use as well.

Is there already a method in the api that can recycle the views in the same way...?

I would be grateful for any help.

Thanks in advance.

Answer:

PictureScrollField:

"A slider component that draws a line of images that can be the object of one scroll from side to side using the trackball or touch gestures. The images drag horizontally to align the focus vertically centered image. Images decelerate they approach their new position to give a lively effect. There are also several configurable effects to highlight the image update.

All images are awarded the same amount of space on the cursor (as defined by imageWidth of the manufacturer and the imageHeight settings). Images may differ from this size, in which case the scroll field behaves as follows:

Images are NOT resized. If they are larger than the allocated drawing area they are center aligned and cropped to fit the allotted area. If it is smaller than the drawing area allocated, they are centered in the allocated area. »

From: BlackBerry API 5.0.0

Tags: BlackBerry Developers

Similar Questions

  • Need help with effects of scrollbar for scrolling horizontal + vertical website

    Hello

    Recently, I came across a Web site that uses horizontal and vertical scrolling where 1 roll = browser full length move to the next section (as opposed to several rotations in a continuous movement of the mouse ball like most websites). Please see the example here because I'm probably not very well explain : A Chocolate Bar, Restaurant and shop chocolate, Fondue, gift boxes and more | Max Brenner ()http://maxbrenner.com).

    I wonder if this effect is something that can be done in Muse and if so, how. This is something that I see more and more and behaves almost like a slideshow that can be controlled by scrolling.

    Thank you!

    Michele

    Hi Michele,

    I'm afraid that's not possible out of the box at this point, I would recommend that you post this in the section ideas here, ideas for features in Adobe Muse

    You can at the same time, use CSS to turn off the scroll bar, preventing the partial scroll of the page and by disabling the scroll, wheel leaving behind only your navigation to scroll the page.

    - Abhishek Maurya

  • How to enable vertical and horizontal scrolling with sculpt Touch Mouse (W7-64). When I activate horizontal disables vertical scrolling to scroll.

    Load the IntelliPoint software that is more recent, although she did not recover that (!). Scrolling works when you use the Synaptics Touchpad.

    When I turn on all the other functions in the IntelliPoint vertical scrolling is disabled.

    Hello

    Thanks for posting your question on the Forums of community of Microsoft.
    The description of the question, I understand that you can not use horizontal and vertical scrolling with sculpt the touch mouse.
    Let me go ahead and help you with the issue.
     
    As you have been told that the IntelliPoint software is updated, but sometimes Sculpt mouse drivers may be outdated which causes this problem.
     
    Here are some ways you can follow to resolve the problem:
     
    Method 1:
    I suggest for the link and follow the steps in the article:
    Install IntelliPoint software and the mouse
     
    Method 2:
    Download and install the drivers from the link:
     
    See also:
     
    I hope this helps. If you have any other queries/issues related to Windows, write us and we will be happy to help you further.
  • How paste an accordion MENU navigation on a mobile scrollbar page and make it work properly? Like I can't pin, I keep it at the top of the page with scroll effect 0. It collapse, shows the menu buttons but does not close back up once reached the

    How paste an accordion MENU navigation on a mobile scrollbar page and make it work properly?

    Like I can't pin, I keep it at the top of the page with scroll effect 0.

    It collapse, shows the menu buttons but does not close back once it reaches the anchorpoint.

    Appreciate your help. Thanks.Guess I need to find another solution. Am an artist and don't know anything about coding.

  • Hello, I would like to know how to make horizontal sites and it moves with scrolling

    Hello, I would like to know how to make horizontal sites and it moves with scrolling

    The scrolling would work with the scrolling of the mouse.

    Site that you mentioned also uses the same movement of scrolling with the horizontal length long.

    This video could give the exact idea:

    https://www.YouTube.com/watch?v=x5YMbB1jMdY

    Thank you

    Sanjit

  • Creating a homepage for Apex using horizontal Images with label list?

    Hello

    I am trying to create a homepage for my application, which contains some intro text and images that would like specific interactive apex reports.

    However, I created a list using the horizontal Images with the list of the label template and during execution of the page - no images are displayed - it just displays the missing image icon

    The question I have, this is where are these defined images and how do I add a custom image for each item in the list

    You can do it in the apex by simply using a predefined list templates or even customize existing list templates.

    I suggest you to go through the sample application and try to understand how the entries in the list are defined and where to use the IMAGES.

    In the APEX of the layout defined in the templates page and the positioning of regions (lists in your case) are based on their Display Position

    Pass by this
    http://docs.Oracle.com/CD/E23903_01/doc/doc.41/e21674/nav_list.htm#CACCJHEE

  • List with ItemRenderer becomes crazy when scrolling

    Hi all

    I have a list with a defined as ItemRenderer:

    < mx:List id = "msgList" dataProvider = "{ca}" >
    < mx:itemRenderer >
    < mx:Component >
    < ns1:MsgRenderer >
    < / ns1:MsgRenderer >
    < / mx:Component >
    < / mx:itemRenderer >
    < / mx:List >

    inside the MsgRender component I have a very simple creationComplete function like this one which adds an icon (a yellow star or a Black Star) according to a var Boolean called Star:

    private void pace (): void {}
    If (this.data)
    {
    If {(this.data.star)
    this.starIcon.source = "assets/images/ystar.png";
    }
    else {}
    this.starIcon.source = "assets/images/bwstar.png";
    }

    }
    }

    It works very well. BUT when I scroll the list everything is messed up, the yellow star appears where it shouldn't appear etc, etc, etc.. I checked the data source "ac" with the debugger and everything is in place, it's just the icons in the list that is messed up.

    No idea why this can happen, this is the first time I encounter this problem!

    Greetings,

    Alex

    For performance reasons, the list reuses point converters when you scroll.

    Point converters who paraded on top of the list are reused to

    items that marched in the bottom of the list. If you expect

    the data property of an element converter to change. You need to update the

    State of your rendering engine when data changes. In your original

    example you have been setting up rendering once to creationComplete,

    rather than every time the ownership of the data changed. The usual approach

    update the rendering engine when data changes is to trigger updates in the

    set the rendering engine data() function, but listen to a dataChange event

    will also work.

  • Effect of movement of scrolling to diagonal?

    When I apply the effect of movement of scrolling to any object or text, they move in or out at a diagonal? I'd rather they move perfectly horizontal or vertical. Does anyone know how to remedy this?

    You'll love optical illusions, your icon is coming in exaclty how you want that it but since they area you want to scroll in moves vertically on the screen its looking like its entry in to a diaginal, hold a piece of paper or other object on your screen directly under your icon and you will see that it does not move. Try to find a suitable means so that it can be scrolled at the same speed as the vertical box (for a minute I played with scrolling movement)

  • How half of the screen any part half scrollable and another screen with scrolling

    Hi all

    I am new to BB plz help me on this.

    Right now, the problem I'm facing is to make the left part of the screen fixed. For now, I wanted to show the list of n records to the right of the screen and wanted to show three buttons on the left side of the screen. When any user will scroll to display the records I want buttons remain fixed on the left side of the screen (No_Vertical_Scroll).

    Now I create a HorizontalFieldManager in which there are two verticalFieldManager so I can split the screen.

    I did the leftVerticalManager No_Vertical_Scroll and rightVerticalManager like VERTICAL_SCROLL, but when I scroll the screen both part began to scroll for the buttons on the left side mount are still not fixed.

    Thanks in advance

    I think so

    You can set the main screen is not first with scrolling

    Add a verticalFieldManager with fixed height half of the screen, the value of the scrollable

    then add a verticalFieldManger to the value of the scrollable

    Maybe it should work

  • Adding items to the QNX list without scrolling

    Is it possible to update the items in a list of qnx without scrolling of the list in article 1?

    I have a list of qnx that retrieves its list items in a stream, and if the list item has been scrolled, beyond every time that I update the dataprovider, it automatically reloads the list with 1 point on the screen.

    HM sounds quite interesting. what I would do is to find something to defines a set of data apart from others and makes every single tweet. There is probably an ID of the API or something. then id have a separate table, keep track of all the IDS in your current list. from there whenever u 'referesh' you can check if you got the identifiers in the new list differ from your current table of ID. If they are separately add each individual tweet of the new incoming list using the addItem() method instead of reset your entire dataprovider. hope that helps some. Good luck!

  • Procedures with photos / Multilevel list with bullets/numbers disappear in the browser

    OK, sorry if this has been covered. I searched the Internet and found none of the MLL matching my own problems.

    My goal everything has to be able to create procedures numbered in Robohelp webhelp that contains images such as that I created under. The problem is, I want pictures inserted without numbering or chips. I found that I can't do this because it breaks the numbered procedure, so what I show here, it's not not manually (which I won't do because my project is about 10,000 files.

    Down Time.png

    I created a multilevel list in Robohelp for procedures to help this need. I created this list containing a mix of chips and telephone numbers and nothing in front in order to have a procedure in a section with pictures to go with it (which of course does not break the numbering system and are not numbered, because it seems a little odd to have just a picture numbered step).

    Therefore, each line being a new and different indenting, here's how the list looks in Robohelp (left), and then how it comes out in the browser (right). I tried Chrome and IE and they come out the same.

    Multilevel list-RH.pngMLL In browser.png

    It seems that lists appear correctly in the generated CHM file, but I don't feel confident these multilevel use effectively the lists if they don't actually work when they use them in browsers.

    Does anyone know how to solve this problem of the list, insert or copy paste into a new line between numbered procedures that break them so that they have to remember each time?

    I'm not sure that I totally understand. I assume that for some reason you're opposed to press SHIFT + ENTER to start a new line without chip or number?

  • How to create a horizontal Gallery with buttons?

    I can't understand how to create a way to show my photos as a horizontal Gallery with buttons to scroll (photos at left), as Elizabeth Gadd photography . Can anyone help?

    Have you looked at the standard slideshow and Lightbox widget or sought another widget "image Carousel"? It's really basic things.

    Mylenium

  • Slider with scrolling thumbnails

    Is it possible within the Muse have a slider/Gallery with scrolling thumbnails? Currently I use a third party Gallery to achieve, but I prefer to stay within the Muse herself.

    You can try to use the compositions, click slide show in the composition.

    In the target composition container insert the slideshow and as game slides, create different slideshows for containers of different composition.

    It would have a similar effect.

    Thank you

    Sanjit

  • Connecting the frames with scroll

    Screen Shot 2013-09-06 at 12.54.32.png

    I've created a scenario planner of the wall as shown above. The month and the content below are in a floating frame that scrolls back and forth. The problem I have is that when I scroll down, I lose the months. So, I wanted to know if there is a way to connect the 2 frames with scroll separated? Really it pasted it and am sure that's not possible, so thought I would ask experts.

    Thank you very much

    Steve

    I'm sorry but I don't have time for a long answer. If you read my post above, once again, you will see that you need create two moving images.

    1. just below the month set to vertical content.

    2. one that contains the first one grouped with the months set horizontally.

    Try it and tell us.

  • Horizontal navigation with Menu drop-down

    Hello!

    I'm trying to put together a site with a horizontal navigation with elements in the drop-down list. I built my plan with the main pages and child pages and added my horizontal navigation on the master page, but when I go to preview, I can't see any of my pages from the drop-down list (child). Is it possible to fix this? (I have attached a screenshot, I hope this helps clarify...)Adobe-Muse-Horizontal-Menu.jpg

    I knew that this problem will return that's why I mentioned the note that "child pages at the same level in the Plan view are listed vertically in a Horizontal Menu."

    If you have a look at the Plan view of your Site, you will have child pages under the other which translates a horizontal navigation as you found it.

    You must have all the pages of the child at the same level, while they are placed vertically (as you like) in the Menu.

    You can drag and drop the child pages in outline view to move them to the same level.

    I hope this helps.

    Kind regards

    Sachin

Maybe you are looking for