Latest build (version 2.2)

This commit is contained in:
2013-11-18 20:11:53 +02:00
parent 43c240001c
commit 26d355ce07
503 changed files with 186904 additions and 1139 deletions

View File

@ -0,0 +1,37 @@
<UserControl
x:Class="DrumKit.FileControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="120"
d:DesignWidth="400">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<TextBlock Name="textName" Style="{StaticResource TitleTextStyle}"
VerticalAlignment="Center"
Margin="0,0,0,8">Test</TextBlock>
<Image Grid.Row="1" Name="image"
VerticalAlignment="Stretch"
HorizontalAlignment="Left" Width="120"/>
<Button Name="buttonBrowse" Style="{StaticResource TextButtonStyle}"
Grid.Column="1" Margin="10,5,10,5">...</Button>
</Grid>
</UserControl>

View File

@ -0,0 +1,212 @@
<UserControl x:ConnectionId='1'
x:Class="DrumKit.DrumEditUI"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300"
d:DesignWidth="400"
>
<UserControl.Resources>
<!-- Translation thumb -->
<SolidColorBrush x:Key="TranslationThumbBackgroundBrush" Color="Transparent" />
<LinearGradientBrush x:Key="TranslationThumbBackgroundFocusedBrush" StartPoint="0,0" EndPoint="0,1">
<GradientStop Color="#2fff" Offset="1" />
<GradientStop Color="#5fff" Offset="0" />
</LinearGradientBrush>
<LinearGradientBrush x:Key="TranslationThumbBackgroundPressedBrush" StartPoint="0,0" EndPoint="0,1">
<GradientStop Color="#1fff" Offset="1" />
<GradientStop Color="#3fff" Offset="0" />
</LinearGradientBrush>
<LinearGradientBrush x:Key="TranslationThumbBorderBrush" StartPoint="0,0" EndPoint="0,1" >
<GradientStop Color="#2fff" Offset="1" />
<GradientStop Color="#5fff" Offset="0" />
</LinearGradientBrush>
<!-- Drum name background -->
<LinearGradientBrush x:Key="DrumNameBackgroundBrush" StartPoint="0,0" EndPoint="0,1">
<GradientStop Color="#0000" Offset="1" />
<GradientStop Color="#2000" Offset="0.7" />
<GradientStop Color="#a000" Offset="0" />
</LinearGradientBrush>
<!-- Round thumb -->
<SolidColorBrush x:Key="RoundThumbBackgroundBrush" Color="WhiteSmoke" />
<SolidColorBrush x:Key="RoundThumbBorderBrush" Color="LightGray" />
<SolidColorBrush x:Key="RoundThumbForegroundBrush" Color="Gray" />
<!-- Rotation thumb -->
<SolidColorBrush x:Key="RotationTranslationThumbBackgroundBrush" Color="Coral" />
<SolidColorBrush x:Key="RotationTranslationThumbBorderBrush" Color="LightCoral" />
<SolidColorBrush x:Key="RotationDrumForegroundBrush" Color="Brown" />
<!-- Translation thumb style -->
<Style x:Name="TranslationThumbStyle" TargetType="Thumb">
<Setter Property="Background" Value="{StaticResource TranslationThumbBackgroundBrush}" />
<Setter Property="BorderBrush" Value="{StaticResource TranslationThumbBorderBrush}" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="VerticalAlignment" Value="Stretch" />
<Setter Property="HorizontalAlignment" Value="Stretch" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Thumb">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal" >
<Storyboard>
<DoubleAnimation Storyboard.TargetName="normalRectangle"
Storyboard.TargetProperty="Opacity"
Duration="0" To="1" />
</Storyboard>
</VisualState>
<VisualState x:Name="PointerOver">
<Storyboard>
<DoubleAnimation Storyboard.TargetName="focusedRectangle"
Storyboard.TargetProperty="Opacity"
Duration="0" To="1" />
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<DoubleAnimation Storyboard.TargetName="pressedRectangle"
Storyboard.TargetProperty="Opacity"
Duration="0" To="1" />
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Rectangle Name="normalRectangle"
Fill="{TemplateBinding Background}"
Stroke="{TemplateBinding BorderBrush}"
StrokeThickness="{TemplateBinding BorderThickness}"
Opacity="0" />
<Rectangle Name="focusedRectangle"
Fill="{StaticResource TranslationThumbBackgroundFocusedBrush}"
Stroke="{TemplateBinding BorderBrush}"
StrokeThickness="{TemplateBinding BorderThickness}"
Opacity="0" />
<Rectangle Name="pressedRectangle"
Fill="{StaticResource TranslationThumbBackgroundPressedBrush}"
Stroke="{TemplateBinding BorderBrush}"
StrokeThickness="{TemplateBinding BorderThickness}"
Opacity="0" />
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<!-- Round thumb style -->
<Style x:Key="RoundThumbStyle" TargetType="Thumb">
<Setter Property="Background" Value="{StaticResource RoundThumbBackgroundBrush}" />
<Setter Property="BorderBrush" Value="{StaticResource RoundThumbBorderBrush}" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="Foreground" Value="{StaticResource RoundThumbForegroundBrush}" />
<Setter Property="Height" Value="16" />
<Setter Property="Width" Value="16" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Thumb">
<Grid>
<Ellipse
Fill="{TemplateBinding Background}"
Stroke="{TemplateBinding BorderBrush}"
StrokeThickness="{TemplateBinding BorderThickness}" />
<TextBlock
Foreground="{TemplateBinding Foreground}"
VerticalAlignment="Center"
HorizontalAlignment="Center"
Text="{TemplateBinding Tag}"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<!-- Rotation thumb style -->
<Style x:Key="RotationThumbStyle" TargetType="Thumb" BasedOn="{StaticResource RoundThumbStyle}" >
<Setter Property="Background" Value="{StaticResource RotationTranslationThumbBackgroundBrush}" />
<Setter Property="BorderBrush" Value="{StaticResource RotationTranslationThumbBorderBrush}" />
<Setter Property="Foreground" Value="{StaticResource RotationDrumForegroundBrush}" />
<Setter Property="FontFamily" Value="{StaticResource SymbolThemeFontFamily}" />
<Setter Property="FontSize" Value="10" />
<Setter Property="FontStyle" Value="Normal" />
<Setter Property="Tag" Value="&#xe14a;" />
</Style>
</UserControl.Resources>
<Grid>
<Grid Name="rotateGrid" IsHitTestVisible="False">
<Image Name="image" IsHitTestVisible="False"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch" />
</Grid>
<Border HorizontalAlignment="Stretch"
VerticalAlignment="Top"
IsHitTestVisible="False"
Background="{StaticResource DrumNameBackgroundBrush}">
<TextBlock
IsHitTestVisible="False"
Name="nameText" HorizontalAlignment="Center"
Style="{StaticResource TitleTextStyle}"
Margin="0,2,0,16"/>
</Border>
<Border BorderBrush="Black" BorderThickness="1">
<Thumb x:ConnectionId='4'
Name="translationThumb"
Style="{StaticResource TranslationThumbStyle}"
/>
</Border>
<Thumb x:ConnectionId='2'
Name="rotationThumb"
Style="{StaticResource RotationThumbStyle}"
HorizontalAlignment="Center"
VerticalAlignment="Center"
>
</Thumb>
<Thumb x:ConnectionId='3'
Name="scaleThumb" Grid.Row="1"
Style="{StaticResource RoundThumbStyle}"
HorizontalAlignment="Right"
VerticalAlignment="Bottom"
>
<Thumb.RenderTransform>
<TranslateTransform X="8" Y="8" />
</Thumb.RenderTransform>
</Thumb>
</Grid>
</UserControl>

