Xamarin Forms 1视图绑定到多个对象

Question

所以我必须质疑如何将多个对象绑定到一个视图，因为根据我收集的信息，每个视图不能绑定多个对象，也就是内容。我得到的数据来自SQL数据库和mongo数据库，项目来自一个数据库，产品来自另一个数据库。我希望能够从基于项目和产品模型的视图中输入数据，并将其显示到第三个对象中，该对象与2以前的对象混合。这个想法是为某些项目生成从仓库中取出的产品的库存日志。

Answer 1

是的，您可以创建一个ViewModel，其中包含需要绑定到视图的所有数据(多个对象(。

您可以参考Xamarin的官方样品。表单-集合视图。

以一个页面VerticalListSinglePreSelectionPage.xaml为例，我们可以将我们的数据添加到视图模型MonkeysViewModel.cs中，如下所示：

public class MonkeysViewModel : INotifyPropertyChanged
{
readonly IList<Monkey> source;
Monkey selectedMonkey;
int selectionCount = 1;
public ObservableCollection<Monkey> Monkeys { get; private set; }
public IList<Monkey> EmptyMonkeys { get; private set; }
public Monkey SelectedMonkey
{
get
{
return selectedMonkey;
}
set
{
if (selectedMonkey != value)
{
selectedMonkey = value;
}
}
}
ObservableCollection<object> selectedMonkeys;
public ObservableCollection<object> SelectedMonkeys
{
get
{
return selectedMonkeys;
}
set
{
if (selectedMonkeys != value)
{
selectedMonkeys = value;
}
}
}
public string SelectedMonkeyMessage { get; private set; }
// other code
}

我们可以在xaml中绑定多个对象，这里我们在页面VerticalListSinglePreSelectionPage.xml中绑定SelectedMonkeyMessage、Monkeys、SelectedMonkey和命令MonkeySelectionChangedCommand，如下所示：

<StackLayout Margin="20">
<Label Text="{Binding SelectedMonkeyMessage}" />
<CollectionView ItemsSource="{Binding Monkeys}"
SelectionMode="Single"
SelectedItem="{Binding SelectedMonkey}"
SelectionChangedCommand="{Binding MonkeySelectionChangedCommand}">
<CollectionView.ItemTemplate>
<DataTemplate>
<Grid Padding="10">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Image Grid.RowSpan="2" 
Source="{Binding ImageUrl}" 
Aspect="AspectFill"
HeightRequest="60" 
WidthRequest="60" />
<Label Grid.Column="1" 
Text="{Binding Name}" 
FontAttributes="Bold" />
<Label Grid.Row="1"
Grid.Column="1" 
Text="{Binding Location}"
FontAttributes="Italic" 
VerticalOptions="End" />
</Grid>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</StackLayout>