add: 数据发送页tabcontrol绑定list

Author: chenxuuu

llcomNext/LLCOM/ViewModels/Pages/DataPageViewModel.cs

@@ -1,4 +1,5 @@
 using System;
+using System.Collections.ObjectModel;
 using CommunityToolkit.Mvvm.ComponentModel;
 
 namespace LLCOM.ViewModels;
@@ -7,11 +8,26 @@ public partial class DataPageViewModel: ViewModelBase
 {
     private Func<Type, ViewModelBase> _getService;
 
+    [ObservableProperty]
+    private int _selectedTabIndex = 0;
+    
+    [ObservableProperty]
+    private ObservableCollection<DataPageTabItemModel> _tabList = new();
+    
     //用于设计时预览，正式代码中无效
     public DataPageViewModel() {}
 
     public DataPageViewModel(Func<Type, ViewModelBase> getService)
     {
         _getService = getService;
+        
+        _tabList.Add(new DataPageTabItemModel("test1", _getService(typeof(LogPageViewModel))));
+        _tabList.Add(new DataPageTabItemModel("test2", _getService(typeof(OnlinePageViewModel))));
     }
+}
+
+public class DataPageTabItemModel(string header, ViewModelBase content)
+{
+    public string Header { get; } = header;
+    public ViewModelBase Content { get; } = content;
 }

llcomNext/LLCOM/Views/Pages/DataPageView.axaml

@@ -1,19 +1,25 @@
 <UserControl
-    d:DesignHeight="800"
-    d:DesignWidth="381"
-    mc:Ignorable="d"
     x:Class="LLCOM.Views.DataPageView"
-    x:DataType="vm:DataPageViewModel"
     xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:vm="using:LLCOM.ViewModels"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    d:DesignHeight="800"
+    d:DesignWidth="381"
+    x:DataType="vm:DataPageViewModel"
+    mc:Ignorable="d">
     <Design.DataContext>
         <vm:DataPageViewModel />
     </Design.DataContext>
-    <StackPanel>
-        <TextBlock Text="DataPageView" />
-        <ToggleSwitch />
-    </StackPanel>
+    <TabControl
+        DisplayMemberBinding="{Binding Header, x:DataType=vm:DataPageTabItemModel}"
+        ItemsSource="{Binding TabList}"
+        SelectedIndex="{Binding SelectedTabIndex}">
+        <TabControl.ContentTemplate>
+            <DataTemplate x:DataType="vm:DataPageTabItemModel">
+                <UserControl Content="{Binding Content}" />
+            </DataTemplate>
+        </TabControl.ContentTemplate>
+    </TabControl>
 </UserControl>