JavaFX – Picasa Viewer

Bookmark and Share

Simple image viewer for Picasa Web Albums using Data API. It shows pictures taken at Hogenakkal Falls from my Picasa account.

To launch click on above image or

The application gets a feed listing all of the albums belonging to specified user using ListAlbums and ListAlbumPhotos. The feed is parsed using HttpRequest and PullParser APIs.

Try it out and let me know feedback..

var dzone_style = ‘2’;

JavaFX – Image Viewer

One of the questions I received in comments of one post

actually regarding the carousel and display shelf samples written on the net.this samples r feasible for 100 x100 pics. i am getting photos from flickr. if i want to implement this view how can it be done.. or is it at all feasible..

A genuine valid question! Yes Carousel and DisplayShelf are written with smaller dimensions. Carousel was targeting mobile profile as well, so its size was small. Also most of samples I have too didn’t have large dimensions.

So here is a sample which uses larger dimension – [800X650].

For Applet mode, click on above image

For standalone mode

It loads images from flickr. If you click on the thumbnails below, it will move to scroll to next thumbnail and zooms the image. Its very basic demo, just to demonstrate use of large images. It uses hard-coded values for coordinates and scale, so not really the best demo.

var dzone_style = ‘2’;

JavaFX – Loading Images

JavaFX provides many features which can be utilized while loading large images. Image has an attribute backgroundLoading which can be set to true, so that image loads in a background thread without freezing the UI. A placeholder image (thumbnail) can be shown using placeholder attribute. The approximate percentage of image’s loading that has been completed can be determined from progress attribute.

Now lets see how to use these attributes. In below code we have set backgroundLoading to true and specified placeholder image.

// Load specified image in background thread
var imageView = ImageView {
    image: Image {
        url: "<image url>"
        backgroundLoading: true
        placeholder: Image {
            url: "<thumbnail url>"

Now we can directly get the progress of image loading using imageView.image.progress or we can bind this value to another attribute as shown below

// Bind to Image.progress and print the progress
var progress = bind imageView.image.progress on replace {
    println("progress {progress}");

The same progress attribute can be bound to actual progress bar. In this sample we are binding this progress to width of a Rectangle. So that the width of rectangle is proportional to the progress of image loading as shown below.

Rectangle {
    x: 11
    y: (sceneHeight - 9)
    // Change width of rectangle proportional to image progress
    width: bind ((sceneWidth - 20* progress)/100.0
    height: 3
    arcWidth: 5
    arcHeight: 5
    fill: Color.RED

Launch Sample –


digg_skin = ‘compact’;
digg_window = ‘new’;

JavaFX slides shown in Flash?

There are many flash widgets which enable slide-show.
Should I use that for sharing JavaFX Sun-Tech-Day slides?
Can we use JavaFX for the same?
Here is an attempt..

For standalone mode
Now JavaFX slides are shown in JavaFX! Cool?!