Initial commit
|
@ -0,0 +1,67 @@
|
|||
# Xamarin.Forms
|
||||
|
||||
A curated list of awesome **Xamarin.Forms** samples to show how to create **goodlooking UI** with Xamarin.Forms.
|
||||
|
||||
*Work in progress*. Contributions are always welcome!
|
||||
|
||||
## [Instagram](https://github.com/adamped/Instagram)
|
||||
|
||||
<img src="images/instagram-login.png" Width="210" /> <img src="images/instagram-feed.png" Width="210" /> <img src="images/instagram-feed-ios.png" Width="210" /> <img src="images/instagram-feed-droid.png" Width="210" />
|
||||
|
||||
### More information:
|
||||
|
||||
- Blog: [Creating The Instagram UI In Xamarin.Forms](https://xamarinhelp.com/creating-instagram-ui-xamarin-forms/)
|
||||
- Source code: [https://github.com/adamped/Instagram](https://github.com/adamped/Instagram)
|
||||
- Author: [Adam Pedley](https://twitter.com/adpedley)
|
||||
|
||||
## [Social Media](https://github.com/kphillpotts/XamarinFormsLayoutChallenges)
|
||||
|
||||
This sample show how to recreate a beautifull Social Network profile type page in Xamarin.Forms.
|
||||
|
||||
<img src="images/social-media.png" Width="210" />
|
||||
|
||||
### More information:
|
||||
|
||||
- Blog: [Xamarin.Forms Layout Challenges – Social Network App](https://www.kymphillpotts.com/social-network-app-layout-design-in-xamarin-forms/)
|
||||
- Source code: [https://github.com/kphillpotts/XamarinFormsLayoutChallenges](https://github.com/kphillpotts/XamarinFormsLayoutChallenges)
|
||||
- Author: [Kym Phillpotts](https://twitter.com/kphillpotts)
|
||||
|
||||
## [KickassUI.Runkeeper](https://github.com/sthewissen/KickassUI.Runkeeper)
|
||||
|
||||
A Xamarin.Forms version of the Runkeeper App.
|
||||
|
||||
<img src="images/comparison-runkeeper-droid.jpg" Width="600" />
|
||||
|
||||
### More information:
|
||||
|
||||
- Source code: [https://github.com/sthewissen/KickassUI.Runkeeper](https://github.com/sthewissen/KickassUI.Runkeeper)
|
||||
- Author: [Steven Thewissen](https://twitter.com/devnl)
|
||||
|
||||
## [KickassUI.Twitter](https://github.com/sthewissen/KickassUI.Twitter)
|
||||
|
||||
A Xamarin.Forms version of the Twitter App.
|
||||
|
||||
<img src="images/comparison-twitter-droid.png" Width="420" />
|
||||
|
||||
### More information:
|
||||
|
||||
- Source code: [https://github.com/sthewissen/KickassUI.Twitter](https://github.com/sthewissen/KickassUI.Twitter)
|
||||
- Author: [Steven Thewissen](https://twitter.com/devnl)
|
||||
|
||||
## [Xamarin.Netflix](https://github.com/jsuarezruiz/xamarin-forms-netflix-sample)
|
||||
|
||||
A Xamarin.Forms version of the Netflix App.
|
||||
|
||||
<img src="images/netflix-profile-ios.png" alt="Choose Profile" Width="210" /> <img src="images/netflix-home-ios.png" alt="Home" Width="210" /> <img src="images/netflix-menu-ios.png" alt="Main Menu" Width="210" /> <img src="images/netflix-movie-ios.png" alt="Movie Detail" Width="210" />
|
||||
|
||||
### Features:
|
||||
|
||||
- Horizontal List.
|
||||
- Transparent NavigationBar on Android and iOS.
|
||||
- Parallax effect.
|
||||
- Multi-column List.
|
||||
|
||||
### More information:
|
||||
|
||||
- Source code: [https://github.com/jsuarezruiz/xamarin-forms-netflix-sample](https://github.com/jsuarezruiz/xamarin-forms-netflix-sample)
|
||||
- Author: [Javier Suárez](https://twitter.com/jsuarezruiz)
|
После Ширина: | Высота: | Размер: 375 KiB |
После Ширина: | Высота: | Размер: 797 KiB |
После Ширина: | Высота: | Размер: 39 KiB |
После Ширина: | Высота: | Размер: 54 KiB |
После Ширина: | Высота: | Размер: 36 KiB |
После Ширина: | Высота: | Размер: 10 KiB |
После Ширина: | Высота: | Размер: 631 KiB |
После Ширина: | Высота: | Размер: 138 KiB |
После Ширина: | Высота: | Размер: 554 KiB |
После Ширина: | Высота: | Размер: 44 KiB |
После Ширина: | Высота: | Размер: 79 KiB |