Skip to content

Instantly share code, notes, and snippets.

View danhollick's full-sized avatar

Daniel Hollick danhollick

View GitHub Profile
@danhollick
danhollick / MainView.ux
Last active September 7, 2016 11:56
Basic Rectangle
<App>
<Rectangle Height="60" Width="80%" Color="#50E3C2" CornerRadius="4"/>
</App>
@danhollick
danhollick / MainView.ux
Last active September 8, 2016 12:47
Rectangle with text
<App>
<Rectangle Height="60" Width="80%" Color="#50E3C2" CornerRadius="4">
<Text TextColor="#fff" FontSize="16" Alignment="Center"> Click Me! </Text>
</Rectangle>
</App>
@danhollick
danhollick / MainView.ux
Last active September 7, 2016 13:08
Dropshadow on Recatangle
<App>
<Rectangle Height="60" Width="80%" Color="#50E3C2" CornerRadius="4">
<Text TextColor="#fff" FontSize="16" Alignment="Center"> Click Me! </Text>
<DropShadow Color="#00000060" Distance="1" Angle="90" Size="1" Spread="0.2"/>
</Rectangle>
</App>
@danhollick
danhollick / MainView.ux
Last active September 7, 2016 13:01
Button Pressed
<App>
<Rectangle Height="60" Width="80%" Color="#50E3C2" CornerRadius="4" ux:Name="BlueRectangle">
<Text TextColor="#fff" FontSize="16" Value="Click Me!" Alignment="Center" ux:Name="ButtonText"/>
<DropShadow Color="#00000060" Distance="1" Angle="90" Size="1" Spread="0.2"/>
<WhilePressed>
<Scale Target="BlueRectangle" Factor="0.95" Duration="0.4" Easing="QuadraticOut"/>
</WhilePressed>
<Clicked>
<Set Target="ButtonText.Value" Value="You clicked me!" />
</Clicked>
@danhollick
danhollick / MainView.ux
Last active September 8, 2016 12:51
Rectangle with Text
<App>
<Rectangle Height="60" Width="80%" Color="#50E3C2" CornerRadius="4">
<Text TextColor="#fff" FontSize="16" Alignment="Center"> Click Me! </Text>
</Rectangle>
</App>
<!-- Red StackPanel -->
<StackPanel Color="#DB6882" Width="300" Height="300" Padding="20">
<!-- Yellow Panel -->
<Panel Color="Yellow" Height="100" />
<!-- Blue Panel -->
<Panel Color="Blue" Height="100"/>
</StackPanel>
<Rectangle Color=“Red”>
<Text Value=“Hey, I am some text” Color=“White” Alignment=“Center”/>`
</Rectangle>
<!-- Red Panel -->
<Panel Color="#DB6882" Width="200" Padding="20" Height="300">
<!-- Yellow Panel -->
<Panel Color="#F1D751" />
</Panel>
<!-- Red Panel -->
<StackPanel Color="#DB6882" Width="300" Height="300" Padding="20">
<!-- Yellow Panel -->
<Panel Color="#F1D751" Height="40" />
<!-- Light Blue Panel -->
<Panel Color="#6DBFD2" Height="60" />
<!-- Purple Panel -->
<Panel Color="#7A49A7" Height="80" />
</StackPanel>
<!-- Red Panel -->
<Panel Color="#DB6882" Width="300" Height="300">
<!-- Yellow Panel -->
<Panel Color="#F1D751" Margin="20" Padding="40">
<!-- Light Blue Panel -->
<Panel Color="#6DBFD2" />
</Panel>
</Panel>