View File

@ -0,0 +1,66 @@
<UserControl
x:Class="DrumKit.DrumPlayUI"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300"
d:DesignWidth="400">
<Grid x:ConnectionId='1' Name="grid" Background="Transparent"
>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="DrumGroups">
<VisualState x:Name="DrumNormal">
<Storyboard>
<DoubleAnimation Storyboard.TargetName="imagePressed"
Storyboard.TargetProperty="Opacity"
BeginTime="0:0:0.1" Duration="0:0:0.7" To="0" >
<DoubleAnimation.EasingFunction>
<SineEase EasingMode="EaseInOut" />
</DoubleAnimation.EasingFunction>
</DoubleAnimation>
<DoubleAnimation Storyboard.TargetName="image"
Storyboard.TargetProperty="Opacity"
Duration="0:0:0.3" To="1" >
<DoubleAnimation.EasingFunction>
<SineEase EasingMode="EaseIn" />
</DoubleAnimation.EasingFunction>
</DoubleAnimation>
</Storyboard>
</VisualState>
<VisualState x:Name="DrumHit">
<Storyboard>
<DoubleAnimation Storyboard.TargetName="imagePressed"
Storyboard.TargetProperty="Opacity"
Duration="0" To="1" />
<DoubleAnimation Storyboard.TargetName="image"
Storyboard.TargetProperty="Opacity"
Duration="0" To=".3" />
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Image Name="image" IsHitTestVisible="False"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch" />
<Image Name="imagePressed" IsHitTestVisible="False"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Opacity="0" />
</Grid>
</UserControl>

