效果视频:
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与我进行相关技术交流。