2014-09-04 02:46:39 +04:00
|
|
|
# Win2D
|
2014-06-28 00:53:27 +04:00
|
|
|
|
2014-09-04 02:46:39 +04:00
|
|
|
Win2D is an easy-to-use Windows Runtime API for immediate mode 2D graphics
|
2014-07-29 21:50:27 +04:00
|
|
|
rendering with GPU acceleration. It is available to C# and C++ developers writing
|
|
|
|
Windows Store apps for Windows 8.1 and Windows Phone 8.1. It utilizes the power of
|
|
|
|
Direct2D, and integrates seamlessly with XAML and ICoreWindow.
|
|
|
|
|
2014-09-04 02:46:39 +04:00
|
|
|
Win2D is work in progress and evolving rapidly. The goal of releasing this code
|
2014-07-29 21:50:27 +04:00
|
|
|
in an early, incomplete state is to solicit early developer feedback.
|
|
|
|
|
2014-09-04 02:46:39 +04:00
|
|
|
- [Features](http://github.com/Microsoft/Win2D/wiki/Features) - *what's implemented so far*
|
|
|
|
- [Backlog](http://github.com/Microsoft/Win2D/wiki/Backlog) - *what we plan to add next*
|
|
|
|
- [Documentation](http://microsoft.github.io/Win2D)
|
|
|
|
- [Team blog](http://blogs.msdn.com/b/win2d)
|
2014-08-27 21:56:08 +04:00
|
|
|
- [License](http://www.apache.org/licenses/LICENSE-2.0.html)
|
2014-09-08 08:28:05 +04:00
|
|
|
- [Contributing](http://github.com/Microsoft/Win2D/blob/master/CONTRIBUTING.md)
|
2014-08-27 21:56:08 +04:00
|
|
|
|
|
|
|
## Code Example
|
|
|
|
To give you a flavor of what the code looks like, here is a snippet of XAML:
|
|
|
|
```xml
|
|
|
|
xmlns:canvas="using:Microsoft.Graphics.Canvas"
|
|
|
|
|
|
|
|
<Grid>
|
|
|
|
<canvas:CanvasControl x:Name="canvasControl" />
|
|
|
|
</Grid>
|
|
|
|
```
|
|
|
|
and C#:
|
|
|
|
```cs
|
|
|
|
canvasControl.Draw += canvasControl_Draw;
|
|
|
|
```
|
|
|
|
```cs
|
|
|
|
void canvasControl_Draw(CanvasControl sender, CanvasDrawEventArgs args)
|
|
|
|
{
|
2014-09-04 02:35:40 +04:00
|
|
|
args.DrawingSession.Clear(Colors.CornflowerBlue);
|
2014-09-25 21:23:18 +04:00
|
|
|
args.DrawingSession.DrawEllipse(155, 115, 80, 30, Colors.Black, 3);
|
2014-09-04 02:35:40 +04:00
|
|
|
args.DrawingSession.DrawText("Hello, world!", 100, 100, Colors.Yellow);
|
2014-08-27 21:56:08 +04:00
|
|
|
}
|
|
|
|
```
|
2014-07-29 21:50:27 +04:00
|
|
|
|
|
|
|
## Setup
|
2014-08-27 21:56:08 +04:00
|
|
|
#### Visual Studio
|
2014-07-29 21:50:27 +04:00
|
|
|
- Download [here](http://www.visualstudio.com/en-us/downloads/download-visual-studio-vs.aspx)
|
2014-08-27 21:56:08 +04:00
|
|
|
- Requires Visual Studio 2013 Update 2 or greater
|
|
|
|
- If using Visual Studio Express, requires the 'for Windows' version (not 'for Windows Desktop')
|
2014-07-29 21:50:27 +04:00
|
|
|
|
2014-08-27 21:56:08 +04:00
|
|
|
#### Clone Repository
|
2014-07-29 21:50:27 +04:00
|
|
|
- Go to 'View' -> 'Team Explorer' -> 'Local Git Repositories' -> 'Clone'
|
2014-09-04 02:46:39 +04:00
|
|
|
- Add the Win2D repository URL (https://github.com/Microsoft/Win2D.git) and hit 'Clone'
|
2014-07-29 21:50:27 +04:00
|
|
|
|
2014-08-27 21:56:08 +04:00
|
|
|
#### Build NuGet Packages
|
2014-07-29 21:50:27 +04:00
|
|
|
- In Windows search, type 'Visual Studio Tools', and select that folder to open it
|
|
|
|
- Launch 'Developer Command Prompt for VS2013'
|
2014-09-04 02:46:39 +04:00
|
|
|
- Change directory to your cloned Win2D repository and run 'build'
|
2014-07-29 21:50:27 +04:00
|
|
|
- Point Visual Studio at the resulting 'bin' directory:
|
|
|
|
- In Visual Studio, go to 'Tools' -> 'NuGet Package Manager' -> 'Package Manager Settings'
|
|
|
|
- Choose 'Package Sources'
|
|
|
|
- Click the '+' button to add a new source
|
2014-09-04 02:46:39 +04:00
|
|
|
- Set 'Name' to 'Win2D' (or a name of your choosing)
|
|
|
|
- Set 'Source' to the full path to the 'bin' directory (inside your cloned Win2D repository)
|
2014-07-29 21:50:27 +04:00
|
|
|
- Click the 'Update' button
|
|
|
|
- Click 'OK'
|
|
|
|
|
2014-08-27 21:56:08 +04:00
|
|
|
#### Quickstart
|
2014-07-29 21:50:27 +04:00
|
|
|
Follow the steps below to get started on writing your own apps.
|
|
|
|
|
|
|
|
- Go to 'File' -> 'New' -> 'Project...'
|
|
|
|
- Select 'Visual C#' -> 'Store Apps' -> 'Universal Apps'
|
|
|
|
- Create a 'Blank App (Universal Apps)'
|
|
|
|
- Set a 'Name' of your choosing
|
|
|
|
- Click 'OK'
|
|
|
|
- Go to 'Tools' -> 'NuGet Package Manager' -> 'Manage NuGet Packages for Solution...'
|
2014-09-13 01:40:58 +04:00
|
|
|
- If installing the locally built version, change 'Stable Only' to 'Include Prerelease'
|
2014-09-04 02:46:39 +04:00
|
|
|
- Select 'Win2D' package and click 'Install'
|
2014-07-29 21:50:27 +04:00
|
|
|
- Click 'Close'
|
|
|
|
- Change Solution platform from 'Any CPU' to x86
|
|
|
|
- You are now ready to hit F5 (Build)
|
|
|
|
|
2014-09-08 08:28:05 +04:00
|
|
|
A working sample can be found in the Samples directory.
|