View File

@ -0,0 +1,105 @@
<Page
x:Class="DrumKit.DrumkitManagerPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<Style x:Key="TabRadioButtonStyle" TargetType="RadioButton">
<Setter Property="FontSize" Value="26.667"/>
<Setter Property="FontWeight" Value="Light"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="RadioButton">
<Border Padding="10,5,10,5">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CheckStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.2"/>
</VisualStateGroup.Transitions>
<VisualState x:Name="Checked">
<Storyboard>
<ColorAnimation Duration="0" To="#59FFFF" Storyboard.TargetProperty="(ContentPresenter.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="contentPresenter" d:IsOptimized="True"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Unchecked">
<Storyboard>
<ColorAnimation Duration="0" To="White" Storyboard.TargetProperty="(ContentPresenter.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="contentPresenter" d:IsOptimized="True"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Indeterminate">
<Storyboard>
<ColorAnimation Duration="0" To="White" Storyboard.TargetProperty="(ContentPresenter.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="contentPresenter" d:IsOptimized="True"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates"/>
<VisualStateGroup x:Name="CommonStates"/>
</VisualStateManager.VisualStateGroups>
<ContentPresenter x:Name="contentPresenter"/>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Page.Resources>
<Page.Transitions>
<TransitionCollection>
<EntranceThemeTransition />
</TransitionCollection>
</Page.Transitions>
<Border Background="{StaticResource ApplicationPageBackgroundThemeBrush}"
Padding="40">
<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition />
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="2*"/>
</Grid.ColumnDefinitions>
<Button x:ConnectionId='1' Name="buttonBack" Grid.Row="0" Grid.Column="0"
Style="{StaticResource BackButtonStyle}"
/>
<StackPanel Grid.Row="0" Grid.Column="1"
Orientation="Horizontal"
VerticalAlignment="Top">
<StackPanel.ChildrenTransitions>
<TransitionCollection>
<EntranceThemeTransition />
</TransitionCollection>
</StackPanel.ChildrenTransitions>
<RadioButton Name="radioDrumkit"
Style="{StaticResource TabRadioButtonStyle}"
IsChecked="True">
Drumkits
</RadioButton>
<RadioButton Name="radioDrums"
Style="{StaticResource TabRadioButtonStyle}">
Drums
</RadioButton>
<RadioButton Name="radioLayouts"
Style="{StaticResource TabRadioButtonStyle}">
Layouts
</RadioButton>
</StackPanel>
<ListView Name="mainList" Grid.Row="1" Grid.Column="0" />
</Grid>
</Border>
</Page>

View File

@ -0,0 +1,35 @@
<Page
x:Class="DrumKit.EditorPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<ImageBrush x:Key="EditorBackgroundBrush" ImageSource="ms-appx:///Assets/bg.png" Stretch="UniformToFill" />
</Page.Resources>
<Canvas
Name="container"
Background="{StaticResource EditorBackgroundBrush}">
<Button x:ConnectionId='1' Name="buttonBack" Canvas.Left="10" Canvas.Top="10" Canvas.ZIndex="1"
Style="{StaticResource BackButtonStyle}"
/>
</Canvas>
<!--<Page.BottomAppBar>
<AppBar>
<StackPanel Orientation="Horizontal">
<Button>Change order</Button>
<Button>Bring all drums into view</Button>
</StackPanel>
</AppBar>
</Page.BottomAppBar>-->
</Page>

View File

@ -0,0 +1,43 @@
<Page
x:Class="DrumKit.LoadingPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid Background="{StaticResource ApplicationBackgroundColor}">
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid HorizontalAlignment="Center"
VerticalAlignment="Center">
<Image Source="ms-appx:///Assets/Logos/SplashScreen.png"
Stretch="None"/>
</Grid>
<StackPanel
HorizontalAlignment="Center"
VerticalAlignment="Bottom"
Orientation="Horizontal"
Margin="20">
<ProgressRing Width="40" Height="40" IsActive="True" Foreground="White" />
<TextBlock
Name="textLoading"
Style="{StaticResource SubheaderTextStyle}" Margin="10,0,0,0">
Loading resources...</TextBlock>
</StackPanel>
<ProgressBar
Name="progressBar" Grid.Row="1"
Foreground="#53AB6D" Background="#20FFFFFF"
Minimum="0" Maximum="100"/>
</Grid>
</Page>

