Convert into a production project

  • Article

You can remove SketchFlow references from a SketchFlow project to convert it into a production project. The following procedures describe how to convert a SketchFlow prototype into a production-ready project.

To convert a WPF application using Visual C#

  1. Back up your project.

  2. In the Projects panel, right-click the top project folder (for example, WPFPrototype1), and then click Open Folder in Windows Explorer.

  3. In Windows Explorer, right-click the .csproj file (for example, WPFPrototype1.csproj), click Open With, and then click Notepad.

    Note

    If Notepad isn't available, click Browse, and then locate Notepad.exe. By default, Notepad.exe is located at C:\Windows\System32.

  4. In the text file, locate and then delete the following two lines (capability flags):

    <ExpressionBlendPrototypingEnabled>false</ExpressionBlendPrototypingEnabled>
<ExpressionBlendPrototypeHarness>true</ExpressionBlendPrototypeHarness>

  5. Save and close the text file.

  6. In the References folder, locate and right-click Microsoft.Expression.Prototyping.Runtime.dll, and then click Remove from Project.

  7. In the Projects panel, right-click the next project folder (for example, WPFPrototype1Screens), and then click Open Folder in Windows Explorer.

  8. In Windows Explorer, right-click the .csproj file (for example, WPFPrototype1Screens.csproj), click Open With, and then click Notepad.

  9. In the text file, locate and then delete the following two lines (capability flags):

    <ExpressionBlendPrototypingEnabled>false</ExpressionBlendPrototypingEnabled>
<ExpressionBlendPrototypeHarness>true</ExpressionBlendPrototypeHarness>

  10. Save and close the text file.

  11. In the References folder, locate and right-click Microsoft.Expression.Prototyping.Runtime.dll, and then click Remove from Project.

  12. In the top project folder, expand the App.xaml node, and then double-click App.xaml.cs to open the file.

  13. In the App.xaml.cs file, locate the following line of code:

    [assembly: Microsoft.Expression.Prototyping.Services.SketchFlowLibraries("MyProject.Screens")]

    Note the name of the screens assembly for your project, which appears in place of MyProject.Screens in the code above, for use in step 13. Once you have made note of the name of your screens assembly, delete this line of code.

  14. In the App.xaml.cs file, locate the following code:

    this.Startup += (sender, args) => this.StartupUri = new Uri(@"pack://application:,,,/ Microsoft.Expression.Prototyping.Runtime;Component/WPF/Workspace/PlayerWindow.xaml");

    Replace it with the following code:

    this.StartupUri = new Uri(@"pack://application:,,,/MyProject.Screens;Component/MyFileName.xaml");

    Tip

    Replace MyProject.Screens with the name of the screens assembly for your project (see step 13).

    Tip

    Replace MyFileName with the name of the first screen you want to display when the solution is opened.

    Note

    If, after pressing F5 to build your project, you receive the following error message, click Yes: "The project has no startup scene and may not have a main window visible after running. Do you want to continue?"

To convert a WPF application using Visual Basic

  1. Back up your project.

  2. In the Projects panel, right-click the top project folder (for example, WPFPrototype1), and then click Open Folder in Windows Explorer.

  3. In Windows Explorer, right-click the .vbproj file (for example, WPFPrototype1.vbproj), click Open With, and then click Notepad.

    Note

    If Notepad isn't available, click Browse, and then locate Notepad.exe. By default, Notepad.exe is located at C:\Windows\System32.

  4. In the text file, locate and then delete the following two lines (capability flags):

    <ExpressionBlendPrototypingEnabled>false</ExpressionBlendPrototypingEnabled>
<ExpressionBlendPrototypeHarness>true</ExpressionBlendPrototypeHarness>

  5. Save and close the text file.

  6. In the References folder, locate and right-click Microsoft.Expression.Prototyping.Runtime.dll, and then click Remove from Project.

  7. In the Projects panel, right-click the next project folder (for example, WPFPrototype1Screens), and then click Open Folder in Windows Explorer.

  8. In Windows Explorer, right-click the .vbproj file (for example, WPFPrototype1Screens.vbproj), click Open With, and then click Notepad.

  9. In the text file, locate and then delete the following two lines (capability flags):

    <ExpressionBlendPrototypingEnabled>false</ExpressionBlendPrototypingEnabled>
