Category/Album Function

Category/Album function release the power for multiple galleries/slideshows.

Watch demo video here:

Using category/album is just as easy as with some lines of xml setting:

a) The album xml

The album’s xml is not mixed up with each gallery/slideshow’s xml, it’s an individual xml, the tag is easy to be understood, quite self-explaining:

<root>
<global>

<!–album unit layout setting for ipad–>

<!–album icon unit width&height–>
<unit_width>160</unit_width>
<unit_height>200</unit_height>
<!–the gap width and height between album icon image–>
<unit_between_width>40</unit_between_width>
<unit_between_height>30</unit_between_height>
<!–the offset x, y with top-left corner–>
<unit_start_off_x>20</unit_start_off_x>
<unit_start_off_y>20</unit_start_off_y>
<!–the white border size for the image icon–>
<border_width>6</border_width>
<border_height>6</border_height>
<!–the font size for the album title–>
<font_size>20</font_size>

 

<!–album unit layout setting for iphone–>

<unit_width_iphone>80</unit_width_iphone>
<unit_height_iphone>100</unit_height_iphone>
<unit_between_width_iphone>40</unit_between_width_iphone>
<unit_between_height_iphone>30</unit_between_height_iphone>
<unit_start_off_x_iphone>10</unit_start_off_x_iphone>
<unit_start_off_y_iphone>10</unit_start_off_y_iphone>
<border_width_iphone>3</border_width_iphone>
<border_height_iphone>3</border_height_iphone>
<font_size_iphone>16</font_size_iphone>
</global>

 

<!–each album’s setting:icon, slideshow xml path(web path supported), title–>

<album>
<album_icon>s1.jpg</album_icon>
<album_path>config_photo.xml</album_path>
<album_name><![CDATA[default demo]]></album_name>
</album>
<album>
<album_icon>s2.jpg</album_icon>
<album_path>multiple_layer.xml</album_path>
<album_name><![CDATA[multiple layer demo]]></album_name>
</album>
<album>
<album_icon>s3.jpg</album_icon>
<album_path>http://www.yourdomain.com/config_photo.xml</album_path>
<album_name><![CDATA[web demo]]></album_name>
</album>
</root>

The category page will auto adjust the album icon’s position (both for portrait&landscape view), no need the setting for the column and row number.

b) Link with album xml

For the xml setting with each slideshow/gallery, there is <album> tag in global setting:

<!–the album path(web path supported)–>
<album>album.xml</album>

This means for each slideshow/gallery, they can link with same or different album in a flexible way.

If you no need the album function, just leave it blank, like this:

<album></album>
This entry was posted in Documents - Dolphin App Template. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>