Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lachlanwgordon/Notchy.FormsPreviewer
Extend the Xamarin Forms Previewers with notches, curved corners and toolbars to help you make the right UI decisions at design time.
https://github.com/lachlanwgordon/Notchy.FormsPreviewer
Last synced: 29 days ago
JSON representation
Extend the Xamarin Forms Previewers with notches, curved corners and toolbars to help you make the right UI decisions at design time.
- Host: GitHub
- URL: https://github.com/lachlanwgordon/Notchy.FormsPreviewer
- Owner: lachlanwgordon
- License: mit
- Created: 2019-07-03T08:46:56.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-07-11T05:16:49.000Z (over 5 years ago)
- Last Synced: 2024-11-05T17:54:48.872Z (about 1 month ago)
- Language: C#
- Size: 666 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-xamarin-forms - Notchy.FormsPreviewer ★3
README
# Notchy.FormsPreviewer
Extend the Xamarin Forms Previewers with notches, curved corners and toolbars to help you make the right UI decisions at design time.
# Getting Started
1. Install from Nuget into your Android, iOS and .NetStandard projects.
2. Open a .xaml file and check that it's rendering in the previewer.
3. Add the namespace `xmlns:prev="clr-namespace:NotchyFormsPreviewer;assembly=NotchyFormsPreviewer"`
4. Add the Notch Effect to your ContentPage properties
e.g.
```
```
# Models
The `Model` property has several presets built in and the ability to customize.
## iOS:
For all iPhone size please match the device selected for the notch to the device selected in the previewer.
* iPhoneX
* iPhoneXS
* iPhoneXSMax
* iPhoneXR
## Android
All Android presets at present are designed to work with the device size `Pixel 3 XL` but this may be updated in the future when other devices are added
* Pixel3XL
* P30
## Custom
If you set the device to `Custom` you can add your own notch parameters to work with other devices.
e.g.
```
```
## More?
If you want to see other devices in here, please open a pull request or send me the metrics.
## Errors on Mac
This library is built using VS 2019 for windows using an SDK style project and multi-targeting. At this point in time VS Mac doesn't support multi-targeting. If you want to play around with the code and try custom device sizes you can checkout github.com/lachlanwgordon/NotchExperiment for a self contained app with much of the same code.
## Blog
This library was made as part of #XamarinUIJuly, you can read my post at lachlanwgordon.com/xamarinuijuly-notch/ and read a month's worth of excellent posts on Xamarin User Interfaces at https://www.thewissen.io/introducing-xamarin-ui-july/ .
