Platform.Uno(进入官网)就是这群优秀XAML程序员的大救星了。 Platform.Uno是一个第三方的框架，他可以让你的UWP XAML无缝接入iOS/Androd,更可以延申到WebAssembly(我一直觉得这就是Silverlight的新变体)。换句话说你可以把不少优秀的XAML自定义控件和一些XAML的特性引入到iOS,Android开发中，我们先来看看官方的一个架构图
           
      Platform.Uno其实是把UWP XAML通过自身封装好的Uno.UI转换成不同平台的界面，并通过Xamarin实现跨平台的代码迁移。一句话就是实现了写Win10 UWP就可以生成iOS/Android/WebAssembly应用了(当然你如果要访问底层API还是需要用到Xamarin的特性的)。
      这是官方针对Platform.Uno，和主流的开发工具的比较，你可以看到Platform.Uno的界面开发是全套全面的XAML语言，并且把我一直喜欢用的Trigger属性带回来了。

如果你要做Platform.Uno的开发你需要去https://github.com/nventive/Uno.QuickStart  下载Visual Studio 模板，安装成功后就可以创建基于Platform.Uno项目了。

接下来会生成一个Solution,包括iOS/UWP/Android/WebAssembly的项目，更有一个Shared Project是用来放共享的XAML和一些图片资源文件。
       
       我们先来构建一个简单的Model
       Video.cs

using System;

using System.Collections.Generic;

using System.Text;

using Uno;

namespace HiUnoApp.Shared.Model

{

#if __ANDROID__ || __IOS__ || __WASM__

[Preserve]

#endif

public class Video

{

public int VideoID { get; set; }

public string VideoName { get; set; }

public string Teacher { get; set; }

public string VideoImage { get; set; }

}

public class VideoContent

{

public static IList<Video> GetVideoList()

{

var videos = new List<Video>

{

new Video { VideoID = 1, VideoName = "Demo1", Teacher = "A", VideoImage = "http://jpkc.gdou.com/wechatlive/content/img/cover/th1006402.png" },

new Video { VideoID = 2, VideoName = "Demo2", Teacher = "B", VideoImage = "http://jpkc.gdou.com/wechatlive/content/img/cover/th1006402.png" },

new Video { VideoID = 3, VideoName = "Demo3", Teacher = "C", VideoImage = "http://jpkc.gdou.com/wechatlive/content/img/cover/th1006402.png" }

};

return videos;

}

}

}

来关注MainPage.xaml 我们用UWP的xaml来秀一段

<Page

x:Class="HiUnoApp.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:local="using:HiUnoApp"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:data="using:HiUnoApp.Shared.Model"

xmlns:toolkit ="using:Uno.UI.Toolkit"

xmlns:ios="http://uno.ui/ios"

xmlns:android="http://uno.ui/android"

xmlns:xamarin="http://uni.ui/xamarin"

mc:Ignorable="d">

<Grid Background="Black">

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<StackPanel Margin="15,15,15,0">

<TextBlock Text="Platform.Uno  Demo"

FontSize="30" FontWeight="Bold"

Foreground="White" />

<TextBlock Text="Platform.Uno" Foreground="White" />

</StackPanel>

<ListView Name="MyListView" Grid.Row="1"

SelectionMode="None"

HorizontalAlignment="Center"

Width="1000"

Margin="20"

ItemsSource="{Binding}">

<ListView.ItemTemplate>

<DataTemplate>

<StackPanel Margin="8">

<Image Source="{Binding VideoImage}"  Width="160" Height="90" />

<TextBlock Text="{Binding VideoName}" Foreground="White" HorizontalAlignment="Center" />

<TextBlock Text="{Binding Teacher}" Foreground="White" HorizontalAlignment="Center"  />

</StackPanel>

</DataTemplate>

</ListView.ItemTemplate>

</ListView>

</Grid>

</Page>

MainPage.xaml.cs

using HiUnoApp.Shared.Model;

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Runtime.InteropServices.WindowsRuntime;

using Windows.Foundation;

using Windows.Foundation.Collections;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Controls.Primitives;

using Windows.UI.Xaml.Data;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Navigation;

// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409

namespace HiUnoApp

{

/// <summary>

/// An empty page that can be used on its own or navigated to within a Frame.

/// </summary>

public sealed partial class MainPage : Page

{

public MainPage()

{

this.InitializeComponent();

DataContext =  VideoContent.GetVideoList();

}

}

}

运行一下，当然先走UWP

如果你是UWP程序员肯定对下面的操作抱以掌声，因为接下来你的UWP可以无缝地过度到iOS/Android/WebAssembly中

可能你会质疑我的例子比较简单大家可以去看官方的Sample(https://github.com/nventive/Uno.Playground),我这里主要是普及为主. 关于Platform.Uno, 对于Xamarin.Forms有很深的意义，毕竟Win10 UWP程序员其实有不少（或者是隐世），这对在这个生态圈工作的人有了更多工作选择，通过Platform.Uno去补齐了Xamarin.Forms的XAML缺陷，再通过Xamarin实现跨平台。

Demo 下载地址：https://github.com/lokinfey/HiPlatformUnoDemo

原文地址：https://blog.csdn.net/kinfey/article/details/80343309

---

.NET社区新闻，深度好文，欢迎访问公众号文章汇总 http://www.csharpkit.com

Reward

长按二维码向我转账

受苹果公司新规定影响，微信 iOS 版的赞赏功能被关闭，可通过二维码转账支持公众号。