├── Microsoft.UI.Composition.Toolkit
├── packages.config
├── pch.cpp
├── CompositionImageOptions.h
├── Microsoft.UI.Composition.Toolkit.vcxproj.filters
├── CompositionImageFactory.h
├── CompositionImageOptions.cpp
├── pch.h
├── WICBitmapSource.h
├── CompositionGraphicsDevice.h
├── Microsoft.UI.Composition.Toolkit.sln
├── CompositionImageFactory.cpp
├── CompositionImage.h
├── WICBitmapSource.cpp
├── CompositionGraphicsDevice.cpp
├── Microsoft.UI.Composition.Toolkit.vcxproj
└── CompositionImage.cpp
├── XamlBrewer.Uwp.Composition.ClockSample
├── Assets
│ ├── Silly_Face.png
│ ├── Silly_Hour.png
│ ├── StoreLogo.png
│ ├── hour_gold.png
│ ├── hour_hand.png
│ ├── roman_face.jpg
│ ├── Classic_Face.jpg
│ ├── Silly_Front.png
│ ├── Silly_Minute.png
│ ├── designer_face.jpg
│ ├── minute_gold.png
│ ├── minute_hand.png
│ ├── modern_face.png
│ ├── SplashScreen.scale-200.png
│ ├── LockScreenLogo.scale-200.png
│ ├── Square44x44Logo.scale-200.png
│ ├── Wide310x150Logo.scale-200.png
│ ├── Square150x150Logo.scale-200.png
│ └── Square44x44Logo.targetsize-24_altform-unplated.png
├── App.xaml
├── project.json
├── ViewModels
│ ├── ViewModelBase.cs
│ ├── ShellViewModel.cs
│ └── MenuItem.cs
├── Controls
│ ├── UIElementExtensions.cs
│ ├── ImageClock.xaml
│ ├── SillyWalkerClock.xaml
│ ├── Clock.xaml
│ ├── SillyWalkerClock.xaml.cs
│ ├── ImageClock.xaml.cs
│ └── Clock.xaml.cs
├── Views
│ ├── SillyPage.xaml
│ ├── OtherPage.xaml.cs
│ ├── SillyPage.xaml.cs
│ ├── MainPage.xaml.cs
│ ├── Shell.xaml.cs
│ ├── MainPage.xaml
│ ├── OtherPage.xaml
│ └── Shell.xaml
├── Mvvm
│ ├── BooleanToVisibilityConverter.cs
│ ├── BindableBase.cs
│ └── DelegateCommand.cs
├── Properties
│ ├── AssemblyInfo.cs
│ └── Default.rd.xml
├── Services
│ └── Theme.cs
├── Package.appxmanifest
├── App.xaml.cs
└── XamlBrewer.Uwp.Composition.ClockSample.csproj
├── README.md
├── LICENSE
├── .gitattributes
├── XamlBrewer.Uwp.Composition.ClockSample.sln
└── .gitignore
/Microsoft.UI.Composition.Toolkit/packages.config:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/Silly_Face.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/Silly_Face.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/Silly_Hour.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/Silly_Hour.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/StoreLogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/StoreLogo.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/hour_gold.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/hour_gold.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/hour_hand.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/hour_hand.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/roman_face.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/roman_face.jpg
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/Classic_Face.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/Classic_Face.jpg
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/Silly_Front.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/Silly_Front.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/Silly_Minute.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/Silly_Minute.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/designer_face.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/designer_face.jpg
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/minute_gold.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/minute_gold.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/minute_hand.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/minute_hand.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/modern_face.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/modern_face.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/SplashScreen.scale-200.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/SplashScreen.scale-200.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/LockScreenLogo.scale-200.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/LockScreenLogo.scale-200.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/Square44x44Logo.scale-200.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/Square44x44Logo.scale-200.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/Wide310x150Logo.scale-200.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/Wide310x150Logo.scale-200.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/Square150x150Logo.scale-200.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/Square150x150Logo.scale-200.png
--------------------------------------------------------------------------------
/Microsoft.UI.Composition.Toolkit/pch.cpp:
--------------------------------------------------------------------------------
1 | // Copyright (c) Microsoft Corporation. All rights reserved.
2 | //
3 | // Licensed under the MIT License. See LICENSE.txt in the project root for license information.
4 |
5 | #include "pch.h"
6 |
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/Assets/Square44x44Logo.targetsize-24_altform-unplated.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/XamlBrewer/UWP-Composition-API-Clock/HEAD/XamlBrewer.Uwp.Composition.ClockSample/Assets/Square44x44Logo.targetsize-24_altform-unplated.png
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/App.xaml:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/project.json:
--------------------------------------------------------------------------------
1 | {
2 | "dependencies": {
3 | "Microsoft.NETCore.UniversalWindowsPlatform": "5.0.0"
4 | },
5 | "frameworks": {
6 | "uap10.0": {}
7 | },
8 | "runtimes": {
9 | "win10-arm": {},
10 | "win10-arm-aot": {},
11 | "win10-x86": {},
12 | "win10-x86-aot": {},
13 | "win10-x64": {},
14 | "win10-x64-aot": {}
15 | }
16 | }
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # UWP-Composition-API-Clock
2 | Demonstrates using the Composition API in a Universal Windows Platform XAML control.
3 |
4 | Requires Visual Studio 2015 update 1, and Windows 10 10586 SDK.
5 |
6 | Contains a copy of Microsoft.UI.Composition.Toolkit that is maintained here: https://github.com/Microsoft/composition.
7 |
8 | A blog post explaining the code is here: https://xamlbrewer.wordpress.com/2016/01/04/using-the-composition-api-in-uwp-apps/.
9 |
--------------------------------------------------------------------------------
/XamlBrewer.Uwp.Composition.ClockSample/ViewModels/ViewModelBase.cs:
--------------------------------------------------------------------------------
1 | using Mvvm;
2 | using System;
3 | using System.Collections.Generic;
4 | using System.Collections.ObjectModel;
5 | using System.Linq;
6 | using System.Text;
7 | using System.Threading.Tasks;
8 |
9 | namespace Mvvm
10 | {
11 | class ViewModelBase : BindableBase
12 | {
13 | private static ObservableCollection