头图

​在社交媒体里不断有人问我一个问题:如何用Xamarin.Forms制作好看的应用程序?这是一个很好的问题,任何人都可以创建一个好看的应用程序,只需要一点灵感和一点风格。首先,我不是一个设计师,我也不声称自己是一个设计师,但有许多伟大的灵感存在于应用设计,包括Dribbble, uplabs等。这些来自世界各地天才的设计可以帮助影响你自己的应用程序的外观和感觉。
https://www.bilibili.com/vide...

Oludayo Alli设计的餐厅应用

Dribbble:

https://dribbble.com/

uplabs:

https://www.uplabs.com/

Oludayo Alli:

https://github.com/devcrux?WT...

很棒的Xamarin.Forms 内置特性

在Xamarin.Forms有几个很棒的功能,您可以利用这些很棒的功能来帮助实现这些设计。只要看看新的Shapes API,就可以绘制形状、线条、多边形等等。想要您的本机控件具有一致的外观和感觉吗? 用一行代码添加Material Design怎么样?用CarouselView搭配IndicatorView,当然还有CollectionView来完美地组合你的集合。

https://www.bilibili.com/vide...

Javier Suárez 饮料图集应用程序

Shapes API:

https://docs.microsoft.com/en...

Material Design:

https://docs.microsoft.com/en...

CarouselView:

https://docs.microsoft.com/en...

IndicatorView:

https://docs.microsoft.com/en...

CollectionView:

https://docs.microsoft.com/en...

Javier Suárez:

https://twitter.com/jsuarezru...

饮料图集:

https://github.com/jsuarezrui...

使用自定义社区控件

Xamarin社区工具包继续添加了很棒的控件,包括DockLayout、Shield、TabView等。当然还有更多来自社区的很棒的控件,包括令人难以置信的Magic Gradients, PancakeView, MaterialFrame, CardView, Shadows等等。当然还有SkiaShip,它是一个用于.NET 2D图形系统的非常棒的工具。

image.png

Xamarin社区工具包:

https://docs.microsoft.com/en...

Magic Gradients:

https://devblogs.microsoft.co...

PancakeView:

https://github.com/sthewissen...

MaterialFrame:

https://github.com/roubachof/...

CardView:

https://github.com/AndreiMisi...

Shadows:

https://github.com/roubachof/...

SkiaSharp:

https://docs.microsoft.com/en...

组件的生态系统

来自顶级组件供应商(如Telerik, UX Divers, GrapeCitySyncfusion)的可重用UI组件可以帮助您快速提高生产力。当你准备开始时,多看看各种各样的选择。

image.png

Telerik:

https://www.telerik.com/xamar...

UX Divers:

https://grialkit.com/

GrapeCity:

https://www.grapecity.com/com...

Syncfusion:

https://www.syncfusion.com/xa...

得到的启发

这些年以为我们一直在收集用Xamarin构建的非常好看的开源应用程序。现在你可以在GitHub上浏览。我已经推荐了一些好看的应用程序,这里还有更多可以让你有所启发。

image.png

Altevir信用卡钱包
https://www.bilibili.com/vide...

Leomaris Reyes 航空公司航班应用程序

image.png

Steven Thewissen 编写的烹饪书应用程序

https://www.bilibili.com/vide...

Shaw Yu蛋糕应用程序

还有很多很棒的设计你都可以浏览!你甚至可以添加您自己的,只要打开一个pull request 在这里GitHub repo。

GitHub上浏览:

https://github.com/jsuarezrui...

Altevir:

https://github.com/Altevir?WT...

信用卡钱包:

https://github.com/Altevir/xa...

Leomaris Reyes:

https://github.com/LeomarisRe...

航空公司航班应用程序:

https://github.com/LeomarisRe...

Steven Thewissen:

https://twitter.com/devnl

烹饪书应用程序:

https://github.com/sthewissen...

Shaw Yu:

https://github.com/shawyunz?W...

蛋糕应用程序:

https://github.com/shawyunz/X...

GitHub repo:

https://github.com/jsuarezrui...

Adobe XD导出器

您在网上或从设计器中找到的许多设计可能是使用Adobe XD等工具构建的。借助来自我们自己的 Kym Phillpotts 的 XD 到 Xamarin.Forms 导出器,您可以轻松地将颜色和样式导入您的 Xamarin.Forms 应用程序!

https://www.bilibili.com/vide...

Kym Phillpotts:

https://github.com/kphillpott...

去创建漂亮的应用程序吧

通过在下方留言或向在GitHub repo提交pull请求,告诉我们你的应用程序以及欢迎分享一些有很棒的技巧。

有任何的技术问题,欢迎到Microsoft Q&A 去提问。

GitHub repo:

https://github.com/jsuarezrui...

Microsoft Q&A:

https://docs.microsoft.com/en...


微软技术栈
418 声望994 粉丝

微软技术生态官方平台。予力众生,成就不凡!微软致力于用技术改变世界,助力企业实现数字化转型。