c# - UWP：在一个视图中绑定用户控件的多个副本
问题描述
我创建了一个有四个文本框的 UserControl。UserControl 将用于显示来自三个不同来源的数据。到目前为止，我无法让管道恢复到 UI 工作。
这是基本设置：
MyUserControl.xaml
- 绑定到每个文本框
MyUserControl.xaml.cs
- 文本框的依赖属性
- 文本框的属性包装器 {get;set;}
MyViewModel.cs
- 每个文本框的属性
MyView.xaml
- UserControl1 {绑定到 MyViewModel 中的 UserControl1 属性}
- UserControl2 {绑定到 MyViewModel 中的 UserControl2 属性}
- UserControl3 {绑定到 MyViewModel 中的 UserControl3 属性}
这对一个用户控件非常有效，但是当我有三个时，我收到绑定错误并且文本框没有更新。我从修复错误的 MyUserControl 中删除了绑定，但我没有在文本框中看到数据（我已经在调试器中验证了数据正在进入 MyView）。我在 UWP 中所做的事情是否可行？如果可以，如何绑定到同一个 UserControl 的三个副本？我已阅读有关绑定的 Microsoft 文档，但我没有遇到多个绑定到同一个 UserControl 的问题。
public partial class PositionView : UserControl
{
// To be able to bind to PositionView content from another UI, PositionView's content is
// registered as DependencyProperties.
#region DependencyPropertyIdentifiers
public static readonly DependencyProperty LatitudeProperty =
DependencyProperty.Register("Latitude", typeof(float), typeof(PositionView), null);
public static readonly DependencyProperty LongitudeProperty =
DependencyProperty.Register("Longitude", typeof(float), typeof(PositionView), null);
public static readonly DependencyProperty ElevationProperty =
DependencyProperty.Register("Elevation", typeof(float), typeof(PositionView), null);
public static readonly DependencyProperty SatelliteCountProperty =
DependencyProperty.Register("SatelliteCount", typeof(int), typeof(PositionView), null);
public static readonly DependencyProperty MGRSProperty =
DependencyProperty.Register("MGRS", typeof(string), typeof(PositionView), null);
#endregion
// Specific Getters/Setters for the DependencyProperties using GetValue/SetValue
#region PropertyWrappers
public float Latitude
{
get { return (float)GetValue(LatitudeProperty); }
set { SetValue(LatitudeProperty, value); }
}
public float Longitude
{
get { return (float)GetValue(LongitudeProperty); }
set { SetValue(LongitudeProperty, value); }
}
public float Elevation
{
get { return (float)GetValue(ElevationProperty); }
set { SetValue(ElevationProperty, value); }
}
public string MGRS
{
get { return (string)GetValue(MGRSProperty); }
set { SetValue(MGRSProperty, value); }
}
public float SatelliteCount
{
get { return (int)GetValue(SatelliteCountProperty); }
set { SetValue(SatelliteCountProperty, value); }
}
#endregion
<UserControl
x:Class="HHPM_NEXT.Views.PositionView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:HHPM_NEXT.Views"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="200"
d:DesignWidth="460"
FontSize="26">
<UserControl.Resources>
<Style TargetType="TextBox">
<Setter Property="Margin" Value="3"/>
</Style>
</UserControl.Resources>
<Grid HorizontalAlignment="Stretch">
<!--<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width=".5*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width=".5*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>-->
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<!--<TextBlock Grid.Row="0" Grid.Column="0" Text="Latitude" HorizontalAlignment="Left" VerticalAlignment="Center" Style="{StaticResource MessageText}"/>-->
<TextBox Header="Latitutde" x:Name="LatitudeTextBox" Grid.Row="0" Grid.Column="0" HorizontalAlignment="Stretch" />
<!--<TextBlock Grid.Row="1" Grid.Column="0" Text="Longitude" HorizontalAlignment="Left" VerticalAlignment="Center" Style="{StaticResource MessageText}"/>-->
<TextBox Header="Longitude" x:Name="LongitudeTextBox" Grid.Row="0" Grid.Column="1" HorizontalAlignment="Stretch" />
<!--<TextBlock Grid.Row="2" Grid.Column="0" Text="Elevation" HorizontalAlignment="Left" VerticalAlignment="Center" Style="{StaticResource MessageText}"/>-->
<TextBox Header="Elevation" x:Name="ElevationTextBox" Grid.Row="0" Grid.Column="2" HorizontalAlignment="Stretch" />
<!--<TextBlock Grid.Row="0" Grid.Column="3" Text="MGRS" HorizontalAlignment="Left" VerticalAlignment="Center" Style="{StaticResource MessageText}"/>-->
<TextBox Header="MGRS" x:Name="MGRSTextBox" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" IsReadOnly="True" HorizontalAlignment="Stretch" />
<!--<TextBlock Grid.Row="1" Grid.Column="3" Text="Satellites" HorizontalAlignment="Left" VerticalAlignment="Center" Style="{StaticResource MessageText}"/>-->
<TextBox Header="Satellites" x:Name="SatellitesTextBox" Grid.Row="1" Grid.Column="2" IsReadOnly="True" HorizontalAlignment="Stretch" />
</Grid>
<Page
x:Class="HHPM_NEXT.Views.EmplacementView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:HHPM_NEXT"
xmlns:views="using:HHPM_NEXT.Views"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<ScrollViewer>
<UserControl>
<Grid x:Name="EmplacementViewGrid">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup>
<VisualState x:Name="VerticalState">
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth="0"/>
</VisualState.StateTriggers>
<VisualState.Setters>
<!--styles-->
<Setter Target="EmplacementViewGrid.Style" Value="{StaticResource VerticalStateGrid}"/>
<Setter Target="SavePositionButton.Style" Value="{StaticResource LargeButton}" />
<Setter Target="SendPositionTableButton.Style" Value="{StaticResource LargeButton}" />
<Setter Target="EditDevicePositionButton.Style" Value="{StaticResource LargeButton}" />
<Setter Target="DeleteAllPositionDataButton.Style" Value="{StaticResource LargeButton}" />
<!--positions-->
<Setter Target="DataAvailableBlock.(Grid.Row)" Value="6"/>
<Setter Target="SavePositionButton.(Grid.Row)" Value="7"/>
<Setter Target="SendPositionTableButton.(Grid.Row)" Value="8"/>
<Setter Target="EditDevicePositionButton.(Grid.Row)" Value="9"/>
<Setter Target="DeleteAllPositionDataButton.(Grid.Row)" Value="10"/>
<Setter Target="GPSARadioButton.(Grid.Column)" Value="0" />
<Setter Target="GPSARadioButton.(Grid.Row)" Value="0" />
<Setter Target="GPSAPositionView.(Grid.Column)" Value="0"/>
<Setter Target="GPSAPositionView.(Grid.Row)" Value="1"/>
<Setter Target="UbloxRadioButton.(Grid.Column)" Value="0" />
<Setter Target="UbloxRadioButton.(Grid.Row)" Value="2"/>
<Setter Target="UbloxPositionView.(Grid.Column)" Value="0"/>
<Setter Target="UbloxPositionView.(Grid.Row)" Value="3"/>
<Setter Target="ManualRadioButton.(Grid.Column)" Value="0" />
<Setter Target="ManualRadioButton.(Grid.Row)" Value="4"/>
<Setter Target="ManualPositionView.(Grid.Column)" Value="0"/>
<Setter Target="ManualPositionView.(Grid.Row)" Value="5"/>
</VisualState.Setters>
</VisualState>
<VisualState x:Name="HorizontalState">
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth="641"/>
</VisualState.StateTriggers>
<VisualState.Setters>
<!--styles-->
<Setter Target="EmplacementViewGrid.Style" Value="{StaticResource HorizontalStateGrid}"/>
<Setter Target="SavePositionButton.Style" Value="{StaticResource LargeSquareButton}" />
<Setter Target="SendPositionTableButton.Style" Value="{StaticResource LargeSquareButton}" />
<Setter Target="EditDevicePositionButton.Style" Value="{StaticResource LargeSquareButton}" />
<Setter Target="DeleteAllPositionDataButton.Style" Value="{StaticResource LargeSquareButton}" />
<!--positions-->
<Setter Target="SavePositionButton.(Grid.Row)" Value="5"/>
<Setter Target="SavePositionButton.(Grid.Column)" Value="0"/>
<Setter Target="SendPositionTableButton.(Grid.Row)" Value="5"/>
<Setter Target="SendPositionTableButton.(Grid.Column)" Value="1"/>
<Setter Target="EditDevicePositionButton.(Grid.Row)" Value="5"/>
<Setter Target="EditDevicePositionButton.(Grid.Column)" Value="2"/>
<Setter Target="DeleteAllPositionDataButton.(Grid.Row)" Value="5"/>
<Setter Target="DeleteAllPositionDataButton.(Grid.Column)" Value="3"/>
<Setter Target="DeviceIdTextBox.(Grid.Column)" Value="1"/>
<Setter Target="DeviceIdTextBox.(Grid.Row)" Value="0"/>
<Setter Target="GPSARadioButton.(Grid.Column)" Value="0" />
<Setter Target="GPSAPositionView.(Grid.Row)" Value="3" />
<Setter Target="GPSAPositionView.(Grid.Column)" Value="0" />
<Setter Target="UbloxRadioButton.(Grid.Column)" Value="2" />
<Setter Target="UbloxPositionView.(Grid.Column)" Value="2" />
<Setter Target="UbloxPositionView.(Grid.Row)" Value="3" />
<Setter Target="ManualRadioButton.(Grid.Column)" Value="4" />
<Setter Target="ManualPositionView.(Grid.Column)" Value="4" />
<Setter Target="ManualPositionView.(Grid.Row)" Value="3" />
<Setter Target="GPSAPositionView.(Grid.ColumnSpan)" Value="1" />
<Setter Target="UbloxPositionView.(Grid.ColumnSpan)" Value="1" />
<Setter Target="ManualPositionView.(Grid.ColumnSpan)" Value="1" />
<Setter Target="DataAvailableBlock.(Grid.Row)" Value="4" />
<Setter Target="DataAvailableBlock.(Grid.Column)" Value="1" />
<Setter Target="DataAvailableBlock.(Grid.ColumnSpan)" Value="2" />
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<TextBox x:Name="DeviceIdTextBox" Header="Device ID" HorizontalAlignment="Center"/>
<!-- Insert PositionView between DeviceID/Manual Toggle and EmplacmentView's buttons -->
<RadioButton x:Name="GPSARadioButton" Content=" GPSA" Checked="GPSARadio_Checked"/>
<views:PositionView x:Name="GPSAPositionView" Latitude="{Binding GPSALatitude}" Longitude="{Binding GPSALongitude}"
Elevation="{Binding GPSAElevation}" MGRS="{Binding GPSAMGRS}" SatelliteCount="{Binding GPSASatelliteCount}" HorizontalAlignment="Stretch" >
</views:PositionView>
<RadioButton x:Name="UbloxRadioButton" Content="Ublox GPS"/>
<views:PositionView x:Name="UbloxPositionView" Latitude="{Binding UbloxLatitude}" Longitude="{Binding UbloxLongitude}"
Elevation="{Binding UbloxElevation}" MGRS="{Binding UbloxMGRS}" SatelliteCount="{Binding UbloxSatelliteCount}" HorizontalAlignment="Stretch" >
</views:PositionView>
<RadioButton x:Name="ManualRadioButton" Content="Manual Input"/>
<views:PositionView x:Name="ManualPositionView" Latitude="{Binding ManualLatitude}" Longitude="{Binding ManualLongitude}"
Elevation="{Binding ManualElevation}" MGRS="{Binding ManualMGRS}" SatelliteCount="{Binding ManualSatelliteCount}" HorizontalAlignment="Stretch" >
</views:PositionView>
<TextBlock x:Name="DataAvailableBlock" Text="{Binding Error}" HorizontalAlignment="Center" Foreground="DarkRed"/>
<Button x:Name="SavePositionButton" Click="SavePositionButton_Click" >
<Button.Content>
<TextBlock TextWrapping="WrapWholeWords" Text="Save Position"/>
</Button.Content>
</Button>
<Button x:Name="SendPositionTableButton" Click="SendPositionTableButton_Click" >
<Button.Content>
<TextBlock TextWrapping="WrapWholeWords" Text="Send Position Table"/>
</Button.Content>
</Button>
<Button x:Name="EditDevicePositionButton" Click="EditDevicePositionButton_Click" >
<Button.Content>
<TextBlock TextWrapping="WrapWholeWords" Text="Edit Device Position"/>
</Button.Content>
</Button>
<Button x:Name="DeleteAllPositionDataButton" Click="DeleteAllPositionDataButton_Click" >
<Button.Content>
<TextBlock TextWrapping="WrapWholeWords" Text="Delete All Position Data"/>
</Button.Content>
</Button>
</Grid>
</UserControl>
</ScrollViewer>
</Page>
解决方案
简短回答：我将 UserControl 中的绑定从Text={Binding Latitude, Mode=TwoWay}更改为Text={x:bind Latitude, Mode=TwoWay}
推荐阅读
- python - 使用 make_instance 时 ClipsPy 中出现剪辑空错误
- python - 查找两个范围之间的相交集
- assembly - 我在 x86 中收到我不理解的分段错误
- type-conversion - 转换为字符串 Powershell 问题
- java - 由于类路径问题导致的 Intellij 编译错误
- python-3.x - Python：如何从字典列表中构建字典
- android - Android UPI 支付意图总是失败
- ios - Flutter iOS RevenueCat 未捕获异常'NSInternalInconsistencyException'
- amazon-web-services - Amazon S3 和 Cloudfront 存在 zip 文件问题
- javascript - 只要数组中有一个具有特定属性值的对象，while 语句就会执行某些操作