SunlightAggregationTerminal/InfoPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="SunlightAggregationTerminal.InfoPage"                        
             xmlns:converters="clr-namespace:SunlightAggregationTerminal.Converters"  
             Title="设备信息">
    <ContentPage.Resources>
        <ResourceDictionary>
            <converters:StringToImageConverter x:Key="StringToImageConverter" />
            <converters:StringToBoolConverter x:Key="StringToBoolConverter" />
        </ResourceDictionary>
    </ContentPage.Resources>
    <RefreshView x:Name="myRefreshView_" >
        <CollectionView x:Name="CardCollectionView"                             
                 RemainingItemsThreshold="5">
                <!-- 保持滚动条 -->
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <!-- 这里定义单个卡片的 UI 结构 -->
                        <Border BackgroundColor="White" Stroke="#CCCCCC"                 
                                StrokeThickness="2" Margin="10,0,10,10"                
                                StrokeShape="RoundRectangle 10">
                            <Grid>
                                <!-- 定义一行 -->
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <Grid Grid.Row="0" BackgroundColor="#CCCCCC">
                                    <Label Text="{Binding Name}" FontAttributes="Bold" 
                                           FontSize="24" TextColor="Black"
                                           Padding="5"/>
                                </Grid>
                                <Grid Grid.Row="1">
                                    <VerticalStackLayout>
                                        <Grid>
                                            <HorizontalStackLayout>
                                                <!-- 图片 -->
                                                <Image WidthRequest="100" HeightRequest="100"
                                                       Source="{Binding Path=Model, Converter={StaticResource StringToImageConverter}}"/>
                                                <!-- 设备状态 -->
                                                <VerticalStackLayout>
                                                    <HorizontalStackLayout>
                                                        <Label Text="状态: " FontAttributes="Bold"                                         
                                                               FontSize="22" TextColor="Black"/>
                                                        <Label Text="{Binding State}" FontAttributes="Bold"                                       
                                                               FontSize="22" TextColor="Black"/>
                                                    </HorizontalStackLayout>
                                                    <HorizontalStackLayout>
                                                        <Label Text="机台: " FontAttributes="Bold"                                         
                                                               FontSize="22" TextColor="Black"/>
                                                        <Label Text="{Binding Machine}" FontAttributes="Bold"                                        
                                                               FontSize="22" TextColor="Black"/>
                                                    </HorizontalStackLayout>
                                                </VerticalStackLayout>
                                            </HorizontalStackLayout>
                                        </Grid>
                                        <BoxView HeightRequest="3" Color="#CCCCCC" />
                                        <!-- 设备信息 -->
                                        <Label Text="{Binding ModelA}" FontAttributes="Bold" FontSize="22" TextColor="Black" 
                                               IsVisible="{Binding Path=ModelA, Converter={StaticResource StringToBoolConverter}}"/>
                                        <Label Text="{Binding ModelB}" FontAttributes="Bold" FontSize="22" TextColor="Black" 
                                               IsVisible="{Binding Path=ModelB, Converter={StaticResource StringToBoolConverter}}"/>
                                        <Label Text="{Binding ModelC}" FontAttributes="Bold" FontSize="22" TextColor="Black" 
                                               IsVisible="{Binding Path=ModelC, Converter={StaticResource StringToBoolConverter}}"/>
                                        <Label Text="{Binding ModelD}" FontAttributes="Bold" FontSize="22" TextColor="Black" 
                                               IsVisible="{Binding Path=ModelD, Converter={StaticResource StringToBoolConverter}}"/>
                                        <Label Text="{Binding ModelE}" FontAttributes="Bold" FontSize="22" TextColor="Black" 
                                               IsVisible="{Binding Path=ModelE, Converter={StaticResource StringToBoolConverter}}"/>
                                        <Label Text="{Binding ModelF}" FontAttributes="Bold" FontSize="22" TextColor="Black" 
                                               IsVisible="{Binding Path=ModelF, Converter={StaticResource StringToBoolConverter}}"/>
                                        <Label Text="{Binding Information}" FontAttributes="Bold"                                        
                                                   FontSize="22" TextColor="Black"/>
                                    </VerticalStackLayout>
                                </Grid>
                            </Grid>
                            <!-- 点击事件 -->
                            <Border.GestureRecognizers>
                                <TapGestureRecognizer Tapped="TapGestureRecognizer_Tapped"/>
                            </Border.GestureRecognizers>
                        </Border>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
    </RefreshView>
</ContentPage>