This commit is contained in:
Javier Suárez Ruiz 2017-09-14 21:26:10 +02:00
Родитель 56596eed71
Коммит dd9905ea2f
12 изменённых файлов: 67 добавлений и 0 удалений

67
README.md Normal file
Просмотреть файл

@ -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)

Двоичные данные
images/comparison-runkeeper-droid.jpg Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 375 KiB

Двоичные данные
images/comparison-twitter-droid.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 797 KiB

Двоичные данные
images/instagram-feed-droid.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 39 KiB

Двоичные данные
images/instagram-feed-ios.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 54 KiB

Двоичные данные
images/instagram-feed.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 36 KiB

Двоичные данные
images/instagram-login.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 10 KiB

Двоичные данные
images/netflix-home-ios.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 631 KiB

Двоичные данные
images/netflix-menu-ios.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 138 KiB

Двоичные данные
images/netflix-movie-ios.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 554 KiB

Двоичные данные
images/netflix-profile-ios.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 44 KiB

Двоичные данные
images/social-media.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 79 KiB