From 41c484eaf83fe8b9a4a326345f506a4350a458b8 Mon Sep 17 00:00:00 2001
From: lincube <lincube3@hotmail.com>
Date: Sun, 26 Jul 2026 22:28:25 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=20Android=20?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=20head=20=E4=B8=8E=E5=85=B1?=
 =?UTF-8?q?=E4=BA=AB=E7=A7=BB=E5=8A=A8=E5=A3=B3=EF=BC=88=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Directory.Packages.props                      |   1 +
 .../LanMountainDesktop.Mobile.Android.csproj  |  23 +++++++
 .../MainActivity.cs                           |  19 ++++++
 .../MobileAndroidApplication.cs               |  26 ++++++++
 .../Resources/drawable/icon.png               | Bin 0 -> 13761 bytes
 .../Resources/values/styles.xml               |   8 +++
 .../LanMountainDesktop.Mobile.csproj          |  23 +++++++
 LanMountainDesktop.Mobile/MobileApp.axaml     |   8 +++
 LanMountainDesktop.Mobile/MobileApp.axaml.cs  |  33 ++++++++++
 .../ViewModels/WidgetPanelViewModel.cs        |  57 ++++++++++++++++++
 .../Views/WidgetPanelView.axaml               |  44 ++++++++++++++
 .../Views/WidgetPanelView.axaml.cs            |  11 ++++
 12 files changed, 253 insertions(+)
 create mode 100644 LanMountainDesktop.Mobile.Android/LanMountainDesktop.Mobile.Android.csproj
 create mode 100644 LanMountainDesktop.Mobile.Android/MainActivity.cs
 create mode 100644 LanMountainDesktop.Mobile.Android/MobileAndroidApplication.cs
 create mode 100644 LanMountainDesktop.Mobile.Android/Resources/drawable/icon.png
 create mode 100644 LanMountainDesktop.Mobile.Android/Resources/values/styles.xml
 create mode 100644 LanMountainDesktop.Mobile/LanMountainDesktop.Mobile.csproj
 create mode 100644 LanMountainDesktop.Mobile/MobileApp.axaml
 create mode 100644 LanMountainDesktop.Mobile/MobileApp.axaml.cs
 create mode 100644 LanMountainDesktop.Mobile/ViewModels/WidgetPanelViewModel.cs
 create mode 100644 LanMountainDesktop.Mobile/Views/WidgetPanelView.axaml
 create mode 100644 LanMountainDesktop.Mobile/Views/WidgetPanelView.axaml.cs

diff --git a/Directory.Packages.props b/Directory.Packages.props
index b5802d1..0521c14 100644
--- a/Directory.Packages.props
+++ b/Directory.Packages.props
@@ -4,6 +4,7 @@
   </PropertyGroup>
   <ItemGroup>
     <PackageVersion Include="Avalonia" Version="12.1.0" />
+    <PackageVersion Include="Avalonia.Android" Version="12.1.0" />
     <PackageVersion Include="Avalonia.Angle.Windows.Natives" Version="2.1.27548.20260419" />
     <PackageVersion Include="Avalonia.Controls.WebView" Version="12.0.1" />
     <PackageVersion Include="Avalonia.Desktop" Version="12.1.0" />
