Animated Photo Gallery

Animated Photo Gallery

Download PDF

Animated Photo Gallery

A photo gallery with flipping transitions. Animated images is for any media containing a rapid display of a sequence of images.


With Configure.IT, you can have these effects with easy drag and drop control. This control creates a responsive image grid that will switch images using different animations and timings. You can have all your requirements configured in here and give that perfect execution!

    Keywords:
  • animated photo effects
  • animated photo editor
  • moving photo frame
  • photo maker
  • photo gallery

Properties

  • CIT Custom Properties
    PARAMETER
    DESCRIPTION
    Cell View Id

    This property is for setting identifier of View to be shown as Cells for Animated Photo Gallery control.

    Animation Type

    This property is for setting 'Animation Type' for showing cells in 'Animated Photo Gallery' control.

    Should Repeat Items In Animation

    This property is for enabling repetition of tiles during slide show. It works only if "Enable Slide Show" property is enabled.

    Enable Slide Show

    This property is for enabling slide show of tile in photo gallery.

    Space Between Items

    This property is for setting spacing between two cells.

    Slide Show Time Interval

    This property sets time interval in seconds between showing consecutive tiles during slide show. It works only if "Enable Slide Show" property is enabled.

    Enable Paging

    This property enables paging of tiles in photo gallery. If this property is enabled, the gallery stops on appropriate item based scroll amount, placing that item in centre of the gallery.

    Empty Data Representation View Id
    This property is for setting "Object ID" of control which has to be shown when there is no data available to show in Table View,Grid View,Animated Photo Gallery Detail controls.
  • Custom Border
    PARAMETER
    DESCRIPTION
    Border Width

    Sets border width for a Animated Photo Gallery.

    Border Corner Radius

    Sets radius with which control's rounded corners should be drawn. Setting this property will enable control appear with rounded corners.

    Border Color

    Sets the border color for a control. Works only if "Border Width" property is set to a value more than 0. Default would be black color.

    Dash Width For Dashed Border

    Sets width of each dash in dashed border pattern for a Animated Photo Gallery.

    Space Between Dashes For Dashed Border

    Helps set the spacing between Dashes for Dashed Border.

    Transform Angle

    Sets angle in degrees to which the Animated Photo Gallery which is in its normal state, has to be rotated. Possible values for this property are -360 to 360.

  • Display
    PARAMETER
    DESCRIPTION
    User Interaction Enabled

    Enables the Interaction with user, i.e. control responds when user taps on it.

    Alpha

    Used to set the transparency to the object which ranges from 0 to 1.

    Background Color

    Used to set the background color to the Animated Photo Gallery button.

  • Object
    PARAMETER
    DESCRIPTION
    Xpos

    Sets the X position of the Animated Photo Gallery.

    YPos

    Sets the Y position of the Animated Photo Gallery.

    Width

    Sets the width of the Animated Photo Gallery.

    Height

    Sets the height of the Animated Photo Gallery.

    Object ID

    Sets unique identifier for the control. Control can be referenced with name set in this property for configuration.

    Object Parent ID

    Set "Object ID" of Animated Photo Gallery which contains this control or can serve as parent.

    Key Name To Data

    Sets the web service key from data received from web server, which corresponds to the value to be displayed on the control.

    Key To DataSource

    Sets “key name to datasource” for a particular part of datasource as Animated Photo Gallery datasource.

  • Vertical
    PARAMETER
    DESCRIPTION
    Vertical Group

    Group of vertical android default properties.

    Reference Type

    These are the android default properties to set selected view with respect of other view.

    Reference Value

    Reference object that is used for positioning selected object.

    Offset Type

    marginTop : Specifies extra space on the top side of this view. This space is outside this view's bounds.
    marginBottom : Specifies extra space on the bottom side of this view. This space is outside this view's bounds.

    Offset Value

    Value defines the extra space value in pixel.

    Center Vertical

    This property centers the child vertically with respect to the bounds of its Animated Photo Gallery.

    Apply Vertical Custom Properties

    If any of the vertical layout setting parameter(s) are selected then this value is selected to indicate user applied vertical custom layout setting parameter(s).

  • Horizontal
    PARAMETER
    DESCRIPTION
    Horizontal Group

    Group of horizontal android default properties.

    Reference Type

    Reference type is the the default property to set selected view with respect to other view.

    Reference Value

    Reference object that is used for positioning selected object.

    Offset Type

    marginLeft : Specifies extra space on the left side of this view. This space is outside this view's bounds.
    marginRight : Specifies extra space on the right side of this view. This space is outside this view's bounds.

    Offset Value

    Offset Value defines the extra space value in the pixel.

    Center Horizontal

    This property centers the child horizontally with respect to the bounds of its parent view.

    Apply Horizontal Custom Properties

    If any of the horizontal layout setting parameter(s) are selected then this value is selected to indicate user applied horizontal custom layout setting parameter(s).

  • Layout Setting
    PARAMETER
    DESCRIPTION
    Top

    For instance, a Top value of 2 will push the view's content by 2 pixels to the bottom of the top edge.

    Bottom

    For instance, a Bottom value of 2 will push the view's content by 2 pixels to the top of the bottom edge.

    Center In Parent

    This property centers the child vertically with respect to the bounds of its parent view.

    Apply Custom Properties

    If any of the layout setting parameter(s) are selected then this value is selected to indicate user applied custom layout setting parameter(s).

    Default Min Height

    The height of the view cannot be less than the given value.
    If user select “Default Min Height” then android default value is taken otherwise it takes 0dp.

    Default Min Width

    The width of the view cannot be less than the given value.
    If user select “Default Min Width” then android default value is taken otherwise it takes 0dp.

    Right

    For instance, a Right value of 2 will push the view's content by 2 pixels to the left of the right edge.

    Left

    The padding is expressed in pixels for the left, top, right and bottom parts of the view. Padding can be used to offset the content of the view by a specific amount of pixels.


    For instance, a Left value of 2 will push the view's content by 2 pixels to the right of the left edge.

    Horizontal

    Group of horizontal android default properties.

    Layout Width

    Sets the width of the view
    match_parent/fill_parent : Takes the width as its parent view
    wrap_content : Takes the width as its content’s width

    Layout Height

    Sets the height of the view
    match_parent/fill_parent : Takes the height as its parent view
    wrap_content : Takes the height as its content’s height

  • Display/AdvanceText
    PARAMETER
    DESCRIPTION
    Hide

    Hiding an element can be done by checking ‘Hide’. This property lets you hide the control.


    Advance - Sets auto resizing with respect to superview, for Animated Photo Gallery.

  • Advanced
    PARAMETER
    DESCRIPTION
    Clips Subviews

    A Boolean value that determines whether subviews are confined to the bounds of the control.

  • Hidden
    PARAMETER
    DESCRIPTION

