test/NUITizenGallery/Examples/BindingTest/BindingTest2Page.xaml

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <ContentPage x:Class="NUITizenGallery.BindingTest2Page"
   3   xmlns="http://tizen.org/Tizen.NUI/2018/XAML"
   4   xmlns:vm="clr-namespace:NUITizenGallery.ViewModels"
   5   xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
   6   WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
   7   HeightSpecification="{Static LayoutParamPolicies.MatchParent}">
   8
   9     <!-- AppBar is top-side bar with navigation content, title, and action. If you not set any contents, back button is automatically added. -->
  10     <ContentPage.AppBar>
  11         <AppBar x:Name="appBar" Title="BindingTest2Page"/>
  12     </ContentPage.AppBar>
  13
  14     <!-- Content is main placeholder of ContentPage. Add your content into this view. -->
  15     <ContentPage.Content>
  16         <View x:Name="ContentView"
  17           WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
  18           HeightSpecification="{Static LayoutParamPolicies.MatchParent}">
  19
  20             <!-- Bind SourceData to BindingContext of this View. -->
  21             <View.BindingContext>
  22                 <vm:BindingTest2ViewModel x:Name="context"/>
  23             </View.BindingContext>
  24
  25             <View.Layout>
  26                 <LinearLayout LinearOrientation="Vertical" CellPadding="10,10" LinearAlignment="CenterHorizontal"/>
  27             </View.Layout>
  28
  29             <TextLabel BindingContext="{Binding Source={x:Reference context}"
  30                        WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
  31                        HorizontalAlignment="Center"
  32                        MultiLine="True"
  33                        Text="{Binding BoxSizeText}"/>
  34
  35             <Slider BindingContext="{Binding Source={x:Reference context}}"
  36                     WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
  37                     MinValue="0"
  38                     MaxValue="300"
  39                     CurrentValue="{Binding BoxSize}"/>
  40
  41             <View BindingContext="{Binding Source={x:Reference context}}"
  42                   BackgroundColor="Red"
  43                   SizeWidth="{Binding BoxSize}"
  44                   SizeHeight="{Binding BoxSize}"/>
  45
  46             <View BindingContext="{Binding Source={x:Reference context}}"
  47                   BackgroundColor="Blue"
  48                   SizeWidth="{Binding BoxSize}"
  49                   SizeHeight="{Binding BoxSize}"/>
  50         </View>
  51     </ContentPage.Content>
  52
  53 </ContentPage>