diff --git a/LanMountainDesktop.Mobile.Android/LanMountainDesktop.Mobile.Android.csproj b/LanMountainDesktop.Mobile.Android/LanMountainDesktop.Mobile.Android.csproj
new file mode 100644
index 0000000..0d711c0
--- /dev/null
+++ b/LanMountainDesktop.Mobile.Android/LanMountainDesktop.Mobile.Android.csproj
@@ -0,0 +1,23 @@
+<Project Sdk="Microsoft.NET.Sdk">
+  <PropertyGroup>
+    <TargetFramework>net10.0-android</TargetFramework>
+    <SupportedOSPlatformVersion>24</SupportedOSPlatformVersion>
+    <OutputType>Exe</OutputType>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <ApplicationId>org.lanmountain.desktop</ApplicationId>
+    <ApplicationVersion>1</ApplicationVersion>
+    <ApplicationDisplayVersion>0.0.0-dev</ApplicationDisplayVersion>
+    <AndroidPackageFormat>apk</AndroidPackageFormat>
+    <AvaloniaUseCompiledBindingsByDefault>true</AvaloniaUseCompiledBindingsByDefault>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\LanMountainDesktop.Mobile\LanMountainDesktop.Mobile.csproj" />
+    <ProjectReference Include="..\LanMountainDesktop.Platform.Android\LanMountainDesktop.Platform.Android.csproj" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Avalonia.Android" />
+  </ItemGroup>
+</Project>
diff --git a/LanMountainDesktop.Mobile.Android/MainActivity.cs b/LanMountainDesktop.Mobile.Android/MainActivity.cs
new file mode 100644
index 0000000..7167066
--- /dev/null
+++ b/LanMountainDesktop.Mobile.Android/MainActivity.cs
@@ -0,0 +1,19 @@
+using Android.App;
+using Android.Content.PM;
+using Avalonia.Android;
+
+namespace LanMountainDesktop.Mobile.Android;
+
+/// <summary>
+/// Android 入口 Activity。承载 MobileApp（单视图组件面板）。
+/// Avalonia 12 起 AppBuilder 定制移至 <see cref="MobileAndroidApplication"/>。
+/// </summary>
+[Activity(
+    Label = "阑山桌面",
+    Theme = "@style/MyTheme.NoActionBar",
+    Icon = "@drawable/icon",
+    MainLauncher = true,
+    ConfigurationChanges = ConfigChanges.Orientation | ConfigChanges.ScreenSize | ConfigChanges.UiMode)]
+public class MainActivity : AvaloniaMainActivity
+{
+}
diff --git a/LanMountainDesktop.Mobile.Android/MobileAndroidApplication.cs b/LanMountainDesktop.Mobile.Android/MobileAndroidApplication.cs
new file mode 100644
index 0000000..32677ce
--- /dev/null
+++ b/LanMountainDesktop.Mobile.Android/MobileAndroidApplication.cs
@@ -0,0 +1,26 @@
+using Android.App;
+using Android.Runtime;
+using Avalonia;
+using Avalonia.Android;
+using LanMountainDesktop.Mobile;
+
+namespace LanMountainDesktop.Mobile.Android;
+
+/// <summary>
+/// Android 应用级入口。Avalonia 12 中 AppBuilder 的创建/定制由
+/// AvaloniaAndroidApplication&lt;TApp&gt; 子类负责（而非 Activity）。
+/// </summary>
+[Application]
+public class MobileAndroidApplication : AvaloniaAndroidApplication<MobileApp>
+{
+    protected MobileAndroidApplication(nint javaReference, JniHandleOwnership transfer)
+        : base(javaReference, transfer)
+    {
+    }
+
+    protected override AppBuilder CustomizeAppBuilder(AppBuilder builder)
+    {
+        return base.CustomizeAppBuilder(builder)
+            .WithInterFont();
+    }
+}
diff --git a/LanMountainDesktop.Mobile.Android/Resources/drawable/icon.png b/LanMountainDesktop.Mobile.Android/Resources/drawable/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c89feab27534bad82618e80ed18419e5c953e8cf
GIT binary patch
literal 13761
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%0Dq|X{?6Mk~i?8NL81_tZK{l
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
Ci+>dW

literal 0
HcmV?d00001

diff --git a/LanMountainDesktop.Mobile.Android/Resources/values/styles.xml b/LanMountainDesktop.Mobile.Android/Resources/values/styles.xml
new file mode 100644
index 0000000..668bb66
--- /dev/null
+++ b/LanMountainDesktop.Mobile.Android/Resources/values/styles.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <style name="MyTheme.NoActionBar" parent="@android:style/Theme.Material.Light.NoActionBar">
+    <item name="android:windowNoTitle">true</item>
+    <item name="android:windowActionBar">false</item>
+    <item name="android:colorPrimary">#3B82F6</item>
+  </style>
+</resources>
diff --git a/LanMountainDesktop.Mobile/LanMountainDesktop.Mobile.csproj b/LanMountainDesktop.Mobile/LanMountainDesktop.Mobile.csproj
new file mode 100644
index 0000000..6daa19d
--- /dev/null
+++ b/LanMountainDesktop.Mobile/LanMountainDesktop.Mobile.csproj
@@ -0,0 +1,23 @@
+<Project Sdk="Microsoft.NET.Sdk">
+  <PropertyGroup>
+    <TargetFramework>net10.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <AvaloniaUseCompiledBindingsByDefault>true</AvaloniaUseCompiledBindingsByDefault>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\LanMountainDesktop.Shared.Contracts\LanMountainDesktop.Shared.Contracts.csproj" />
+    <ProjectReference Include="..\LanMountainDesktop.Settings.Core\LanMountainDesktop.Settings.Core.csproj" />
+    <ProjectReference Include="..\LanMountainDesktop.Appearance\LanMountainDesktop.Appearance.csproj" />
+    <ProjectReference Include="..\LanMountainDesktop.DesktopComponents.Runtime\LanMountainDesktop.DesktopComponents.Runtime.csproj" />
+    <ProjectReference Include="..\LanMountainDesktop.PluginSdk\LanMountainDesktop.PluginSdk.csproj" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Avalonia" />
+    <PackageReference Include="Avalonia.Themes.Fluent" />
+    <PackageReference Include="Avalonia.Fonts.Inter" />
+    <PackageReference Include="CommunityToolkit.Mvvm" />
+  </ItemGroup>
+</Project>
diff --git a/LanMountainDesktop.Mobile/MobileApp.axaml b/LanMountainDesktop.Mobile/MobileApp.axaml
new file mode 100644
index 0000000..481d86a
--- /dev/null
+++ b/LanMountainDesktop.Mobile/MobileApp.axaml
@@ -0,0 +1,8 @@
+<Application xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             x:Class="LanMountainDesktop.Mobile.MobileApp"
+             RequestedThemeVariant="Default">
+  <Application.Styles>
+    <FluentTheme />
+  </Application.Styles>
+</Application>
diff --git a/LanMountainDesktop.Mobile/MobileApp.axaml.cs b/LanMountainDesktop.Mobile/MobileApp.axaml.cs
new file mode 100644
index 0000000..ca5d6bb
--- /dev/null
+++ b/LanMountainDesktop.Mobile/MobileApp.axaml.cs
@@ -0,0 +1,33 @@
+using Avalonia;
+using Avalonia.Controls.ApplicationLifetimes;
+using Avalonia.Markup.Xaml;
+using LanMountainDesktop.Mobile.ViewModels;
+using LanMountainDesktop.Mobile.Views;
+
+namespace LanMountainDesktop.Mobile;
+
+/// <summary>
+/// 移动端应用入口。以单视图生命周期承载组件面板。
+/// 与桌面宿主 (LanMountainDesktop.App) 共享契约、外观与组件运行时，
+/// 但不包含桌面层、托盘、进程外插件等桌面专属能力。
+/// </summary>
+public partial class MobileApp : Application
+{
+    public override void Initialize()
+    {
+        AvaloniaXamlLoader.Load(this);
+    }
+
+    public override void OnFrameworkInitializationCompleted()
+    {
+        if (ApplicationLifetime is ISingleViewApplicationLifetime singleView)
+        {
+            singleView.MainView = new WidgetPanelView
+            {
+                DataContext = new WidgetPanelViewModel()
+            };
+        }
+
+        base.OnFrameworkInitializationCompleted();
+    }
+}
diff --git a/LanMountainDesktop.Mobile/ViewModels/WidgetPanelViewModel.cs b/LanMountainDesktop.Mobile/ViewModels/WidgetPanelViewModel.cs
new file mode 100644
index 0000000..5bc99c0
--- /dev/null
+++ b/LanMountainDesktop.Mobile/ViewModels/WidgetPanelViewModel.cs
@@ -0,0 +1,57 @@
+using System.Collections.ObjectModel;
+using CommunityToolkit.Mvvm.ComponentModel;
+
+namespace LanMountainDesktop.Mobile.ViewModels;
+
+/// <summary>
+/// 组件面板视图模型。
+/// 移动端不提供桌面自由摆放，组件以卡片流形式呈现。
+/// 后续由组件运行时（DesktopComponents.Runtime）通过
+/// <see cref="RegisterWidget"/> 注入真实组件视图。
+/// </summary>
+public sealed partial class WidgetPanelViewModel : ObservableObject
+{
+    public ObservableCollection<WidgetCardViewModel> Widgets { get; } = [];
+
+    [ObservableProperty]
+    private string _title = "组件面板";
+
+    public WidgetPanelViewModel()
+    {
+        // 首版占位卡片：标记组件运行时的接入点。
+        Widgets.Add(new WidgetCardViewModel("时间表", "课程表 / 日程组件将在此呈现"));
+        Widgets.Add(new WidgetCardViewModel("天气", "天气组件将在此呈现"));
+        Widgets.Add(new WidgetCardViewModel("插件组件", "已安装插件提供的组件将在此呈现"));
+    }
+
+    /// <summary>
+    /// 组件运行时接入点：注册一个真实组件卡片。
+    /// </summary>
+    public void RegisterWidget(WidgetCardViewModel widget)
+    {
+        Widgets.Add(widget);
+    }
+}
+
+/// <summary>
+/// 单个组件卡片。<see cref="Content"/> 为空时显示占位说明文本，
+/// 非空时承载组件运行时提供的真实控件。
+/// </summary>
+public sealed partial class WidgetCardViewModel : ObservableObject
+{
+    [ObservableProperty]
+    private string _name;
+
+    [ObservableProperty]
+    private string _placeholder;
+
+    [ObservableProperty]
+    private object? _content;
+
+    public WidgetCardViewModel(string name, string placeholder, object? content = null)
+    {
+        _name = name;
+        _placeholder = placeholder;
+        _content = content;
+    }
+}
diff --git a/LanMountainDesktop.Mobile/Views/WidgetPanelView.axaml b/LanMountainDesktop.Mobile/Views/WidgetPanelView.axaml
new file mode 100644
index 0000000..47172e0
--- /dev/null
+++ b/LanMountainDesktop.Mobile/Views/WidgetPanelView.axaml
@@ -0,0 +1,44 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:vm="using:LanMountainDesktop.Mobile.ViewModels"
+             x:Class="LanMountainDesktop.Mobile.Views.WidgetPanelView"
+             x:DataType="vm:WidgetPanelViewModel">
+  <Grid RowDefinitions="Auto,*">
+    <Border Grid.Row="0" Padding="20,16">
+      <TextBlock Text="{Binding Title}"
+                 FontSize="22"
+                 FontWeight="SemiBold" />
+    </Border>
+
+    <ScrollViewer Grid.Row="1" Padding="12,0,12,12">
+      <ItemsControl ItemsSource="{Binding Widgets}">
+        <ItemsControl.ItemsPanel>
+          <ItemsPanelTemplate>
+            <StackPanel Spacing="12" />
+          </ItemsPanelTemplate>
+        </ItemsControl.ItemsPanel>
+        <ItemsControl.ItemTemplate>
+          <DataTemplate x:DataType="vm:WidgetCardViewModel">
+            <Border Background="{DynamicResource SystemControlBackgroundAltHighBrush}"
+                    CornerRadius="16"
+                    Padding="16"
+                    MinHeight="96">
+              <StackPanel Spacing="8">
+                <TextBlock Text="{Binding Name}"
+                           FontSize="15"
+                           FontWeight="SemiBold" />
+                <ContentControl Content="{Binding Content}"
+                                IsVisible="{Binding Content, Converter={x:Static ObjectConverters.IsNotNull}}" />
+                <TextBlock Text="{Binding Placeholder}"
+                           FontSize="13"
+                           Opacity="0.6"
+                           TextWrapping="Wrap"
+                           IsVisible="{Binding Content, Converter={x:Static ObjectConverters.IsNull}}" />
+              </StackPanel>
+            </Border>
+          </DataTemplate>
+        </ItemsControl.ItemTemplate>
+      </ItemsControl>
+    </ScrollViewer>
+  </Grid>
+</UserControl>
diff --git a/LanMountainDesktop.Mobile/Views/WidgetPanelView.axaml.cs b/LanMountainDesktop.Mobile/Views/WidgetPanelView.axaml.cs
new file mode 100644
index 0000000..5e909a2
--- /dev/null
+++ b/LanMountainDesktop.Mobile/Views/WidgetPanelView.axaml.cs
@@ -0,0 +1,11 @@
+using Avalonia.Controls;
+
+namespace LanMountainDesktop.Mobile.Views;
+
+public partial class WidgetPanelView : UserControl
+{
+    public WidgetPanelView()
+    {
+        InitializeComponent();
+    }
+}