Skip to content

Instantly share code, notes, and snippets.

View danhollick's full-sized avatar

Daniel Hollick danhollick

178 followers · 2 following
View GitHub Profile
@danhollick
danhollick / Animators2.ux
Created August 24, 2017 13:24
<StackPanel Orientation="Horizontal" Alignment="Center" ItemSpacing="10">
<Circle ux:Name="circleName" Height="60" Width="60" Color="#F1D751"/>
<Circle Height="60" Width="60" Color="#6DBFD2" >
<WhilePressed>
<Move Target="circleName" Y="-1" RelativeTo="Size" Easing="BounceInOut" Duration="0.2"/>
</WhilePressed>
</Circle>
</StackPanel>
@danhollick
danhollick / Animators3.ux
Last active August 24, 2017 13:26
<StackPanel Orientation="Horizontal" Alignment="Center" ItemSpacing="10">
<Circle Height="60" Width="60" Color="#F1D751" ux:Name="circleName" />
<Circle Height="60" Width="60" Color="#6DBFD2" >
<WhilePressed>
<Move Target="circleName" Y="-1" RelativeTo="Size" Delay="0.2" Easing="Linear" Duration="0.2" DurationBack="0.4" EasingBack="ElasticIn" DelayBack="0.4"/>
</WhilePressed>
</Circle>
</StackPanel>
@danhollick
danhollick / Change.ux
Created August 24, 2017 13:26
<StackPanel Orientation="Horizontal" Alignment="Center" ItemSpacing="10">
<Circle Height="60" Width="60" Color="#F1D751" ux:Name="circleName" />
<Circle Height="60" Width="60" Color="#6DBFD2" >
<WhilePressed>
<Change Target="circleName.Color" Value="#6DBFD2" Duration="0.4"/>
</WhilePressed>
</Circle>
</StackPanel>
@danhollick
danhollick / PageControlIntro.ux
Created August 24, 2017 13:27
<PageControl>
<Page Background="#6DBFD2" />
<Page Background="#F1D751" />
<Page Background="#DB6882" />
</PageControl>
@danhollick
danhollick / PageControl2.ux
Created August 24, 2017 13:28
<PageControl>
<Page Background="#6DBFD2" ux:Name="bluePage" >
<Text Value="Click Me!" Alignment="Center" TextColor="White">
<Clicked>
<NavigateTo Target="redPage" />
</Clicked>
</Text>
</Page>
<Page Background="#F1D751" ux:Name="yellowPage" />
<Page Background="#DB6882" ux:Name="redPage" />
@danhollick
danhollick / ClassesIntro.ux
Created August 24, 2017 13:29
<StackPanel Padding="20" ItemSpacing="40">
<StackPanel ItemSpacing="20">
<Text FontSize="24" TextColor="#0006" Value="This is a short
Headline." />
<Text FontSize="16" TextColor="#0004" Value="This is a sub-
heading. It can be much longer and wrap over two lines
sometimes." TextWrapping="Wrap" />
</StackPanel>
<StackPanel ItemSpacing="20">
<Text FontSize="24" TextColor="#0006" Value="This is a short
@danhollick
danhollick / Classes2.ux
Created August 24, 2017 13:30
<StackPanel ux:Class="MyFirstClass" ItemSpacing="20" >
<Text FontSize="24" TextColor="#0006" Value="This is a short
Headline." />
<Text FontSize="16" TextColor="#0004" Value="This is a sub-
heading. It can be much longer and wrap over two lines
sometimes." TextWrapping="Wrap" />
</StackPanel>
@danhollick
danhollick / Classes3.ux
Created August 24, 2017 13:30
<MyFirstClass/>
@danhollick
danhollick / Classes4.ux
Created August 24, 2017 13:31
<StackPanel Padding="20" ItemSpacing="40" >
<StackPanel ItemSpacing="20" ux:Class="MyFirstClass">
<Text FontSize="24" TextColor="#0006" Value="This is a short
Headline." />
<Text FontSize="16" TextColor="#0004" Value="This is a sub-
heading. It can be much longer and wrap over two lines
sometimes." TextWrapping="Wrap" />
</StackPanel>
<MyFirstClass/>
<MyFirstClass/>
@danhollick
danhollick / PropertyIntro.ux
Created August 24, 2017 13:31
<string ux:Property="HeadlineText"/>