View

View provides the skeletal framework on which you build your apps. The View class defines a rectangular area on the screen and the interfaces, for managing the content in that area. At runtime, a view object handles the rendering of any content in its area and also handles any interactions with that content.
The View class itself provides basic behavior for filling its rectangular area with a background color. More sophisticated content can be presented by subclassing and implementing the necessary drawing and event-handling code yourself.Because view objects are the main way your application interacts with the user, they have a number of responsibilities.


Configure.IT provides you this control as a prime closet that can encompass any control within.
The View control defines a rectangular area on the screen and the interfaces for managing the content the content that in area.

    Keywords:
  • view controller
  • view composer
  • grouping
  • grouping view
  • view group

Properties

  • Object
    PARAMETER
    DESCRIPTION
    Xpos

    Sets the X position of the View.

    YPos

    Sets the Y position of the View.

    Width

    Sets the width of the View.

    Height

    Set the height of the view.

    Object ID

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

    Object Parent ID

    Set "Object ID" of View which contains this control or can serve as parent.

    Key Name To Data

    Sets the local JSON file name from which View's data has to be loaded.

    Key To DataSource

    Sets “key name to datasource” for a particular part of datasource.

  • CIT Custom Properties
    PARAMETER
    DESCRIPTION
    Enable Vertical Navigation

    Enables navigating vertically on View, i.e makes text scroll across the screen.

    Header View Id

    Sets "Object ID" of View that should be shown as header, when view is scrolled downwards. Works only if "Enable Vertical Navigation" property is enabled.

    Footer View Id

    Sets "Object ID" of View that should be shown as footer, when view is scrolled upwards. Works only if "Enable Vertical Navigation" property is enabled.

    Header Animating Image Identifier

    Sets "Object ID" of Image View control, that should rotate when view is scrolled downwards. Object set in this property should be a subview of header view, set in "Header View Id" property. Works only if "Enable Vertical Navigation" property is enabled.

    Footer Animating Image Identifier

    Sets "Object ID" of Image View control that should rotate when view is scrolled upwards. Object set in this property should be a subview of footer view, set in "Footer View Id" property. Works only if "Enable Vertical Navigation" property is enabled.

  • Custom Border
    PARAMETER
    DESCRIPTION
    Transform Angle

    Sets angle in degrees to which control in its normal state has to be rotated. Possible values for this property are -360 to 360.

    Border Width

    Sets border width for a View.

    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 control.

    Space Between Dashes For Dashed Border

    Helps set the spacing between Dashes for Dashed Border.

  • 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 view.

  • Display
    PARAMETER
    DESCRIPTION
    User Interaction Enabled

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

    Highlighted Color
    The highlight color applied to the text.
    Alpha

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

    Background Color

    Used to set the background color to the View.

    Tint Color

    It is used to visually indicate which controls on the View are active or have an action associated with them.

    Background Image
    Set the image to the Object in Default State
    Highlighted View Image
    Set the image to the Object in Main Highlighted State
  • Advanced
    PARAMETER
    DESCRIPTION
    Clips Subviews

    A Boolean value that determines whether subviews are confined to the bounds of the view. Setting this value to YES causes subviews to be clipped to the bounds of the view. If set to NO, subviews whose frames extend beyond the visible bounds of the view are not clipped. The default value is NO.

  • Layout Setting
    PARAMETER
    DESCRIPTION
    Vertical

    Group of vertical android default properties.

    Horizontal

    Group of horizontal android default properties.

    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.

    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.

    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).

    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

    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

    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.

    Right

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

    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.

  • 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 define the extra space value in pixel.

    Center Vertical

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

    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).

