ContentPage

Overview

Tizen.NUI.Components.ContentPage class helps to organize a formatted full screen page. ContentPage is composed of AppBar and Content properties.

AppBar property indicates the region to show the title of ContentPage. Tizen.NUI.Components.AppBar class instance is set to AppBar property to show a back button (NavigationContent), title (Title), and action buttons (Actions).

Content property indicates the region to show the main content of the screen. A View with objects which organizes the main content of the screen is set to Content property.

ContentPageExample

Example code

The following example shows how to create a ContentPage:


                
C#

                

                    
Copy

                    

                

            
ContentPage contentPage = new ContentPage
{
    AppBar = new AppBar()
    {
        Title = "Title",
    },
    Content = new TextLabel()
    {
        Text = "This is the content of the page.",
        WidthSpecification = LayoutParamPolicied.MatchParent,
        HeightSpecification = LayoutParamPolicied.MatchParent,
        HorizontalAlignment = HorizontalAlignment.Center,
        VerticalAlignment = VerticalAlignment.Center,
    },
};

// Pushes the ContentPage to the default Navigator.
NUIApplication.GetDefaultWindow().GetDefaultNavigator().Push(contentPage);
You can scroll this table.
 

                
dust

                

                    
Copy

                    

                

            
<?xml version="1.0" encoding="UTF-8"?>
<ContentPage x:Class="MyContentPage"
    xmlns="http://tizen.org/Tizen.NUI/2018/XAML"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    <ContentPage.AppBar>
        <AppBar Title="Title"/>
    </ContentPage.AppBar>

    <ContentPage.Content>
        <TextLabel
            Text="This is the content of the page."
            WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
            HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"/>
    </ContentPage.Content>
</ContentPage>

<!-- Needs to push the ContentPage to the default Navigator in .cs file. -->
You can scroll this table.
  • Dependencies
    • Tizen 6.5 and Higher
navigation screen AppBar NavigationContent Title Actions Page ContentPage Content Navigator
Page Navigation
Next DialogPage
Submit your feedback to GitHub