ComponentOne Gauge for UWP
Gauges for UWP Quick Start / Step 1 of 4: Setting up the Application
In This Topic
    Step 1 of 4: Setting up the Application
    In This Topic

    In this step you will create an application in Visual Studio, and add StackPanel panels to customize the layout of the controls.

    To set up your project, follow these steps:

    1. In Visual Studio, select File | New | Project.
    2. Select Templates | Visual C# | Windows | Universal. From the templates list, select Blank App (Universal Windows). Enter a Name for your project and click OK to create your project.

      The MainPage.xaml page will open with the cursor between the <Grid> and </Grid> tags.
    3. Navigate to the Toolbox and double-click the StackPanel icon to add the panel to MainPage.xaml.
    4. Add  x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center" to the <StackPanel> tag so that it appears similar to the following:
      Markup
      Copy Code
      <StackPanel x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center"></StackPanel>
      
      Elements in the panel will now appear centered and vertically positioned.
    5. In the XAML window of the project, place the cursor between the <StackPanel> and </StackPanel> tags.
    6. Navigate to the Toolbox and double-click the StackPanel icon to add the panel to the existing StackPanel.
    7. Add  x:Name="sp2" Width="Auto" Height="Auto" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center" to the <StackPanel> tag so that it appears similar to the following:
      Markup
      Copy Code
      <StackPanel x:Name="sp2" Width="Auto" Height="Auto" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center"></StackPanel>
      
      Elements in the panel will now appear centered and horizontally positioned.

    You've successfully created a new UWP style project and set up your application. In the next step you'll added Gauges for UWP controls to the application and customize those controls.