Actions

  • Load

    This event is triggered on load of a control. Further, the desired Action can be defined as per the requirement.

  • Table Select Row

    This event is triggered when a row on Animated Photo Gallery Detail is tapped. Any action to be defined when row is tapped can be configured in "Table Select Row" event listed in "ACTION(S)" tab.

  • Animation Completed

    This event will be triggered on completion of animation, which was initiated using either "Add Animation" or "Remove Animation" action, so any actions you want perform on animation completion can be configured in "Animation Completed" event listed in ”ACTION(S)” tab of control on which you configured “Add Animation” or "Remove Animation" action.

Remarks

  • Animation Type

    This property is for setting 'Animation Type' for showing cells in 'Animated Photo Gallery Detail' control.
    You can select from the following options :-
    1) Linear
    2) Rotary
    3) Inverted Rotary
    4) Cylinder
    5) Inverted Cylinder
    6) Wheel
    7) Inverted Wheel
    8) Cover Flow
    9) Cover Flow2
    10) Time Machine
    11) Inverted Time Machine
    12) Custom

  • Should Repeat Items In Animation

    Should repeat items in animation is for enabling infinite scrolling of items in gallery. If you enable this property, first item of the gallery will be followed by last item on further scrolling and items will be repeated in order. If this property is disabled after scrolling to the last item of the gallery you need to scrolling back to first items in order to view items again.

  • Slide Show

    Configure.IT provides a feature to enable slide show on photo gallery. You can avail this feature by using “Enable Slide Show” and “Slide Show Time Interval” properties.