mariusmuntean / Coordinatorlayout.forms
Licence: mit
CoordinatorLayout for Xamarin.Forms
Stars: ✭ 73
Labels
Projects that are alternatives of or similar to Coordinatorlayout.forms
Bottomsheetcoordinatorlayout
A handy CoordinatorLayout that works well when used in a bottom sheet, even with AppBarLayouts inside.
Stars: ✭ 241 (+230.14%)
Mutual labels: coordinatorlayout
NestedScrollingDemo
😋😋😋A good app for understanding android nested scrolling
Stars: ✭ 98 (+34.25%)
Mutual labels: coordinatorlayout
Coordinatortablayout
Combination of TabLayout and CoordinatorLayout./TabLayout和CoordinatorLayout相结合的折叠控件
Stars: ✭ 4,114 (+5535.62%)
Mutual labels: coordinatorlayout
anchored-behavior
A CoordinatorLayout Behavior to anchor views with an animation.
Stars: ✭ 17 (-76.71%)
Mutual labels: coordinatorlayout
CoolCoodinatorLayout
banner沉浸式+滚动视差+悬浮搜索框+标题置顶复杂联动效果
Stars: ✭ 46 (-36.99%)
Mutual labels: coordinatorlayout
Coordinatormenu
The library creates a floating menu like the app momo, vtcpay, wepay
Stars: ✭ 160 (+119.18%)
Mutual labels: coordinatorlayout
Materialdesignsamples
Material Design 系列控件samples,讲了Material Design 系列新控件的使用方法和一些场景示例，使用详情请看对应博客，持续更新中...
Stars: ✭ 900 (+1132.88%)
Mutual labels: coordinatorlayout
react-native-nested-scroll-view
react-native wrapper for android NestedScrollView
Stars: ✭ 77 (+5.48%)
Mutual labels: coordinatorlayout
Scalinglayout
With Scaling Layout scale your layout on user interaction.
Stars: ✭ 3,276 (+4387.67%)
Mutual labels: coordinatorlayout
android-materialButton-behavior
Android Material Button(Extended FAB) Behavior on RecyclerView
Stars: ✭ 25 (-65.75%)
Mutual labels: coordinatorlayout
MaterialDesignSample
Android transition元素共享动画、CoordinatorLayout、AppBarLayout、FloatingActionButton、BottomSheet、SnackBar、自定义behavior实现动画效果。
Stars: ✭ 28 (-61.64%)
Mutual labels: coordinatorlayout
React Native Collapsing Toolbar
react-native wrapper for android CollapsingToolbarLayout
Stars: ✭ 280 (+283.56%)
Mutual labels: coordinatorlayout
SwipeScreenBehavior
A CoordinatorLayout Behavior for implementing swipe screen transition behavior.
Stars: ✭ 27 (-63.01%)
Mutual labels: coordinatorlayout
Simple View Behavior
Simple and easy way to deal with CoordinatorLayout Behavior
Stars: ✭ 434 (+494.52%)
Mutual labels: coordinatorlayout
Alipayhome
高仿支付宝首页的头部伸缩动画(使用design实现效果,CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar)
Stars: ✭ 164 (+124.66%)
Mutual labels: coordinatorlayout
KeepSafeNew
Sample app to demonstrate MVP (Model - View - Presenter), Android Architecture Components (Room Persistence, LiveData), RxJava2, ButterKnife in Android.
Stars: ✭ 58 (-20.55%)
Mutual labels: coordinatorlayout
Learn Coordinatorlayout Behavior
CoordinatorLayout 自定义Behavior 高仿美团商家详情界面 实现页面内容复杂联动效果
Stars: ✭ 527 (+621.92%)
Mutual labels: coordinatorlayout
CoordinatorLayout.XamarinForms
A custom control for Xamarin.Forms, that shows an expanding top view and a scrollable bottom view. It is a reproduction of Android's CoordinatorLayout - https://developer.android.com/jetpack/androidx/releases/coordinatorlayout
Here's a quick rundown of the control's features:
- Use any view as top, bottom and action view.
- Precisely define how much space each of the view takes, as a proportion of their parent view.
- Enable snapping to the expanded or collapsed state. Define the snapping threshold.
- Overflowing content in the bottom view is automatically scrollable. Enable or disable kinetic scrolling and the drag coefficient. Choose if kinetic scrolling expands the top view or not.
- Receive exact information on the top view's expansion progress and on the bottom view's scrolling progress.
Installation
| Package | Version | Dependencies |
|---|---|---|
| CoordinatorLayout.XamarinForms |  |
 |