<ExpressionBlendPrototypeHarness>true</ExpressionBlendPrototypeHarness>

  10. Save and close the text file.

  11. In the References folder, locate and right-click Microsoft.Expression.Prototyping.Runtime.dll, and then click Remove from Project.

  12. In the top project folder, expand the App.xaml node, and then double-click App.xaml.vb to open the file.

  13. In the App.xaml.cs file, locate the following code:

    [assembly: Microsoft.Expression.Prototyping.Services.SketchFlowLibraries("MyProject.Screens")]

    Note the name of the screens assembly for your project, which appears in place of MyProject.Screens in the code above, for use in step 13. Once you have made note of the name of your screens assembly, delete the line of code.

  14. In the App.xaml.vb file, locate the following code:

    Me.StartupUri = New Uri("pack://application:,,,/ Microsoft.Expression.Prototyping.Runtime;Component/WPF/Workspace/PlayerWindow.xaml")

    Replace it with the following code:

    Me.StartupUri = New Uri("pack://application:,,,/MyProject.Screens;Component/MyFileName.xaml")

    Tip

    Replace MyProject.Screens with the name of the screens assembly for your project (see step 13).

    Tip

    Replace MyFileName with the name of the first screen you want to display when the solution is opened.

    Note

    If, after pressing F5 to build your project, you receive the following error message, click Yes: "The project has no startup scene and may not have a main window visible after running. Do you want to continue?"

To convert a Silverlight application using Visual C#

  1. Back up your project.

  2. In the Projects panel, right-click the top project folder (for example, SilverlightPrototype1), and then click Open Folder in Windows Explorer.

  3. In Windows Explorer, right-click the .csproj file (for example, SilverlightPrototype1.csproj), click Open With, and then click Notepad.

    Note

    If Notepad isn't available, click Browse, and then locate Notepad.exe. By default, Notepad.exe is located at C:\Windows\System32.

  4. In the text file, locate and then delete the following two lines (capability flags):

    <ExpressionBlendPrototypingEnabled>false</ExpressionBlendPrototypingEnabled>
<ExpressionBlendPrototypeHarness>true</ExpressionBlendPrototypeHarness>

  5. Save and close the text file. When prompted to reload the project file, click Yes.

  6. In the References folder, locate and right-click Microsoft.Expression.Prototyping.Runtime.dll, and then click Remove from Project.

  7. Right-click the top project folder again, and then click Add Reference. In the Add Reference dialog box, browse to the Microsoft Silverlight SDK, and then locate and click the System.Windows.Controls.Navigation.dll. The default location is C:\Program Files\Microsoft SDKs\Silverlight\v3.0\Libraries\Client.

  8. Click Open.

  9. In the Projects panel, right-click the next project folder (for example, SilverlightPrototype1Screens), and then click Open Folder in Windows Explorer.

  10. In Windows Explorer, right-click the .csproj file (for example, SilverlightPrototype1Screens.csproj), click Open With, and then click Notepad.

  11. In the text file, locate and then delete the following two lines (capability flags):

    <ExpressionBlendPrototypingEnabled>false</ExpressionBlendPrototypingEnabled>
