coverflow

This plugin provides a coverflow component useful for displaying an image set. The component is based on Romain Guy's work explained at http://www.curious-creature.org/2005/07/09/a-music-shelf-in-java2d. In 2008 Kevin Long refactored the code to be more generic and component-like. See http://blog.codebeach.com/2008/02/imageflow-swing-component.html. Finally the components received another face lift in terms of observable properties and the usage of a ListModel to hold the items.

Usage

The following nodes will become available on a View script upon installing this plugin

imageFlowItem can be nested inside imageFlow if and only if the model is mutable.

ImageFlow exposes the following methods to help you navigate and keep track of the current selection:

• previous() - navigates one step backward.
• next() - navigates one step forward.
• getMinSelectionIndex() - returns the smallest selected cell index.
• getMaxSelectionIndex() - returns the largest selected cell index.
• getSelectedIndex() - returns the first selected index; returns -1 if there is no selected item.
• getSelectedValue() - returns the first selected value, or null if the selection is empty.
• isSelectedIndex(int) - returns true if the specified index is selected.
• setSelectedIndex(int) - selects a single cell.
• addListSelectionListener(ListSelectionListener) - adds a listener to the list that's notified each time a change to the selection occur.
• removeListSelectionListener(ListSelectionListener) - removes a listener to the list that's notified each time a change to the selection occur.

The following view script shows a basic usage. Not that imageFlow allows nesting of imageFlowItem given that its defualt model is mutable.

    application(title: 'Coverflow',
      size: [520,320],
      locationByPlatform: true,
      iconImage: imageIcon('/griffon-icon-48x48.png').image,
      iconImages: [imageIcon('/griffon-icon-48x48.png').image,
                   imageIcon('/griffon-icon-32x32.png').image,
                   imageIcon('/griffon-icon-16x16.png').image]) {
      borderLayout()
      panel(constraints: CENTER) {
        stackLayout()
        gradientPanel(constraints: BOTTOM)
        imageFlow(id: "flow", constraints: TOP) {
          (1..10). each { i ->
            imageFlowItem(resource: "/griffon-icon-128x128.png", label: "Icon $i")
          }
        }
      }
      panel(constraints: WEST) {
        borderLayout()
        button("<",  actionPerformed: { flow.previous() })
      }
      panel(constraints: EAST) {
        borderLayout()
        button(">",  actionPerformed: { flow.next() })
      }
    }