码迷，mamicode.com
首页 > 其他好文 > 详细

Platform.Uno介绍

时间：2018-05-19 10:41:53      阅读：374      评论：0      收藏：0      [点我收藏+]

标签：ane   string   一句话   语法   system   span   res   开发   补齐   

编者语：Xamarin国内很多人说缺乏可用的实例，我在写书过程中在完善一些常用场景的例子，希望帮到大家。Build 2018结束一周了，善友问我要不要谈谈Xamarin的一些变化，但碍于时间有限一直没有付诸行动。想想总得写点什么给大家，其实之前也谈过一些，具体就等日后我的书吧。今天我反而想谈一个在Build上一个引起关注的框架Platform.Uno.

 

      XAML在微软推了快10年，主要应用场景是在WPF , Silverlight, UWP ,当然也扩展到Xamarin,Forms. 如果你有碰过Xamarin.Forms的开发，而你又是一个传统的WPF/UWP程序员，你会发现它们的语法有很多的不同。就以文本标签的控件来说，就有不同的表述，Xamarin.Forms中表述是这样的<Lable />,而在UWP/WPF中就是<TextBlock />，更奇怪的是布局Xamarin.Forms是<StackLayout /> 而在UWP/WPF 中就是<StackPanel />.这种语法差异，让开发人员有很大的疑问，为何一个XAML，有不同表述呢？特别是你是一个传统的WPF/UWP程序员，你去学习Xamarin.Forms就像一个语法堂一样.不少人一直期待XAML Standad尽快出现，从去年Build到现在XAML Standard在我眼里进展是缓慢的, 如果你感兴趣可以去微软官方文档看看(点击进入).   不少人看到Xamarin.Forms，就不由自主地想把自己原来的UWP/WPF界面直接迁移过去，可是因为上面的原因导致失败了，这也让很大部分优秀的XAML程序员放弃。

       技术分享图片
       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

[csharp] view plain copy
 
  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Text;  
  4. using Uno;  
  5.   
  6. namespace HiUnoApp.Shared.Model  
  7. {  
  8. #if __ANDROID__ || __IOS__ || __WASM__  
  9.     [Preserve]  
  10. #endif  
  11.     public class Video  
  12.     {  
  13.         public int VideoID { get; set; }  
  14.         public string VideoName { get; set; }  
  15.         public string Teacher { get; set; }  
  16.         public string VideoImage { get; set; }  
  17.     }  
  18.   
  19.     public class VideoContent  
  20.     {  
  21.         public static IList<Video> GetVideoList()  
  22.         {  
  23.             var videos = new List<Video>  
  24.             {  
  25.                 new Video { VideoID = 1, VideoName = "Demo1", Teacher = "A", VideoImage = "http://jpkc.gdou.com/wechatlive/content/img/cover/th1006402.png" },  
  26.                 new Video { VideoID = 2, VideoName = "Demo2", Teacher = "B", VideoImage = "http://jpkc.gdou.com/wechatlive/content/img/cover/th1006402.png" },  
  27.                 new Video { VideoID = 3, VideoName = "Demo3", Teacher = "C", VideoImage = "http://jpkc.gdou.com/wechatlive/content/img/cover/th1006402.png" }  
  28.             };  
  29.   
  30.             return videos;  
  31.         }  
  32.     }  
  33. }  

 

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

[html] view plain copy
 
  1. <Page  
  2.     x:Class="HiUnoApp.MainPage"  
  3.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
  4.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
  5.     xmlns:local="using:HiUnoApp"  
  6.     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"  
  7.     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"  
  8.     xmlns:data="using:HiUnoApp.Shared.Model"  
  9.     xmlns:toolkit ="using:Uno.UI.Toolkit"  
  10.     xmlns:ios="http://uno.ui/ios"  
  11.     xmlns:android="http://uno.ui/android"  
  12.     xmlns:xamarin="http://uni.ui/xamarin"  
  13.     mc:Ignorable="d">  
  14.   
  15.     <Grid Background="Black">  
  16.         <Grid.RowDefinitions>  
  17.             <RowDefinition Height="Auto" />  
  18.             <RowDefinition Height="*" />  
  19.         </Grid.RowDefinitions>  
  20.         <StackPanel Margin="15,15,15,0">  
  21.             <TextBlock Text="Platform.Uno  Demo"   
  22.                        FontSize="30" FontWeight="Bold"  
  23.                        Foreground="White" />  
  24.             <TextBlock Text="Platform.Uno" Foreground="White" />  
  25.         </StackPanel>  
  26.   
  27.         <ListView Name="MyListView" Grid.Row="1"   
  28.                   SelectionMode="None"   
  29.                   HorizontalAlignment="Center"  
  30.                   Width="1000"  
  31.                   Margin="20"   
  32.                   ItemsSource="{Binding}">  
  33.   
  34.             <ListView.ItemTemplate>  
  35.                 <DataTemplate>  
  36.                     <StackPanel Margin="8">  
  37.                         <Image Source="{Binding VideoImage}"  Width="160" Height="90" />  
  38.                         <TextBlock Text="{Binding VideoName}" Foreground="White" HorizontalAlignment="Center" />  
  39.                         <TextBlock Text="{Binding Teacher}" Foreground="White" HorizontalAlignment="Center"  />  
  40.                     </StackPanel>  
  41.                 </DataTemplate>  
  42.             </ListView.ItemTemplate>  
  43.         </ListView>  
  44.   
  45.     </Grid>  
  46. </Page>  

            MainPage.xaml.cs

[csharp] view plain copy
 
  1. using HiUnoApp.Shared.Model;  
  2. using System;  
  3. using System.Collections.Generic;  
  4. using System.IO;  
  5. using System.Linq;  
  6. using System.Runtime.InteropServices.WindowsRuntime;  
  7. using Windows.Foundation;  
  8. using Windows.Foundation.Collections;  
  9. using Windows.UI.Xaml;  
  10. using Windows.UI.Xaml.Controls;  
  11. using Windows.UI.Xaml.Controls.Primitives;  
  12. using Windows.UI.Xaml.Data;  
  13. using Windows.UI.Xaml.Input;  
  14. using Windows.UI.Xaml.Media;  
  15. using Windows.UI.Xaml.Navigation;  
  16.   
  17. // The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409  
  18.   
  19. namespace HiUnoApp  
  20. {  
  21.     /// <summary>  
  22.     /// An empty page that can be used on its own or navigated to within a Frame.  
  23.     /// </summary>  
  24.     public sealed partial class MainPage : Page  
  25.     {  
  26.         public MainPage()  
  27.         {  
  28.             this.InitializeComponent();  
  29.   
  30.             DataContext =  VideoContent.GetVideoList();  
  31.         }  
  32.     }  
  33. }  

            运行一下，当然先走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

Platform.Uno介绍

标签：ane   string   一句话   语法   system   span   res   开发   补齐   

原文地址：https://www.cnblogs.com/Javi/p/9059159.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！