<ExpressionBlendPrototypeHarness>true</ExpressionBlendPrototypeHarness>

  12. Save and close the text file.

  13. In the References folder, locate and right-click Microsoft.Expression.Prototyping.Runtime.dll, and then click Remove from Project.

  14. In the top project folder, expand the App.xaml node, and then double-click App.xaml.cs to open the file.

  15. In the App.xaml.cs file, locate the following code:

    [assembly: Microsoft.Expression.Prototyping.Services.SketchFlowLibraries("MyProject.Screens")]

    Note the name of the screens assembly for your project, which appears in place of MyProject.Screens in the code above, for use in step 15. Once you have made note of the name of your screens assembly, delete the line of code.

  16. In the App.xaml.cs file, locate the following code:

    this.RootVisual = new Microsoft.Expression.Prototyping.Workspace.PlayerWindow();

    Replace it with the following code:

    this.RootVisual = new System.Windows.Controls.Frame() { Source = new Uri("/MyProject.Screens;component/MyFileName.xaml", UriKind.Relative) };

    Tip

    Replace MyProject.Screens with the name of the screens assembly for your project (see step 15).

    Tip

    Replace MyFileName with the name of the first screen you want to display when the solution is opened.

    Note

    If, after pressing F5 to build your project, you receive the following error message, click Yes: "The project has no startup scene and may not have a main window visible after running. Do you want to continue?"

To convert a Silverlight application using Visual Basic

  1. Back up your project.

  2. In the Projects panel, right-click the top project folder (for example, SilverlightPrototype1), and then click Open Folder in Windows Explorer.

  3. In Windows Explorer, right-click the .vbproj file (for example, SilverlightPrototype1.vbproj), click Open With, and then click Notepad.

    Note

    If Notepad isn't available, click Browse, and then locate Notepad.exe. By default, Notepad.exe is located at C:\Windows\System32.

  4. In the text file, locate and then delete the following two lines (capability flags):

    <ExpressionBlendPrototypingEnabled>false</ExpressionBlendPrototypingEnabled>
<ExpressionBlendPrototypeHarness>true</ExpressionBlendPrototypeHarness>

  5. Save and close the text file. When prompted to reload the project file, click Yes.

  6. In the References folder, locate and right-click Microsoft.Expression.Prototyping.Runtime.dll, and then click Remove from Project.

  7. Right-click the top project folder again, and then click Add Reference. In the Add Reference dialog box, browse to the Silverlight SDK, and then locate and click the System.Windows.Controls.Navigation.dll. The default location is C:\Program Files\Microsoft SDKs\Silverlight\v3.0\Libraries\Client.

  8. Click Open.

  9. In the Projects panel, right-click the next project folder (for example, SilverlightPrototype1Screens), and then click Open Folder in Windows Explorer.

  10. In Windows Explorer, right-click the .vbproj file (for example, WPFPrototype1Screens.vbproj), click Open With, and then click Notepad.

  11. In the text file, locate and then delete the following two lines (capability flags):

    <ExpressionBlendPrototypingEnabled>false</ExpressionBlendPrototypingEnabled>
<ExpressionBlendPrototypeHarness>true</ExpressionBlendPrototypeHarness>

  12. Save and close the text file.

  13. In the References folder, locate and right-click Microsoft.Expression.Prototyping.Runtime.dll, and then click Remove from Project.

  14. In the top project folder, expand the App.xaml node, and then double-click App.xaml.cs to open the file.

  15. In the App.xaml.cs file, locate the following code:

    [assembly: Microsoft.Expression.Prototyping.Services.SketchFlowLibraries("MyProject.Screens")]

    Note the name of the screens assembly for your project, which appears in place of MyProject.Screens in the code above, for use in step 15. Once you have made note of the name of your screens assembly, delete the line of code.

  16. In the App.xaml.cs file, locate the following code:

    Me.RootVisual = New Microsoft.Expression.Prototyping.Workspace.PlayerWindow()

    Replace it with the following code:

    Me.RootVisual = New System.Windows.Controls.Frame() With {.Source = New Uri("/MyProject.Screens;component/MyFileName.xaml", UriKind.Relative)}

    Tip

    Replace MyProject.Screens with the name of the screens assembly for your project (see step 15).

    Tip

    Replace MyFileName with the name of the first screen you want to display when the solution is opened.

    Note

    If, after pressing F5 to build your project, you receive the following error message, click Yes: "The project has no startup scene and may not have a main window visible after running. Do you want to continue?"

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.