View File

@ -0,0 +1,38 @@
<Page
x:Class="DrumKit.LogPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid Background="{StaticResource ApplicationBackgroundColor}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="2.5*"/>
</Grid.ColumnDefinitions>
<ListView x:ConnectionId='1' Name="logEntriesList" Grid.Column="0" Margin="5"
Background="#2FFF"
/>
<Rectangle Name="logTextPlaceholder" Grid.Column="1" Margin="0,5,5,5" />
<WebView Name="logText" Grid.Column="1" Margin="0,5,5,5"/>
</Grid>
<Page.BottomAppBar>
<AppBar x:ConnectionId='2' >
<StackPanel Orientation="Horizontal">
<Button x:ConnectionId='3' Style="{StaticResource SaveAppBarButtonStyle}"
AutomationProperties.Name="Save as"
/>
<Button x:ConnectionId='4' Style="{StaticResource DeleteAppBarButtonStyle}"
AutomationProperties.Name="Clear logs"
/>
</StackPanel>
</AppBar>
</Page.BottomAppBar>
</Page>

View File

@ -0,0 +1,98 @@
<Page
x:Class="DrumKit.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<ImageBrush x:Key="MainpageBackgroundBrush" ImageSource="ms-appx:///Assets/bg.png" Stretch="UniformToFill" />
</Page.Resources>
<Grid
Background="{StaticResource MainpageBackgroundBrush}">
<Canvas Name="canvas" />
<!--<Grid Visibility="Collapsed">
<Border Margin="7"
CornerRadius="10"
BorderBrush="Red"
BorderThickness="5" />
<Canvas Name="recCanvas">
<Ellipse Width="18" Height="18" Fill="Red"
Canvas.Left="20"
Canvas.Top="20"/>
<TextBlock
FontFamily="Consolas"
FontSize="16"
Foreground="Red"
Canvas.Left="42"
Canvas.Top="19">REC
</TextBlock>
<Canvas.Triggers>
<EventTrigger RoutedEvent="Canvas.Loaded">
<BeginStoryboard>
<Storyboard RepeatBehavior="Forever" >
<DoubleAnimation
Storyboard.TargetName="recCanvas"
Storyboard.TargetProperty="Opacity"
Duration="0:0:1" BeginTime="0:0:1" From="1" To="0.1" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Canvas.Triggers>
</Canvas>
<StackPanel Orientation="Horizontal"
HorizontalAlignment="Left"
VerticalAlignment="Top">
<Button>Record</Button>
<Button>Stop</Button>
</StackPanel>
</Grid>-->
</Grid>
<Page.BottomAppBar>
<AppBar>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<StackPanel Grid.Column="0" Orientation="Horizontal">
<ToggleButton x:ConnectionId='2'
Name="buttonAnimations"
AutomationProperties.Name="Animations"
IsChecked="True"
Style="{StaticResource VideoAppBarButtonStyle}" />
<Button x:ConnectionId='3'
Name="buttonEditMode"
Style="{StaticResource EditAppBarButtonStyle}" />
</StackPanel>
<StackPanel Grid.Column="1" Orientation="Horizontal" >
<Button x:ConnectionId='1'
Name="buttonSettings"
AutomationProperties.Name="Settings"
Style="{StaticResource SettingsAppBarButtonStyle}" />
</StackPanel>
</Grid>
</AppBar>
</Page.BottomAppBar>
</Page>

View File

