test/NUITizenGallery/Examples/CollectionViewTest/AnimalListPage.xaml

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <ContentPage x:Class="NUITizenGallery.AnimalListPage"
   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="AnimalListPage"/>
  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             <CollectionView x:Name="ColView"
  24               WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
  25               HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
  26               ScrollingDirection="Vertical"
  27               ItemsSource="{Binding Source}"
  28               HideScrollbar="true"
  29               SelectionMode="None">
  30
  31                 <CollectionView.ItemsLayouter>
  32                       <LinearLayouter />
  33                 </CollectionView.ItemsLayouter>
  34                 <CollectionView.ItemTemplate>
  35                       <DataTemplate>
  36                             <DefaultLinearItem
  37                                 WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
  38                                 Text="{Binding Path=Name}"
  39                                 SubText="{Binding Path=ScientificName}">
  40                                 <DefaultLinearItem.Icon>
  41                                     <ImageView
  42                                         WidthSpecification="70"
  43                                         HeightSpecification="50"
  44                                         ResourceUrl="{Binding Path=ImagePath}" />
  45                                 </DefaultLinearItem.Icon>
  46                                 <DefaultLinearItem.Extra>
  47                                     <CheckBox />
  48                                 </DefaultLinearItem.Extra>
  49                             </DefaultLinearItem>
  50                       </DataTemplate>
  51                 </CollectionView.ItemTemplate>
  52
  53
  54             </CollectionView>
  55         </View>
  56     </ContentPage.Content>
  57 </ContentPage>