Navigation Bar

Navigation Bar

Download PDF

Navigation Bar

Navigation bar allows you to present your app’s content in an organized and intuitive way. A navigation bar, displayed at the top of the screen contains buttons for navigating through a hierarchy of screens. This bar generally has a back button, a title, and a right button. The most common way to use a navigation bar is with a navigation controller. You can also use a navigation bar as a standalone object in your app.


Configure.IT provides you two buttons and a label in the Navigation Bar, as a default characteristic. Navigation Bar is a bar that is typically set at the top of the screen, containing buttons for navigating within a hierarchy of screens. The primary properties are left/back button, center title and an optional right button.

    Keywords:
  • navigation drawer
  • navigation
  • navigator
  • default top panel

Properties

  • Display
    PARAMETER
    DESCRIPTION
    Content Mode

    Provides layout behavior for the view's content, and also affects how the content is scaled to fit the view and whether it is cached or redrawn.

    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 Navigation bar which ranges from 0 to 1.

    Background Color

    Used to set the background color to the Navigation bar.

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

  • Object
    PARAMETER
    DESCRIPTION
    YPos

    Sets the Y position of the Navigation Bar.

    Width

    Sets the width of the Navigation Bar.

    Height

    Sets the height of the Navigation Bar.

    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 Navigation Bar which contains this control or can serve as parent.

  • Layout Setting
    PARAMETER
    DESCRIPTION
    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).

    Bottom

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

    Top

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


     

    Center In Parent

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

    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

    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.

    Vertical

    Group of vertical android default properties.

    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

  • 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 Navigation Bar.

  • Advanced
    PARAMETER
    DESCRIPTION
    Opaque

    A Boolean value that determines whether the navigation bar is opaque. Check the property ‘Opaque’ to add the effect.

    Clips Subviews

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

Remarks

  • Back Button

    When you drag and drop Navigation Bar control on your screen, you will find two buttons added to it - one on left and another on right side of the control. You need to configure “Back” action on “Click” event of left button. Note - It is Android specific.