HelloWorldView.xaml

<UserControl x:Class="Hello_World_Sample.HelloWorldView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Hello_World_Sample"
             xmlns:resx="clr-namespace:Hello_World_Sample.Properties"
             mc:Ignorable="d" 
             d:DesignHeight="3000" d:DesignWidth="300">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/Hello World Sample;component/CustomWidgets.xaml" />
                <ResourceDictionary Source="/WinTak.UI;component/DefaultTheme.xaml" x:Name="Dict" /> <!-- tak.gov documenation/WinTAK Development/WinTAK UI Design Guide -->
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        <ScrollViewer>
            <StackPanel>
                
                <TextBlock Style="{StaticResource WinTakTextBlockTextDesign}" Text="This Hello World plugin is based on ATAK Hello World Plugin" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextDesign}" Text="Hold your mouse over the button for a brief description." />
                <TextBlock Style="{StaticResource WinTakTextBlockTextDesign}" Text="Click on a button for a demonstration" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Layout Examples" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnLargeName}" Command="{Binding LargerBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnLargeDescription}" />
                <Button Content="{x:Static resx:Resources.btnSmallerName}" Command="{Binding SmallerBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnSmallerDescription}" />
                <Button Content="{x:Static resx:Resources.btnShowSearchIconName}" Command="{Binding ShowSearchIconBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnShowSearchIconDescription}" />
                <Button Content="{x:Static resx:Resources.btnRecyclerViewName}" Command="{Binding RecyclerViewBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnRecyclerViewDescription}" />
                <Button Content="{x:Static resx:Resources.btnTabViewName}" Command="{Binding TabViewBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnTabViewDescription}" />
                <Button Content="{x:Static resx:Resources.btnOverlayViewName}" Command="{Binding OverlayViewBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnOverlayViewDescription}" />
                <Button Content="{x:Static resx:Resources.btnDropDownName}" Command="{Binding DropdownBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnDropDownDescription}" />
                <Grid>
                    <Grid.ColumnDefinitions>
                        <!-- in HelloWorldDockPane we have defined the width size at 300 -->
                        <ColumnDefinition Width="100" />
                        <ColumnDefinition Width="100" />
                        <ColumnDefinition Width="100" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column ="0" Text="Layout interaction : " />
                    <TextBox Grid.Column ="1" Text="{Binding CallSignName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                    <TextBox Grid.Column ="2" Text="{Binding InputTextMsg, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                </Grid>
                
                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Map Movement" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />

                <Button Content="{x:Static resx:Resources.btnFlyName}" Command="{Binding FlyBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnFlyDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Marker Manipulation" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnSpecialWheelMarkerName}" Command="{Binding SpecialMarkerBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnSpecialWheelMarkerDescription}" />
                <Button Content="{x:Static resx:Resources.btnAddAnAircraftName}" Command="{Binding AddAnAircraftBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnAddAnAircraftDescription}" />
                <Button Content="{x:Static resx:Resources.btnSvgMarkerName}" Command="{Binding SvgMarkerBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnSvgMarkerDescription}" />
                <Button Content="{x:Static resx:Resources.btnAddLayerName}" Command="{Binding AddLayerBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnAddLayerDescription}" />
                <Button Content="{x:Static resx:Resources.btnAddMultiLayerName}" Command="{Binding AddMultiLayerBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnAddMultiLayerDescription}" />
                <Button Content="{x:Static resx:Resources.btnAddHeatMapName}" Command="{Binding AddHeatMapBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnAddHeatmapDescription}" />
                <Button Content="{x:Static resx:Resources.btnStaleOutMarkerName}" Command="{Binding StaleOutMarkerBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnStaleOutMarkerDescription}" />
                <Button Content="{x:Static resx:Resources.btnAddStreamName}" Command="{Binding AddStreamBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnAddStreamDescription}" />
                <Button Content="{x:Static resx:Resources.btnRemoveStreamName}" Command="{Binding RemoveStreamBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnRemoveStreamDescription}" />
                <Button Content="{x:Static resx:Resources.btnCoordinateEntryName}" Command="{Binding CoordinateEntryBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnCoordinateEntryDescription}" />
                <Button Content="{x:Static resx:Resources.btnItemInspectName}" Command="{Binding ItemInspectBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnItemInspectDescription}" />
                <Button Content="{x:Static resx:Resources.btnCustomTypeName}" Command="{Binding CustomTypeBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnCustomTypeDescription}" />
                <Button Content="{x:Static resx:Resources.btnCustomMenuFactoryName}" Command="{Binding CustomMenuFactoryBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnCustomMenuFactoryDescription}" />
                <Button Content="{x:Static resx:Resources.btnIssLocationName}" Command="{Binding ISSLocationBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnIssLocationDescription}" />
                <Button Content="{x:Static resx:Resources.btnSensorFovName}" Command="{Binding SensorFOVBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnSensorFovDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}"  Text="Route Examples" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnListRoutesName}" Command="{Binding ListRoutesBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnListRoutesDescription}" />
                <Button Content="{x:Static resx:Resources.btnAddXRouteName}" Command="{Binding AddXRouteBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnAddXRouteDescription}" />
                <Button Content="{x:Static resx:Resources.btnReXRouteName}" Command="{Binding ReXRouteBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnReXRouteDescription}" />
                <Button Content="{x:Static resx:Resources.btnDropRouteName}" Command="{Binding DropRouteBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnDropRouteDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Emergency Examples" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnEmergencyName}" Command="{Binding EmergencyBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnEmergencyDescription}" />
                <Button Content="{x:Static resx:Resources.btnNoEmergencyName}" Command="{Binding NoEmergencyBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnNoEmergencyDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Drawing Examples" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnRbCircleName}" Command="{Binding RbcircleBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnRbCircleDescription}" />
                <Button Content="{x:Static resx:Resources.btnAddRectangleName}" Command="{Binding AddRectangleBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnAddRectangleDescription}" />
                <Button Content="{x:Static resx:Resources.btnDrawShapesName}" Command="{Binding DrawShapesBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnDrawShapesDescription}" />
                <Button Content="{x:Static resx:Resources.btnGroupAddName}" Command="{Binding GroupAddBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnGroupAddDescription}" />
                <Button Content="{x:Static resx:Resources.btnAssociationsName}" Command="{Binding AssociationsBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnAssociationsDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="GPS Examples" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnExternalGpsName}" Command="{Binding ExternalGpsBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnExternalGpsDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Elevation Examples" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnSurfaceAtCenterName}" Command="{Binding SurfaceAtCenterBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnSurfaceAtCenterDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Notification Examples" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnGetCurrentNotificationsName}" Command="{Binding GetCurrentNotificationsBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnGetCurrentNotificationsDescription}" />
                <Button Content="{x:Static resx:Resources.btnFakeContentProviderName}" Command="{Binding FakeContentProviderBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnFakeContentProviderDescription}" />
                <Button Content="{x:Static resx:Resources.btnNotificationSpammerName}" Command="{Binding NotificationSpammerBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnNotificationSpammerDescription}" />
                <Button Content="{x:Static resx:Resources.btnNotificationWithOptionsName}" Command="{Binding NotificationWithOptionsBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnNotificationWithOptionsDescription}" />
                <Button Content="{x:Static resx:Resources.btnNotificationToWinTakToastName}" Command="{Binding NotificationToWinTakToastBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnNotificationToWinTakToastDescription}" />
                <Button Content="{x:Static resx:Resources.btnNotificationToWindowsName}" Command="{Binding NotificationToWindowsBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnNotificationToWindowsDescription}" />
                <Button Content="{x:Static resx:Resources.btnVideoLauncherName}" Command="{Binding VideoLauncherBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnVideoLauncherDescription}" />
                <Button Content="{x:Static resx:Resources.btnAddToolbarItemName}" Command="{Binding AddToolbarItemBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnAddToolbarItemDescription}" />
                <Button Content="{x:Static resx:Resources.btnAddCountToIconName}" Command="{Binding AddCountToIconBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnAddCountToIconDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Images and Camera" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnCameraLauncherName}" Command="{Binding CameraLauncherBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnCameraLauncherDescription}" />
                <Button Content="{x:Static resx:Resources.btnImageAttachName}" Command="{Binding ImageAttachBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnImageAttachDescription}" />
                <Button Content="{x:Static resx:Resources.btnWebViewName}" Command="{Binding WebViewBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnWebViewDescription}" />
                <Button Content="{x:Static resx:Resources.btnMapScreenshotName}" Command="{Binding MapScreenshotBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnMapScreenshotDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Speech To Text" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnSpeechToTextName}" Command="{Binding SpeechToTextBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnSpeechToTextDescription}" />
                <Button Content="{x:Static resx:Resources.btnSpeechToActivityName}" Command="{Binding SpeechToActivityBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnSpeechToActivityDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Sensors" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnBumpControlName}" Command="{Binding BumpControlBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnBumpControlDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Navigation" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnHookNavigationEventsName}" Command="{Binding HookNavigationEventsNameBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnHookNavigationEventsDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Lower Level Examples" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnGetImageName}" Command="{Binding GetImagesBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnGetImageDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Map Layers" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnDownloadMapLayerName}" Command="{Binding DownloadMapLayerBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnDownloadMapLayerDescription}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Spinner Examples" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />
                <Button Content="{x:Static resx:Resources.btnSpinner1Name}" Command="{Binding Spinner1Btn}" Style="{StaticResource DarkButtonStyle}" ToolTip="{x:Static resx:Resources.btnSpinner1Description}" />

                <TextBlock Style="{StaticResource WinTakTextBlockTextTitle}" Text="Plugin Template Duplicate" />
                <Separator Style="{StaticResource WinTakSeparatorDesign}" />

                <Button Content="Increase Counter" Command="{Binding IncreaseCounterBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="Hit the button to increase the counter" />
                <TextBlock Text="{Binding Counter}" />
                <ToggleButton Content="(de)activate" IsChecked="{Binding MapFunctionIsActivate}" Style="{StaticResource DarkButtonStyle}" ToolTip="Hit the button to (de)activate mouse GPS information" />
                <TextBlock>
                    <Run Text="Lat : " />
                    <Run Text="{Binding MapFunctionLat}" />
                    <Run Text=" ; Long : " />
                    <Run Text="{Binding MapFunctionLon}" />
                </TextBlock>
                <Button Content="White House" Command="{Binding WhiteHouseCoTBtn}" Style="{StaticResource DarkButtonStyle}" ToolTip="" />
            </StackPanel>
        </ScrollViewer>
    </Grid>
</UserControl>