@ -0,0 +1,109 @@
<UserControl
x:Class="DrumKit.DrumkitsSettingsControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="321.429"
d:DesignWidth="696.617">
<UserControl.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/Common/TextButtonStyles.xaml" />
</ResourceDictionary.MergedDictionaries>
<DataTemplate x:Key="DrumkitListDataTemplate">
<Grid Name="theGrid">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<!-- Left thing -->
<Border Name="orangeBorder"
Grid.Column="0" Grid.RowSpan="3"
Background="OrangeRed" Width="10" />
<!--<Image MinWidth="10"
Source="{Binding Thumbnail}" />-->
<!-- Name -->
<TextBox x:ConnectionId='1' Grid.Column="1" Grid.Row="0" Margin="15,2,15,0"
FontSize="15.3"
Style="{StaticResource MyTextBoxStyle}"
IsReadOnly="True"
Text="{Binding Name}"
/>
<!-- Description -->
<TextBox x:ConnectionId='2' Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1" Margin="15,0,15,2"
Style="{StaticResource MyTextBoxStyle}"
Text="{Binding Description}"
FontSize="13"
FontStyle="Italic"
IsReadOnly="True"
AcceptsReturn="True"
TextWrapping="Wrap"
Height="80" />
</Grid>
</DataTemplate>
<Style x:Key="ListViewStretchItemStyle" TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
</Style>
</ResourceDictionary>
</UserControl.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<!-- Drumkit list -->
<ListView Name="listDrumkits"
Grid.Row="0" Grid.Column="0"
ItemTemplate="{StaticResource DrumkitListDataTemplate}"
ItemContainerStyle="{StaticResource ListViewStretchItemStyle}"
SelectionMode="Single" >
</ListView>
<ProgressRing
Name="progressRing"
Foreground="White"
Width="50" Height="50" />
<!-- Buttons -->
<StackPanel Grid.Row="1" Grid.ColumnSpan="2" Orientation="Horizontal">
<!--<Button Style="{StaticResource MyButtonStyle}" Click="ButtonCreate_Click">Create</Button>-->
<Button x:ConnectionId='3' Style="{StaticResource MyButtonStyle}" >Import</Button>
<Button x:ConnectionId='4' Style="{StaticResource MyButtonStyle}" >Export</Button>
<Border Width="20" />
<Button x:ConnectionId='5' Style="{StaticResource MyButtonStyle}" >Delete</Button>
<Button x:ConnectionId='6' Style="{StaticResource MyButtonStyle}" >Set current</Button>
</StackPanel>
</Grid>
</UserControl>

View File

@ -0,0 +1,165 @@
<UserControl
x:Class="DrumKit.DrumsSettingsControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="400"
d:DesignWidth="400">
<UserControl.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/Common/TextButtonStyles.xaml" />
</ResourceDictionary.MergedDictionaries>
<DataTemplate x:Key="DrumsListDataTemplate">
<Grid Name="theGrid"
MinWidth="380">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition />
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<!-- Left thing -->
<Border Name="yellowBorder"
Grid.Column="0" Grid.RowSpan="3"
Background="Yellow" Width="10" />
<!-- Thumbnail -->
<Image Grid.Row="0" Grid.RowSpan="2"
Grid.Column="2"
VerticalAlignment="Center"
HorizontalAlignment="Center"
Width="60" Height="60"
Source="{Binding LoadedImageSource}"
Stretch="Uniform" />
<!-- Name -->
<TextBox Grid.Column="1" Grid.Row="0" Margin="15,2,15,0"
FontSize="15.3"
Style="{StaticResource MyTextBoxStyle}"
Text="{Binding Name}"
IsReadOnly="True" />
<!-- Configuration -->
<Grid
Grid.Column="1" Grid.Row="1" Margin="15,0,15,2">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<ToggleButton x:ConnectionId='3'
Name="toggleEnabled" Grid.Column="0"
Margin="0,-4,20,0" Padding="5,1"
Content="Enabled"
/>
<TextBlock
Grid.Column="1"
Style="{StaticResource TitleTextStyle}"
Text="Key:" />
<TextBox x:ConnectionId='4'
Grid.Column="2"
Name="textKey"
Style="{StaticResource MyTextBoxStyle}"
/>
</Grid>
<Grid Grid.Column="1" Grid.Row="2" Margin="15,2,15,0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<TextBlock
Grid.Column="0"
Style="{StaticResource TitleTextStyle}"
Text="Volume left:" />
<Slider x:ConnectionId='1' Name="sliderVolumeL"
Grid.Column="1"
Margin="5,-8,5,0"
Height="34"
Minimum="0" Maximum="1"
StepFrequency=".01"
/>
<TextBlock
Margin="10,0,0,0"
Grid.Column="2"
Style="{StaticResource TitleTextStyle}"
Text="Right:" />
<Slider x:ConnectionId='2' Name="sliderVolumeR"
Grid.Column="3"
Margin="5,-8,5,0"
Height="34"
Minimum="0" Maximum="1"
StepFrequency=".01"
/>
</Grid>
</Grid>
</DataTemplate>
<Style x:Key="GridViewStretchItemStyle" TargetType="GridViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
</Style>
</ResourceDictionary>
</UserControl.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<!-- Drums list -->
<GridView Name="listDrums"
Grid.Row="0" Grid.Column="0"
ItemTemplate="{StaticResource DrumsListDataTemplate}"
ItemContainerStyle="{StaticResource GridViewStretchItemStyle}"
SelectionMode="Single" >
<local:Drum ImageSource="/Assets/bg.png" Id="adda" Name="Hello world!" />
</GridView>
<!-- Buttons -->
<!--<StackPanel Grid.Row="1" Grid.ColumnSpan="2" Orientation="Horizontal">
<Button Style="{StaticResource MyButtonStyle}" Click="ButtonCreate_Click">Create</Button>
<Button Style="{StaticResource MyButtonStyle}" Click="ButtonDelete_Click">Delete</Button>
</StackPanel>-->
</Grid>
</UserControl>

