test/NUITizenGallery/Examples/CollectionViewTest/CollectionViewObservableTestPage.xaml

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <ContentPage x:Class="NUITizenGallery.CollectionViewObservableTestPage"
   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="CollectionViewObservableTestPage"/>
  11     </ContentPage.AppBar>
  12
  13     <!-- Content is main placeholder of ContentPage. Add your content into this view. -->
  14     <ContentPage.Content>
  15         <View x:Name="ContentView"
  16           WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
  17           HeightSpecification="{Static LayoutParamPolicies.MatchParent}">
  18
  19             <View.Layout>
  20                 <LinearLayout LinearOrientation="Vertical" LinearAlignment="Top" CellPadding="10,10" />
  21             </View.Layout>
  22
  23             <View x:Name="TopBox"
  24               WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
  25               HeightSpecification="100"
  26               BackgroundColor="#D3D3D3">
  27
  28                 <View.Layout>
  29                     <LinearLayout LinearOrientation="Horizontal" LinearAlignment="Center" CellPadding="30,10" />
  30                 </View.Layout>
  31
  32                 <Button x:Name="AddItem" Text="Add" WidthSpecification="200" HeightSpecification="80" Clicked="AddItemClicked"/>
  33                 <Button x:Name="RemoveItem" Text="Remove" WidthSpecification="200" HeightSpecification="80"  Clicked="RemoveItemClicked"/>
  34                 <Button x:Name="RemoveAllItems" Text="Remove All" WidthSpecification="300" HeightSpecification="80"  Clicked="RemoveAllClicked"/>
  35             </View>
  36
  37             <CollectionView x:Name="ColView"
  38               WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
  39               HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
  40               ScrollingDirection="Vertical"
  41               SelectionMode="Single">
  42
  43                 <CollectionView.ItemsLayouter>
  44                       <LinearLayouter />
  45                 </CollectionView.ItemsLayouter>
  46
  47             </CollectionView>
  48         </View>
  49     </ContentPage.Content>
  50 </ContentPage>