Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <DirNavPage ux:Name="TabConfig" Color="#F8F8F8">
- <ActivatingAnimation>
- <Set Target="TWTabBar.Visibility" Value="Visible"/>
- </ActivatingAnimation>
- <!-- Tab Button Definition -->
- <ToggleControl ux:Class="SideTab" ux:Name="_thisButtonIcon" Margin="0, 6, 0, 6" IconResc="{Resource DeleteIcon}" MinWidth="44" MinHeight="44" Value="false">
- <string ux:Property="IconResc" />
- <Icon Value="{Property _thisButtonIcon.IconResc}" FontSize="24" Alignment="Center" TextColor="{Resource branco}" ux:Name="_thisIcon"/>
- <Circle Color="{Resource azul00}" Layer="Background" MaxWidth="44" MaxHeight="44" ux:Name="_backgroundCircle"/>
- <Clicked>
- <Scale Target="_thisIcon" Factor="0.9" Duration="0" DurationBack="0.3" EasingBack="CubicIn" />
- <Toggle Target="_thisButtonIcon" />
- </Clicked>
- <WhileTrue>
- <Change Target="_backgroundCircle.Color" Value="{Resource azul02}" Duration="0" DurationBack="0.3" EasingBack="CubicIn" />
- </WhileTrue>
- </ToggleControl>
- <Grid Rows="50, 1*" ColumnCount="1">
- <NavBar Row="0">
- <TituloPagina Value="Configurações" Alignment="Center"/>
- </NavBar>
- <ScrollView Height="100%" Row="1" Alignment="TopCenter">
- <Grid Columns="50, 1*" RowCount="1" Height="100%" Width="720" Alignment="TopCenter" ClipToBounds="false">
- <StackPanel Width="50" Margin="0, 0, 6, 0">
- <SideTab IconResc="{Resource UsersIcon}" Value="true"/>
- <SideTab IconResc="{Resource CloudIcon}" Opacity="0.4" HitTestMode="None"/>
- <SideTab IconResc="{Resource WarningIcon}" Opacity="0.4" HitTestMode="None"/>
- </StackPanel>
- <DockPanel Width="650" Color="#FCFCFC" ClipToBounds="false" Height="100%">
- <DropShadow Angle="90" Spread="0.2" Distance="3" Size="10" Color="#0004" />
- <StackPanel Padding="12, 0, 12, 12" Width="100%" Alignment="Top">
- <Text ux:Class="SubTitle" Value="CONFIGURAÇÕES" Margin="0, 6, 0, 12" FontSize="12" TextColor="{Resource cinza10}" />
- <Panel ux:Class="SmallBlock" Padding="0,6,0,6" Margin="0, 6, 0, 0"/>
- <Panel ux:Class="Divisor" Height="20" />
- <Divisor />
- <SubTitle Value="DADOS" />
- <TWRegua />
- <Divisor />
- <TextInput ux:Class="FormField" PlaceholderColor="{Resource cinza30}" Alignment="Left" Width="100%"/>
- <FormField PlaceholderText="Nome" />
- <FormField PlaceholderText="Apelido" />
- <Divisor />
- <SubTitle Value="CONFIGURAÇÕES" />
- <TWRegua />
- <SmallBlock>
- <Text Value="Sincronizar Automaticamente" Alignment="CenterLeft" Opacity="0.5"/>
- <SelectToggle Alignment="CenterRight" Value="true" HitTestMode="None" Opacity="0.5"/>
- </SmallBlock>
- <SmallBlock>
- <Text Value="Sincronizar ao abrir o aplicativo" Alignment="CenterLeft"/>
- <SelectToggle Alignment="CenterRight" Value="true"/>
- </SmallBlock>
- <SmallBlock>
- <Text Value="Tema" Alignment="CenterLeft"/>
- <Panel Alignment="CenterRight">
- <Circle ux:InnerClass="ColorCircle" Width="38" Height="38" isActive="false" ux:Name="_thisColorCircle" Margin="12,0,0,0" themeState="Color1">
- <bool ux:Property="isActive" />
- <State ux:Property="themeState" />
- <WhileTrue Value="{Property _thisColorCircle.isActive}">
- <Circle Color="{Property _thisColorCircle.Color}">
- <Stroke Width="3" Color="#FFF" />
- <DropShadow Angle="0" Spread="0.1" Distance="0" Size="4" Color="#0004" />
- </Circle>
- </WhileTrue>
- <WhileFalse Value="{Property _thisColorCircle.isActive}">
- <Circle Color="{Property _thisColorCircle.Color}"/>
- <Change Target="_thisColorCircle.Opacity" Value="0.5" Duration="0.5" />
- </WhileFalse>
- <Clicked>
- <Set Target="stTheme.Active" Value="{Property _thisColorCircle.themeState}" />
- </Clicked>
- </Circle>
- <StackLayout Orientation="Horizontal" />
- <ColorCircle Color="{Resource oceano00}" ux:Name="btColor1" themeState="Color1"/>
- <ColorCircle Color="{Resource dourado00}" ux:Name="btColor2" themeState="Color2"/>
- <ColorCircle Color="{Resource vermelho00}" ux:Name="btColor3" themeState="Color3"/>
- <ColorCircle Color="{Resource roxo00}" ux:Name="btColor4" themeState="Color4"/>
- <StateGroup ux:Name="stTheme" Active="Color1" Transition="Exclusive">
- <State ux:Name="Color1">
- <Change Target="btColor1.isActive" Value="true" />
- </State>
- <State ux:Name="Color2">
- <Change Target="btColor2.isActive" Value="true" />
- </State>
- <State ux:Name="Color3">
- <Change Target="btColor3.isActive" Value="true" />
- </State>
- <State ux:Name="Color4">
- <Change Target="btColor4.isActive" Value="true" />
- </State>
- </StateGroup>
- </Panel>
- </SmallBlock>
- </StackPanel>
- </DockPanel>
- </Grid>
- </ScrollView>
- </Grid>
- </DirNavPage>
Advertisement
Add Comment
Please, Sign In to add comment