View File

@ -0,0 +1,27 @@
<UserControl
x:Class="DrumKit.ExperimentsSettingsControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300"
d:DesignWidth="400">
<UserControl.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/Common/TextButtonStyles.xaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</UserControl.Resources>
<Canvas Name="canvas">
<StackPanel>
<TextBox Style="{StaticResource MyTextBoxStyle}" Width="200" Text="Hello world!"/>
</StackPanel>
</Canvas>
</UserControl>

View File

@ -0,0 +1,175 @@
<UserControl
x:Class="DrumKit.GeneralSettingsControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="635.463"
d:DesignWidth="1075.987">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.Resources>
<Style x:Key="MyTitleTextStyle" TargetType="TextBlock" BasedOn="{StaticResource TitleTextStyle}">
<Setter Property="Margin" Value="20,24,2,2" />
<Setter Property="Foreground" Value="#59FFFF" />
</Style>
<Style x:Key="MyItemTextStyle" TargetType="TextBlock" BasedOn="{StaticResource ItemTextStyle}">
<Setter Property="Margin" Value="2,12,2,2" />
</Style>
</Grid.Resources>
<!-- About section -->
<TextBlock Style="{StaticResource MyTitleTextStyle}"
Grid.Row="0" Margin="20,4,2,2">
About</TextBlock>
<!-- About section: Website -->
<TextBlock Style="{StaticResource ItemTextStyle}"
Grid.Row="1" Margin="2,12,2,2">
Drumkit website</TextBlock>
<Button Name="buttonWebsite"
Style="{StaticResource TextButtonStyle}"
Grid.Row="1" Grid.Column="1" VerticalAlignment="Bottom">
drumkit8.blogspot.com</Button>
<!-- About section: Support -->
<TextBlock Style="{StaticResource ItemTextStyle}"
Grid.Row="2" Margin="2,12,2,2">
Support</TextBlock>
<Button Name="buttonSupport"
Style="{StaticResource TextButtonStyle}"
Grid.Row="2" Grid.Column="1" VerticalAlignment="Bottom">
chibicitiberiu@outlook.com</Button>
<!-- About section: Version -->
<TextBlock Style="{StaticResource ItemTextStyle}"
Grid.Row="3" Margin="2,12,2,2">
Version</TextBlock>
<TextBlock Name="textVersion"
Grid.Row="3" Grid.Column="1" VerticalAlignment="Bottom"
Margin="0,2,2,2"
Style="{StaticResource BodyTextStyle}" >
1.0
</TextBlock>
<!-- Sound section -->
<TextBlock Style="{StaticResource MyTitleTextStyle}"
Grid.Row="6">
Sound</TextBlock>
<!-- Sound section: Master volume -->
<TextBlock Style="{StaticResource ItemTextStyle}"
Grid.Row="7" Margin="2,7,2,2">
Master volume</TextBlock>
<Slider Name="masterVolumeSlider"
Grid.Row="7" Grid.Column="1"
Minimum="0" Maximum="100"
StepFrequency="1"
SmallChange=".05" LargeChange=".2"
Width="100" Height="48"
HorizontalAlignment="Left"/>
<!-- Sound section: Polyphony -->
<TextBlock Style="{StaticResource ItemTextStyle}"
Grid.Row="8" Margin="2,7,2,2">
Polyphony*</TextBlock>
<Slider Name="polyphonySlider"
Grid.Row="8" Grid.Column="1"
Minimum="1" Maximum="256"
StepFrequency="1"
SmallChange="1" LargeChange="5"
Width="100" Height="48"
HorizontalAlignment="Left"/>
<!-- Interface section -->
<TextBlock Style="{StaticResource MyTitleTextStyle}"
Grid.Row="9">
Interface</TextBlock>
<!-- Interface section: Animations -->
<TextBlock Style="{StaticResource ItemTextStyle}"
Grid.Row="10" Margin="2,12,2,2">
Animations</TextBlock>
<ToggleSwitch Name="animationsToggle"
Grid.Row="10" Grid.Column="1"/>
<!-- Interface section: Key bindings -->
<!--<TextBlock Style="{StaticResource ItemTextStyle}"
Grid.Row="11" Margin="2,12,2,2">
Display key bindings</TextBlock>
<ToggleSwitch Name="keyBindingsToggle"
Grid.Row="11" Grid.Column="1"/>-->
<!-- Miscellaneous section -->
<TextBlock Style="{StaticResource MyTitleTextStyle}"
Grid.Row="12">
Miscellaneous</TextBlock>
<!-- Miscellaneous section: Debugging mode -->
<TextBlock Style="{StaticResource ItemTextStyle}"
Grid.Row="13" Margin="2,12,2,2">
Debugging mode</TextBlock>
<ToggleSwitch Name="debuggingModeToggle"
Grid.Row="13" Grid.Column="1"/>
<TextBlock Style="{StaticResource ItemTextStyle}"
Grid.Row="14" Margin="2,12,2,2">
Factory reset*</TextBlock>
<Button Name="buttonReset"
Style="{StaticResource TextButtonStyle}"
Grid.Row="14" Grid.Column="1" VerticalAlignment="Bottom">
Reset</Button>
<!-- Notes section -->
<TextBlock Grid.Row="100" Style="{StaticResource MyItemTextStyle}"
FontSize="11"
Foreground="Silver">
* Will be applied after the application is restarted.
</TextBlock>
</Grid>
</UserControl>

