[NUI] Add TabItem to support TabView in xaml
[platform/core/csapi/tizenfx.git] / test / NUITizenGallery / Examples / TabViewTest / TabViewWithIconOnlyTestPage.xaml
1 <?xml version="1.0" encoding="UTF-8" ?>
2 <ContentPage x:Class="NUITizenGallery.TabViewWithIconOnlyTestPage"
3   xmlns="http://tizen.org/Tizen.NUI/2018/XAML"
4   xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
5   WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
6   HeightSpecification="{Static LayoutParamPolicies.MatchParent}">
7
8     <!-- AppBar is top-side bar with navigation content, title, and action. If you not set any contents, back button is automatically added. -->
9     <ContentPage.AppBar>
10         <AppBar x:Name="appBar" Title="TabViewWithIconOnlyTestPage"/>
11     </ContentPage.AppBar>
12
13     <!-- Content is main placeholder of ContentPage. Add your content into this view. -->
14     <ContentPage.Content>
15         <TabView x:Name="tabView"
16             WidthSpecification="{Static LayoutParamPolicies.MatchParent}">
17             <TabItem IconURL="res/home.png">
18                 <TabItem.Content>
19                     <View WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
20                         HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
21                         BackgroundColor="Red">
22                         <View.Layout>
23                             <LinearLayout LinearOrientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center" CellPadding="0,20"/>
24                         </View.Layout>
25
26                         <Button Text="Add Tab" BackgroundColor="Magenta" Clicked="AddTabClickedCb" />
27                         <Button Text="Remove Tab" BackgroundColor="Magenta" Clicked="RemoveTabClickedCb"/>
28                     </View>
29                 </TabItem.Content>
30             </TabItem>
31
32             <TabItem IconURL="res/home.png">
33                 <TabItem.Content>
34                     <View WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
35                         HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
36                         BackgroundColor="Blue">
37                         <View.Layout>
38                             <LinearLayout LinearOrientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center" CellPadding="0,20"/>
39                         </View.Layout>
40
41                         <Button Text="Add Tab" BackgroundColor="Cyan" Clicked="AddTabClickedCb"/>
42                         <Button Text="Remove Tab" BackgroundColor="Cyan" Clicked="RemoveTabClickedCb"/>
43                     </View>
44                 </TabItem.Content>
45             </TabItem>
46         </TabView>
47     </ContentPage.Content>
48
49 </ContentPage>