test/Tizen.NUI.Seamless.Xaml/NUIBrokerSample/res/layout/XamlPage.xaml

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <View x:Class="NUIBrokerSample.XamlPage"
   3   xmlns="http://tizen.org/Tizen.NUI/2018/XAML"
   4   xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
   5   xmlns:b="clr-namespace:Tizen.NUI;assembly=Tizen.NUI"
   6   xmlns:local="clr-namespace:NUIBrokerSample">
   7     <View.XamlResources>
   8         <ResourceDictionary>
   9             <x:String x:Key="bgPath">
  10                 "*Resource*/familyboard_setting_bg1.png"
  11             </x:String>
  12             <x:String x:Key="mainImage">
  13                 "*Resource*/pic_1.jpg"
  14             </x:String>
  15             <x:String x:Key="chartIcon">
  16                 "*Resource*/bar-chart-5-128.png"
  17             </x:String>
  18             <x:String x:Key="clockIcon">
  19                 "*Resource*/clock-128.png"
  20             </x:String>
  21             <x:String x:Key="playIcon">
  22                 "*Resource*/play-128.png"
  23             </x:String>
  24             <x:String x:Key="profileIcon">
  25                 "*Resource*/profile.jpg"
  26             </x:String>
  27             <x:String x:Key="addIcon">
  28                 "*Resource*/add.png"
  29             </x:String>
  30             <x:String x:Key="mainText">
  31                 "Beautiful, dreamy and dramtic&#x0a; instrumental neo classical piano scores&#x0a; from movies and tv series.&#x0a;"
  32             </x:String>
  33             <b:Color x:Key="grayColor" R="0.3" G="0.3" B="0.3" A="1.0"></b:Color>
  34             <x:String x:Key="whiteMainTextColor">
  35                 "0.95, 0.95, 0.95, 1.0"
  36             </x:String>
  37             <x:String x:Key="whiteSubTextColor">
  38                 "0.7, 0.7, 0.7, 1.0"
  39             </x:String>
  40             <Size2D x:Key="popupSize" Width="470" Height="600">
  41             </Size2D>
  42             <x:Single x:Key="point1">12.0</x:Single>
  43             <x:Single x:Key="point2">24.0</x:Single>
  44         </ResourceDictionary>
  45     </View.XamlResources>
  46
  47     <View.BindingContext>
  48         <local:MainViewModel x:Name="mainViewModel"/>
  49     </View.BindingContext>
  50
  51     <ImageView ResourceUrl="*Resource*/familyboard_setting_bg6.png"
  52                WidthResizePolicy="FillToParent"
  53                HeightResizePolicy="FillToParent"/>
  54
  55     <View x:Name="mainView"
  56           PositionUsesPivotPoint="True"
  57           ParentOrigin="TopCenter"
  58           PivotPoint="TopCenter"
  59           BackgroundColor="Black"
  60           Position2D="{Binding MainPosition}"
  61           Size2D="{StaticResource popupSize}"
  62           CornerRadius="10" >
  63
  64         <ImageView x:Name="picture"
  65                    PositionUsesPivotPoint="True"
  66                    ParentOrigin="BottomCenter"
  67                    PivotPoint="BottomCenter"
  68                    ResourceUrl="*Resource*/pic_1.jpg"
  69                    Size2D="360,360"/>
  70         <TextLabel PositionUsesPivotPoint="True"
  71                    ParentOrigin="Center"
  72                    PivotPoint="Center"
  73                    MultiLine="True"
  74                    HorizontalAlignment="Center"
  75                    TextColor="0.6, 0.6, 0.6, 1.0"
  76                    PointSize="14"
  77                    Position2D="0,-30"
  78                    WidthResizePolicy="FillToParent"
  79                    Text="{StaticResource mainText}" />
  80
  81         <TextLabel x:Name="cinematicText"
  82                    PositionUsesPivotPoint="True"
  83                    ParentOrigin="TopCenter"
  84                    PivotPoint="Center"
  85                    Text="Cinematic Piano"
  86                    HorizontalAlignment="Center"
  87                    VerticalAlignment="Top"
  88                    TextColor="0.95, 0.95, 0.95, 1.0"
  89                    PointSize="20"
  90                    Position2D="0,150"
  91                    WidthResizePolicy="FillToParent">
  92             <TextLabel.FontStyle>
  93                 <PropertyMap>
  94                     <KeyValue Key="weight" Value="bold" />
  95                 </PropertyMap>
  96             </TextLabel.FontStyle>
  97         </TextLabel>
  98
  99         <TextLabel PositionUsesPivotPoint="True"
 100                    ParentOrigin="TopCenter"
 101                    PivotPoint="Center"
 102                    Text="9,465&#x0a;"
 103                    HorizontalAlignment="Center"
 104                    VerticalAlignment="Top"
 105                    TextColor="0.3, 0.3, 0.3, 1.0"
 106                    PointSize="{StaticResource point1}"
 107                    Position2D="-35,198"
 108                    WidthResizePolicy="FillToParent"/>
 109         <ImageView ParentOrigin="TopCenter"
 110                    ResourceUrl="*Resource*/bar-chart-5-128.png"
 111                    Color="0.3, 0.3, 0.3, 1.0"
 112                    Position2D="-85,190"
 113                    Size2D="15,15"/>
 114
 115         <TextLabel PositionUsesPivotPoint="True"
 116                    ParentOrigin="TopCenter"
 117                    PivotPoint="Center"
 118                    Text="5h 35m&#x0a;"
 119                    HorizontalAlignment="Center"
 120                    VerticalAlignment="Top"
 121                    TextColor="0.3, 0.3, 0.3, 1.0"
 122                    PointSize="{StaticResource point1}"
 123                    Position2D="65,198"
 124                    WidthResizePolicy="FillToParent"/>
 125         <ImageView ParentOrigin="TopCenter"
 126                    ResourceUrl="*Resource*/clock-128.png"
 127                    Color="0.3, 0.3, 0.3, 1.0"
 128                    Position2D="10,190"
 129                    Size2D="15,15"/>
 130
 131         <View PositionUsesPivotPoint="True"
 132               ParentOrigin="BottomCenter"
 133               PivotPoint="Center"
 134               BackgroundColor="White"
 135               Position2D="0,-40"
 136               Size2D="52,52"
 137               CornerRadius="26">
 138             <ImageView PositionUsesPivotPoint="True"
 139                        ParentOrigin="Center"
 140                        PivotPoint="Center"
 141                        ResourceUrl="*Resource*/play-128.png"
 142                        Color="Black"
 143                        Size2D="20,20"/>
 144         </View>
 145     </View>
 146
 147     <View x:Name="AnimationView"
 148           Position2D="{Binding MainPosition}"
 149           Size2D="{StaticResource popupSize}"
 150           TouchEvent="OnViewTouchEvent2"
 151           PositionUsesPivotPoint="True"
 152           ParentOrigin="TopCenter"
 153           PivotPoint="TopCenter" >
 154         <View x:Name="IconView"
 155               PositionUsesPivotPoint="True"
 156               ParentOrigin="TopCenter"
 157               PivotPoint="Center"
 158               BackgroundColor="White"
 159               Position2D="-160,80"
 160               Size2D="76,76"
 161               CornerRadius="38">
 162             <View PositionUsesPivotPoint="True"
 163                   ParentOrigin="Center"
 164                   PivotPoint="Center"
 165                   BackgroundColor="Black"
 166                   Size2D="76,76"
 167                   CornerRadius="37">
 168                 <ImageView PositionUsesPivotPoint="True"
 169                            ParentOrigin="Center"
 170                            PivotPoint="Center"
 171                            ResourceUrl="*Resource*/profile.jpg"
 172                            Size2D="62,62"
 173                            CornerRadius="31"/>
 174             </View>
 175         </View>
 176
 177         <TextLabel x:Name="MainProfileText"
 178                    Text="PIANO DAILY"
 179                    PositionUsesPivotPoint="True"
 180                    ParentOrigin="TopCenter"
 181                    PivotPoint="Center"
 182                    HorizontalAlignment="Center"
 183                    VerticalAlignment="Top"
 184                    TextColor="0.95,0.95,0.95,1.0"
 185                    PointSize="{StaticResource point1}"
 186                    Position2D="0,60"
 187                    WidthResizePolicy="FillToParent">
 188             <TextLabel.FontStyle>
 189                 <PropertyMap>
 190                     <KeyValue Key="weight" Value="bold" />
 191                 </PropertyMap>
 192             </TextLabel.FontStyle>
 193         </TextLabel>
 194         <TextLabel Text="July 2020"
 195                    PositionUsesPivotPoint="True"
 196                    ParentOrigin="TopCenter"
 197                    PivotPoint="Center"
 198                    HorizontalAlignment="Center"
 199                    VerticalAlignment="Top"
 200                    TextColor="0.70,0.70,0.70,1.0"
 201                    PointSize="{StaticResource point1}"
 202                    Position2D="0,90"
 203                    WidthResizePolicy="FillToParent"/>
 204         <View x:Name="AddView"
 205               PositionUsesPivotPoint="True"
 206               ParentOrigin="TopCenter"
 207               PivotPoint="Center"
 208               BackgroundColor="White"
 209               Position2D="160, 80"
 210               Size2D="60, 60"
 211               CornerRadius="30">
 212             <ImageView PositionUsesPivotPoint="True"
 213                        ParentOrigin="Center"
 214                        PivotPoint="Center"
 215                        ResourceUrl="*Resource*/add.png"
 216                        Size2D="15, 15"/>
 217         </View>
 218     </View>
 219
 220 </View>