View File

@ -0,0 +1,93 @@
<UserControl
x:Class="DrumKit.LayoutsSettingsControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300"
d:DesignWidth="400">
<UserControl.Resources>
<ResourceDictionary>
<DataTemplate x:Key="DrumkitListDataTemplate">
<Grid Name="theGrid">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<!-- Left thing -->
<Border Name="greenBorder"
Grid.Column="0" Grid.RowSpan="3"
Background="GreenYellow" Width="10" />
<!-- Name -->
<TextBox x:ConnectionId='1' Grid.Column="1" Grid.Row="0" Margin="15,2,15,0"
FontSize="15.3"
Style="{StaticResource MyTextBoxStyle}"
Text="{Binding Name}"
/>
<!-- Description -->
<StackPanel Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1" Margin="15,0,15,2"
Orientation="Horizontal">
<ToggleButton x:ConnectionId='2' Name="toggleLandscape" >Landscape</ToggleButton>
<ToggleButton x:ConnectionId='3' Name="togglePortrait" >Portrait</ToggleButton>
<ToggleButton x:ConnectionId='4' Name="toggleFilled" >Filled</ToggleButton>
<ToggleButton x:ConnectionId='5' Name="toggleSnapped" >Snapped</ToggleButton>
</StackPanel>
</Grid>
</DataTemplate>
<Style x:Key="ListViewStretchItemStyle" TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
</Style>
</ResourceDictionary>
</UserControl.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<!-- Drumkit list -->
<ListView Name="listLayouts"
Grid.Row="0" Grid.Column="0"
ItemTemplate="{StaticResource DrumkitListDataTemplate}"
ItemContainerStyle="{StaticResource ListViewStretchItemStyle}"
SelectionMode="Single" >
<local:DrumkitLayout IsDefault="True" Name="Hello world" TargetViewSerialize="All" />
<TextBlock>Hello world!</TextBlock>
</ListView>
<!-- Buttons -->
<StackPanel Grid.Row="1" Grid.ColumnSpan="2" Orientation="Horizontal">
<Button x:ConnectionId='6' Style="{StaticResource MyButtonStyle}" >Create</Button>
<Button x:ConnectionId='7' Style="{StaticResource MyButtonStyle}" >Edit</Button>
<Button x:ConnectionId='8' Style="{StaticResource MyButtonStyle}" >Delete</Button>
<Button x:ConnectionId='9' Style="{StaticResource MyButtonStyle}" >Toggle active</Button>
</StackPanel>
</Grid>
</UserControl>

View File

