Guest User

Fuse Element Issue

a guest
Apr 1st, 2016
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 4.95 KB | None | 0 0
  1. <DirNavPage ux:Name="TabConfig" Color="#F8F8F8">
  2.     <ActivatingAnimation>
  3.         <Set Target="TWTabBar.Visibility" Value="Visible"/>
  4.     </ActivatingAnimation>
  5.  
  6.  
  7.     <!-- Tab Button Definition -->
  8.     <ToggleControl ux:Class="SideTab" ux:Name="_thisButtonIcon" Margin="0, 6, 0, 6" IconResc="{Resource DeleteIcon}" MinWidth="44" MinHeight="44" Value="false">
  9.         <string ux:Property="IconResc" />
  10.         <Icon Value="{Property _thisButtonIcon.IconResc}" FontSize="24" Alignment="Center" TextColor="{Resource branco}" ux:Name="_thisIcon"/>
  11.         <Circle Color="{Resource azul00}" Layer="Background" MaxWidth="44" MaxHeight="44" ux:Name="_backgroundCircle"/>
  12.         <Clicked>
  13.             <Scale Target="_thisIcon" Factor="0.9" Duration="0" DurationBack="0.3" EasingBack="CubicIn" />
  14.             <Toggle Target="_thisButtonIcon" />
  15.         </Clicked>
  16.  
  17.         <WhileTrue>
  18.             <Change Target="_backgroundCircle.Color" Value="{Resource azul02}" Duration="0" DurationBack="0.3" EasingBack="CubicIn" />
  19.         </WhileTrue>
  20.     </ToggleControl>
  21.  
  22.     <Grid Rows="50, 1*" ColumnCount="1">
  23.         <NavBar Row="0">
  24.             <TituloPagina Value="Configurações" Alignment="Center"/>
  25.         </NavBar>
  26.  
  27.         <ScrollView Height="100%" Row="1" Alignment="TopCenter">
  28.             <Grid Columns="50, 1*" RowCount="1" Height="100%" Width="720" Alignment="TopCenter" ClipToBounds="false">
  29.                 <StackPanel Width="50" Margin="0, 0, 6, 0">
  30.                     <SideTab IconResc="{Resource UsersIcon}" Value="true"/>
  31.                     <SideTab IconResc="{Resource CloudIcon}" Opacity="0.4" HitTestMode="None"/>
  32.                     <SideTab IconResc="{Resource WarningIcon}" Opacity="0.4" HitTestMode="None"/>
  33.                 </StackPanel>
  34.  
  35.                 <DockPanel Width="650" Color="#FCFCFC" ClipToBounds="false" Height="100%">
  36.                     <DropShadow Angle="90" Spread="0.2" Distance="3" Size="10" Color="#0004" />
  37.                     <StackPanel Padding="12, 0, 12, 12" Width="100%" Alignment="Top">
  38.                         <Text ux:Class="SubTitle" Value="CONFIGURAÇÕES" Margin="0, 6, 0, 12" FontSize="12" TextColor="{Resource cinza10}" />
  39.                         <Panel ux:Class="SmallBlock" Padding="0,6,0,6" Margin="0, 6, 0, 0"/>
  40.                         <Panel ux:Class="Divisor" Height="20" />
  41.  
  42.                         <Divisor />
  43.                         <SubTitle Value="DADOS" />
  44.                         <TWRegua />
  45.                         <Divisor />
  46.                         <TextInput ux:Class="FormField" PlaceholderColor="{Resource cinza30}" Alignment="Left" Width="100%"/>
  47.                         <FormField PlaceholderText="Nome" />
  48.                         <FormField PlaceholderText="Apelido" />
  49.  
  50.                         <Divisor />
  51.                         <SubTitle Value="CONFIGURAÇÕES" />
  52.                         <TWRegua />
  53.                         <SmallBlock>
  54.                             <Text Value="Sincronizar Automaticamente" Alignment="CenterLeft" Opacity="0.5"/>
  55.                             <SelectToggle Alignment="CenterRight" Value="true" HitTestMode="None" Opacity="0.5"/>
  56.                         </SmallBlock>
  57.                         <SmallBlock>
  58.                             <Text Value="Sincronizar ao abrir o aplicativo" Alignment="CenterLeft"/>
  59.                             <SelectToggle Alignment="CenterRight" Value="true"/>
  60.                         </SmallBlock>
  61.  
  62.                         <SmallBlock>
  63.                             <Text Value="Tema" Alignment="CenterLeft"/>
  64.                             <Panel Alignment="CenterRight">
  65.                                 <Circle ux:InnerClass="ColorCircle" Width="38" Height="38" isActive="false" ux:Name="_thisColorCircle" Margin="12,0,0,0" themeState="Color1">
  66.                                     <bool ux:Property="isActive" />
  67.                                     <State ux:Property="themeState" />
  68.  
  69.                                     <WhileTrue Value="{Property _thisColorCircle.isActive}">
  70.                                         <Circle Color="{Property _thisColorCircle.Color}">
  71.                                             <Stroke Width="3" Color="#FFF" />
  72.                                             <DropShadow Angle="0" Spread="0.1" Distance="0" Size="4" Color="#0004" />
  73.                                         </Circle>
  74.                                     </WhileTrue>
  75.                                    
  76.                                     <WhileFalse Value="{Property _thisColorCircle.isActive}">
  77.                                         <Circle Color="{Property _thisColorCircle.Color}"/>
  78.                                         <Change Target="_thisColorCircle.Opacity" Value="0.5" Duration="0.5" />
  79.                                     </WhileFalse>
  80.                                    
  81.                                     <Clicked>
  82.                                         <Set Target="stTheme.Active" Value="{Property _thisColorCircle.themeState}" />
  83.                                     </Clicked>
  84.                                 </Circle>
  85.                                
  86.                                 <StackLayout Orientation="Horizontal" />
  87.                                 <ColorCircle Color="{Resource oceano00}" ux:Name="btColor1" themeState="Color1"/>
  88.                                 <ColorCircle Color="{Resource dourado00}" ux:Name="btColor2" themeState="Color2"/>
  89.                                 <ColorCircle Color="{Resource vermelho00}" ux:Name="btColor3" themeState="Color3"/>
  90.                                 <ColorCircle Color="{Resource roxo00}" ux:Name="btColor4" themeState="Color4"/>
  91.                                
  92.                                 <StateGroup ux:Name="stTheme" Active="Color1" Transition="Exclusive">
  93.                                     <State ux:Name="Color1">
  94.                                         <Change Target="btColor1.isActive" Value="true" />
  95.                                     </State>
  96.                                     <State ux:Name="Color2">
  97.                                         <Change Target="btColor2.isActive" Value="true" />
  98.                                     </State>
  99.                                     <State ux:Name="Color3">
  100.                                         <Change Target="btColor3.isActive" Value="true" />
  101.                                     </State>
  102.                                     <State ux:Name="Color4">
  103.                                         <Change Target="btColor4.isActive" Value="true" />
  104.                                     </State>
  105.                                 </StateGroup>
  106.                                
  107.                             </Panel>
  108.                         </SmallBlock>
  109.                     </StackPanel>
  110.                 </DockPanel>
  111.             </Grid>
  112.         </ScrollView>
  113.     </Grid>
  114. </DirNavPage>
Advertisement
Add Comment
Please, Sign In to add comment