Windows 堆栈面板中的 10 个通用应用程序 UserControl

Question

我需要将自定义 UserControl 放入 Stackpannel。我有这个用户控件：

<UserControl
    x:Class="ScannerApp.Custom_Controls.LocationAndQuantity"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:ScannerApp.Custom_Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="20"
    d:DesignWidth="400">

    <Grid Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100*"/>
            <ColumnDefinition Width="80*"/>
            <ColumnDefinition Width="100*"/>
        </Grid.ColumnDefinitions>
        <Border x:Name="border" Background="Red" BorderThickness="1" HorizontalAlignment="Left" Height="20" VerticalAlignment="Top" Width="143">
            <TextBlock x:Name="locationTxt" Text="location" HorizontalAlignment="Center"></TextBlock>
        </Border>
        <TextBlock x:Name="quantityTxt" Text="quantity" Grid.Column="2" HorizontalAlignment="Center" TextWrapping="Wrap" VerticalAlignment="Top"/>
    </Grid>
</UserControl>

和一个带有堆栈面板的页面

<Page
    x:Class="ScannerApp.FindPN___STEP2"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:ScannerApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        ...
        <StackPanel>
            <!--here I want to place the userControls-->
        </StackPanel>
    </Grid>
</Page>

我尝试了一些解决方案，例如 <controls: ...> //this could not be found by intellisense even 或

<my:UserControlName Grid.Column="2" Grid.Row="2" ... />
<Window ... 
    xmlns:my="clr-namespace:AssemblyName"
    ...
/>

但我这里没有 Window...我试图将类似的内容放入页面中，但我真的不知道该在其中输入什么。

Answer 1

如评论中所述，您必须修复 XAML。如果你想使用自定义控件，你必须告诉编译器控件来自哪里。

如果您的控件命名空间是

ScannerApp.Custom_Controls

您必须将页面XAML写成

<Page
    x:Class="ScannerApp.FindPN___STEP2"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:ScannerApp.Custom_Controls" <!--FIXED HERE-->
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

  <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    ...
    <StackPanel>
      <local:NameOfYourControl x:Name="MyNewControl" /> <!--Properties can be added-->
    </StackPanel>
  </Grid>
</Page>

Windows 堆栈面板中的 10 个通用应用程序 UserControl

Windows 10 universal app UserControl in stackpanel

c#

xaml

user-controls

windows-10-universal