@ -0,0 +1,38 @@
<UserControl
x:Class="DrumKit.LogControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300"
d:DesignWidth="400">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="2.5*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<ListView x:ConnectionId='1' Name="logEntriesList" Grid.Column="0" Margin="5"
Background="#3FFF"
/>
<Rectangle Name="logTextPlaceholder" Grid.Column="1" Margin="0,5,5,5" />
<WebView Name="logText" Grid.Column="1" Margin="0,5,5,5"/>
<StackPanel Grid.Row="1" Grid.ColumnSpan="5" Orientation="Horizontal">
<Button x:ConnectionId='2' Style="{StaticResource MyButtonStyle}" >Save as</Button>
<Button x:ConnectionId='3' Style="{StaticResource MyButtonStyle}" >Delete all</Button>
</StackPanel>
</Grid>
</UserControl>

View File

@ -0,0 +1,137 @@
<Page
x:Class="DrumKit.SettingsPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DrumKit"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<Style x:Key="TabRadioButtonStyle" TargetType="RadioButton">
<Setter Property="FontSize" Value="26.667"/>
<Setter Property="FontWeight" Value="Light"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="RadioButton">
<Border Padding="10,5,10,5">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CheckStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.2"/>
</VisualStateGroup.Transitions>
<VisualState x:Name="Checked">
<Storyboard>
<ColorAnimation Duration="0" To="#59FFFF" Storyboard.TargetProperty="(ContentPresenter.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="contentPresenter" d:IsOptimized="True"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Unchecked">
<Storyboard>
<ColorAnimation Duration="0" To="White" Storyboard.TargetProperty="(ContentPresenter.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="contentPresenter" d:IsOptimized="True"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Indeterminate">
<Storyboard>
<ColorAnimation Duration="0" To="White" Storyboard.TargetProperty="(ContentPresenter.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="contentPresenter" d:IsOptimized="True"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates"/>
<VisualStateGroup x:Name="CommonStates"/>
</VisualStateManager.VisualStateGroups>
<ContentPresenter x:Name="contentPresenter"/>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Page.Resources>
<Page.Transitions>
<TransitionCollection>
<EntranceThemeTransition />
</TransitionCollection>
</Page.Transitions>
<Border Background="{StaticResource ApplicationPageBackgroundThemeBrush}"
Padding="40">
<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition />
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="120"/>
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Button x:ConnectionId='1' Name="buttonBack" Grid.Row="0" Grid.Column="0"
Style="{StaticResource BackButtonStyle}"
/>
<ScrollViewer Grid.Row="0" Grid.Column="1"
ZoomMode="Disabled"
HorizontalScrollMode="Enabled"
HorizontalScrollBarVisibility="Hidden"
VerticalScrollBarVisibility="Disabled"
VerticalScrollMode="Disabled"
VerticalAlignment="Top">
<StackPanel Orientation="Horizontal">
<StackPanel.ChildrenTransitions>
<TransitionCollection>
<EntranceThemeTransition />
</TransitionCollection>
</StackPanel.ChildrenTransitions>
<RadioButton x:ConnectionId='2' Name="radioGeneral"
Style="{StaticResource TabRadioButtonStyle}"
IsChecked="True"
>
General
</RadioButton>
<RadioButton x:ConnectionId='3' Name="radioDrumkit"
Style="{StaticResource TabRadioButtonStyle}"
>
Drumkits
</RadioButton>
<RadioButton x:ConnectionId='4' Name="radioDrums"
Style="{StaticResource TabRadioButtonStyle}"
>
Drums
</RadioButton>
<RadioButton x:ConnectionId='5' Name="radioLayouts"
Style="{StaticResource TabRadioButtonStyle}"
>
Layouts
</RadioButton>
<RadioButton x:ConnectionId='6' Name="radioLogs"
Style="{StaticResource TabRadioButtonStyle}"
>
Logs
</RadioButton>
<!--<RadioButton Name="radioExperiments"
Style="{StaticResource TabRadioButtonStyle}"
Click="radioGeneral_Click_1">
Experiments
</RadioButton>-->
</StackPanel>
</ScrollViewer>
<ContentControl Name="contentControl"
Grid.Row="1" Grid.ColumnSpan="4"
HorizontalContentAlignment="Stretch"
VerticalContentAlignment="Stretch"
VerticalAlignment="Stretch">
<ContentControl.ContentTransitions>
<TransitionCollection>
<ContentThemeTransition HorizontalOffset="200" />
</TransitionCollection>
</ContentControl.ContentTransitions>
</ContentControl>
</Grid>
</Border>
</Page>