Actions

  • Load

    This event is triggered on load of View. Hence, any actions you want to perform when View loads like API Call to load data to be shown on View can be configured in "LOAD" event listed under ”ACTION(S) tab of the View control.

  • Single Finger Single Tap

    Fired when View is tapped once with a single finger.

  • Alert Button Click

    This event is triggered when user taps a button on alert view, which was shown using “Show Alert” action, so any actions you want perform when alert button button is tapped can be configured in “Alert Button Click” event listed in ”ACTION(S)” tab of the control on which you have configured “Show Alert” action or Under Data source events of "Data sources" tab (if alert was shown on using “Show Alert” action configured in "Datasource Loaded" event of a data source in "Data Sources" list, you can configure actions of alert button click in "Alert Button Click" listed under data source events). “seletedButtonIndex” and "selectedButtonTitle" are the response parameters which indicate which button is tapped by user. Add condition for checking value of “seletedButtonIndex” or "selectedButtonTitle" response parameter value in order to configure actions for each button of alert view separately. You can access user input in alert view text fields using "alert_text_1" and "alert_text_2" response parameters in case of alert type is "SecureTextInput", "PlainTextInput" or "LoginAndPasswordInput"

    Following are the response parameters for this event :-

    1) selectedButtonIndex :- Index of the tapped button

    2) selectedButtonTitle :- Title of the tapped button

    3) alert_text_1 :- Text entered by user in text field one. If alert type is
    "SecureTextInput", "PlainTextInput" or "LoginAndPasswordInput"

    4) alert_text_2 :- Text entered by user in text field two(password). If alert type is
    "LoginAndPasswordInput"

  • On Single Finger Long Press

    Fired when there is an elongated press on View with single finger.

  • Sharing Done

    This event is triggered when social media sharing action is completed. Sharing action is initiated using Facebook, Twitter, Google+, LINKED_IN, INSTAGRAM or Open Share Activity(Google+ share) actions. On Sharing success or failure “Sharing Done” event will be triggered, so any actions you want perform on success or failure, can be configured in “Sharing Done” event listed in ”ACTION(S)” tab of the control on which you have configured "Facebook", "Twitter", "Google+", "LINKED_IN", "INSTAGRAM" or "Open Share Activity" actions. “success” is the response parameter of “Sharing Done” which indicates success or failure of sharing action. “success” value would be “1” on successful sharing and “0” on failure, add condition for checking “success” parameter value in order to configure actions for success and failure of sharing separately.

  • Barcode Success

    This event is triggered on successful bar code scanning, which was initiated either using "Bar Code Button" control or "barcode" action, so any actions you want perform on successful scanning can be configured in "Barcode Success" event listed in ”ACTION(S)” tab of "Bar Code Button" control or other control on which you have configured “barcode” action.
    Scan results can be retrieved as response parameters of this event. Following are the response parameters:-
    BarCodeImage
    BarCodeText

  • On Single Finger Swipe Down

    Fired when View is swiped down with single finger.

  • Animation Completed

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

  • Barcode Cancel

    This event will be triggered if user cancels the scanning process, which was initiated either using "Bar Code Button" control or "barcode" action, so any actions you want perform on cancel can be configured in "Barcode Cancel" event listed in ”ACTION(S)” tab of "Bar Code Button" control or other control on which you configured “barcode” action.

  • On Single Finger Swipe Left

    Fired when View is swiped left with single finger.

  • On Single Finger Swipe Right

    Fired when View is swiped right with single finger.

  • On Single Finger Swipe Up

    Fired when View is swiped up with single finger.

  • Single Finger Double Tap

    Fired when View is tapped twice with a single finger.

  • Single Finger Triple Tap

    Fired when View is tapped thrice with a single finger.

  • On Double Finger Long Press

    Fired when there is an elongated press on View with two fingers.

  • Timer Fired

    This event is is triggered when timer(which was started using "Set Timer" action) is fired. Any actions you want perform on timer fired event can be configured in "Timer Fired" event listed under "ACTION(S) tab of the control on which you have configured "Set Timer" action.

  • On Double Finger Swipe Down

    Fired when View is swiped down with two fingers.

  • On Double Finger Swipe Left

    Fired when View is swiped left with two fingers.

  • On Double Finger Swipe Right

    Fired when View is swiped right with two fingers.

  • On Double Finger Swipe Up

    Fired when View is swiped up with two fingers.

  • On Double Finger Pan

    Fired when View is panned (sweeped) with two fingers.

  • Double Finger Double Tap

    Fired when View is tapped twice with two fingers.

  • Double Finger Single Tap

    Fired when View is tapped once with two fingers.

  • Double Finger Triple Tap

    Fired when View is tapped thrice with two fingers.

Remarks

  • Animation

    You can animate view using “Add Animation” action. After animation completes, “Animation Completed” event will be triggered, where you can configure actions you want to perform after completion.

  • Gestures

    You can implement gesture recognizer actions for view by configuring gesture related triggers such as, Single Finger Single Tap, Double Finger Single Tap, On Single Finger Swipe Left, etc.