无法在网格中使用 ObservableCollection？

Question

我目前正在使用Xamarin应用程序来读取RFID温度标签并实时更新其值。当前的设置使用两个水平堆叠式，一种带有listView，显示标签及其值列表，另一个带有人体图像的网格，我也希望在特定的位置显示该值。

在ListView端，我可以成功调用一个名为Taginfolist的对象，这是我从BasePage初始化中调用的类中的观察力授权。但是，在网格侧，我尝试了使用Taginfolist的多种方法，但它不起作用。我已经尝试了BindableLayout，DataTemplates + ViewCells，并且没有一个允许我在第二个堆栈中获得Taginfolist可用。

这是两个水平堆叠式的XAML代码：

<StackLayout Orientation="Horizontal" HorizontalOptions="StartAndExpand">
          <ListView x:Name="liewViewTagData" ItemsSource="{Binding TagInfoList}" SelectedItem="{Binding objItemSelected, Mode=TwoWay}">
            <ListView.Header>
              <StackLayout BackgroundColor="#cccccc">
                <Grid>
                  <!-- Grid + Label code irrelevant to my issue-->
                </Grid>
              </StackLayout>
            </ListView.Header>

            <ListView.ItemTemplate>
              <DataTemplate>
                <ViewCell>
                  <StackLayout Orientation="Vertical">
                    <Grid>
                      <!-- Grid + Label code irrelevant to my issue-->
                    </Grid>
                  </StackLayout>
                </ViewCell>
              </DataTemplate>
            </ListView.ItemTemplate>
          </ListView>
        </StackLayout> <!-- RFID Tag Section -->

        <StackLayout Orientation="Horizontal" HorizontalOptions="EndAndExpand"> <!-- Body Model Section -->
          <!-- HERE: WHAT TO PUT FOR TagInfoList TO BE USABLE? -->
          <Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" WidthRequest="400" ColumnSpacing="0">
             <!-- Grid + Label + Images I want to use TagInfoList information in -->
          </Grid>
          <!-- HERE: WHAT TO PUT FOR TagInfoList TO BE USABLE? -->
        </StackLayout> <!-- Body Model Section -->
      </StackLayout>```

由于它不相关，因此我删除了大部分内部网格。 Taginfolist是一个类的观测值，其中包含我需要的所有数据（字符串和INT）。如何在第二个堆栈中使用taginfolist？如果我这样做的方法与第一个堆叠式的方法相同，那么我会得到我两次称为taginfolist的错误（通过“ liewviewtagdata”项目）。这是.xaml.cs文件中的代码：

liewViewTagData.ItemSelected += (sender, e) => {
                if (e.SelectedItem == null) return;     // Don't do anything if we just de-selected the row
                ((ListView)sender).SelectedItem = null; // De-select the row
            };

我的唯一目标是在两个堆栈中使用taginfolist observableCollection，但我不确定该怎么做。

谢谢！

Answer 1

如果我这样做的方法与第一个堆栈相同的方法，我会发现一个错误
我两次称之为taginfolist（通过“ liewviewtagdata”
项目）。

您可以以与第一个stacklayout相同的方式进行操作，并且可以将两个listViews的属性 x：name 更改为不同的name。

您可以参考以下代码：

     <ScrollView Orientation="Horizontal">
    <StackLayout Orientation="Horizontal" HorizontalOptions="StartAndExpand">

            <StackLayout Orientation="Horizontal" HorizontalOptions="EndAndExpand">
                <ListView  x:Name="liewViewTagData" RowHeight="60" ItemsSource="{ Binding TagInfoList}">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell>

                                <!--other code-->

                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </StackLayout>

            <StackLayout Orientation="Horizontal" HorizontalOptions="EndAndExpand">
                <ListView  x:Name="liewView2" RowHeight="60" ItemsSource="{ Binding TagInfoList}">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell>

                                <!--other code-->
                                
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </StackLayout>
        </StackLayout>
    </ScrollView>

注意：

如果您的水平空间用完，我建议您在外层添加scrollview。