test/NUITizenGallery/Examples/FlexTest/FlexTest3Page.xaml

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <ContentPage x:Class="NUITizenGallery.FlexTest3Page"
   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="FlexTest3Page"/>
  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             <FlexLayout Direction="ColumnReverse" Justification="FlexStart" Alignment="FlexEnd"/>
  21         </View.Layout>
  22
  23         <TextLabel x:Name="text1"
  24                      SizeWidth="300"
  25                      SizeHeight="40"
  26                      PointSize="8"
  27                      Text="label1"
  28                      BackgroundColor="#ff0000"
  29                      />
  30         <TextLabel x:Name="text2"
  31                      SizeWidth="300"
  32                      SizeHeight="60"
  33                      PointSize="8"
  34                      Text="label2"
  35                      BackgroundColor="#aaaaaa"
  36                      />
  37         <TextLabel x:Name="text3"
  38                      SizeWidth="300"
  39                      SizeHeight="40"
  40                      PointSize="8"
  41                      Text="label3"
  42                      BackgroundColor="#ffff00"
  43                      />
  44         <TextLabel x:Name="text4"
  45                      SizeWidth="300"
  46                      SizeHeight="80"
  47                      PointSize="8"
  48                      Text="label4"
  49                      BackgroundColor="#00aaff"
  50                      />
  51         <TextLabel x:Name="text5"
  52                      SizeWidth="300"
  53                      SizeHeight="40"
  54                      PointSize="8"
  55                      Text="label5"
  56                      BackgroundColor="#00ffff"
  57                      />
  58         </View>
  59     </ContentPage.Content>
  60 </ContentPage>