效果视频:

 

iOS

 

 

Android

 

 

教程:

1.Xamarin项目iOS端安装iOSnuget包

  •  
Install-Package XamarinLibrary.Xamarin.iOS.Facebook.Shimmer -Version 1.0.2

 

2.Xamarin项目Android端安装安卓nuget包

  •  
Install-Package XamarinLibrary.Xamarin.Android.Facebook.Shimmer -Version 0.5.0

 

3.Xamarin.Forms层建立自定义View

 

4.参考原生Android的Demo代码建立Xamarin.Android的Renderer

 

5.参考原生iOS的文档代码建立Xamarin.iOS的Renderer

 

 

6.Xamarin.Forms的XAML调用该自定义View

 

其他资料:

 

Xamarin.Forms 演示Shimmer的Sample的源码:

https://github.com/jingliancui/XamarinFormsFacebookShimmerSample

 

原生iOS的Shimmer示例文档源码:

https://github.com/facebook/shimmer#usage

 

原生Android的Shimmer示例源码:

https://github.com/facebook/shimmer-android/blob/master/sample/src/main/java/com/facebook/shimmer/sample/MainActivity.kt#L81

 

微软官方Renderer教程示例:

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/custom-renderer/video-player/

 

后话:

本次为各位带来的是Facebook的Shimmer库,这个库可以除了可以给Text控件带来微光、闪亮的效果外,还能给更复杂的View带来同样的效果,视频中的效果只是简单的跑通了这个库。

如果对本示例使用的nuget包有疑问,可以在留言或者Github发起相关issue与我进行相关技术交流。