Add the NuGet package to the shared project (.Net Standard) and to the platform specific projects (e.g. Android and iOS).
Property reference
| Property | What it does |
|---|---|
ProportionalTopViewHeightMin |
The minimum height of the top view, as a proportion of the entire coordinator layout. Coerced to [0.0, 1.0] where 0.0 means that the top view can be collapsed completely and 1.0 means that the top view cannot be collapsed at all. |
ProportionalTopViewHeightMax |
The maximum height of the top view, as a proportion of the entire coordinator layout. Coerced to [0.0, 1.0] where 0.0 means that the top view can be collapsed completely and 1.0 means that the top view cannot be collapsed at all. |
ProportionalSnapHeight |
The top view snaps to its collapsed position while smaller than this value or it snaps to its expanded position while it is larger than this value. |
ScrollProgress |
The bottom view scroll progress. Argument values range from 0.0 (collapsed) to 1.0 (expanded). |
ExpansionProgress |
The top view expansion progress. Argument values range from 0.0 (collapsed) to 1.0 (expanded). |
ShouldExpandFromKineticScroll |
Whether or not the top view should expand when the bottom view is in a kinetic scroll and it reaches its end. |
ShouldKineticScroll |
Whether or not the bottom view should use kinetic scrolling. |
ShouldSnap |
Whether or not the top view should snap to it collapsed or expanded height. |
KineticScrollDragCoefficient |
A coefficient controlling the slowing down of a kinetic scroll. |
ProportionalActionViewContainerHeight |
The proportional height of the ActionView's container. |
AutohideActionView |
Whether or not the ActionView should be hidden automatically or not. |
TopView |
The view to show at the top of the coordinator layout. This view will be expanded and collapsed, according to the properties ProportionalTopViewHeightMin and ProportionalTopViewHeightMax. This property is mandatory. |
BottomView |
The view to show at the bottom of the coordinator layout. This view will be scrolled vertically, in case that it doesn't fit in the available space, below the TopView. This property is mandatory. |
ActionView |
A view to be shown between the top view and bottom view. This view usually contains controls that trigger an action, e.g. a Button. |
ExpansionEventHandler |
Event that is raised when the top view expands or collapses. Argument values range from 0.0 (collapsed) to 1.0 (expanded). |
ScrollEventHandler |
Event that is raised when the bottom view is scrolled. Argument values range from 0.0 (not scrolled) to 1.0 (fully scrolled). |
InitialExpansionState |
The expansion state when the control appears, e.g. Expanded or Collapsed. |
Note: the action view is hosted in a parent container. In case that your ActionView isn't visible it is likely that the parent container is too small for it. Simply adjust the property ProportionalActionViewContainerHeight to a larger value.
Sample
There's a nice sample application to get you going.
In the media folder there's a video of the sample project.
If YouTube is your thing: https://youtu.be/GIpSPpPFXtg
Step by step guide
I've written a Medium article that guides you through the process of creating one of the samples https://medium.com/@marius.munteann/coordinator-layout-with-xamarin-forms-f07b621eb53f
As usual you can do everything you want with my code. Have fun!
Have a question? Tweet at me: https://twitter.com/MunteanMarius
Thanks to
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].