https://github.com/dw2kim/slidingpanel

Sliding Panel for Xamarin Forms
https://github.com/dw2kim/slidingpanel

Last synced: 3 months ago
JSON representation

Sliding Panel for Xamarin Forms

• Host: GitHub
• URL: https://github.com/dw2kim/slidingpanel
• Owner: dw2kim
• Created: 2016-11-24T18:55:51.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-06-26T15:28:41.000Z (over 6 years ago)
• Last Synced: 2024-11-06T09:04:18.386Z (4 months ago)
• Language: C#
• Homepage:
• Size: 88.2 MB
• Stars: 23
• Watchers: 4
• Forks: 8
• Open Issues: 5
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

• awesome-xamarin-forms - SlidingPanel ★23 - Map-Like sliding panel from bottom of the screen. (UI)

README

        
# Sliding Panel for Xamarin Forms

Xamarin.Forms library that allows you to have for Google-Map-Like sliding panel from bottom of the screen.

Supports only Xamarin.Forms.

[NuGet](https://www.nuget.org/packages/DK.SlidingPanel/)

### Features

## Support Platforms

Xamarin.Forms Only**

## Setup

* First, simply reference the nuget package in your Xamrin.Forms projects.

* Second, initialize SlidingUpPanel instance either in Xaml or C#.

* Lastly, apply the SlidingPanelConfig for your customizations.

## Screenshots

* Hide Panel:


![alt HidePanel](https://cloud.githubusercontent.com/assets/8919703/21026652/a0fbc588-bd5b-11e6-85bf-eb1d15ea363c.PNG)




* Show Collapsed Panel:


![alt ShowCollapsedPanel](https://cloud.githubusercontent.com/assets/8919703/21026653/a100a7f6-bd5b-11e6-994a-de69988d4b20.PNG)




* Show Expaneded Panel:


![alt ShowExpandedPanel](https://cloud.githubusercontent.com/assets/8919703/21026654/a10d7864-bd5b-11e6-9d97-0819485fde67.PNG)




#### XAML 

```xml

    

        

            

                

            

        

        0.6

        True

        

            

                

                    

                

            

        

        

            

        

        

            

                

                

            

        

        

            

                

            

        

    

    

```

#### C# - Codebehind 

        protected override void OnBindingContextChanged()

        {

            base.OnBindingContextChanged();

            SlidingPanelConfig config = new SlidingPanelConfig();

            config.MainStackLayout = mainStackLayout;

            StackLayout titleStackLayout = new StackLayout();

            titleStackLayout.Children.Add(new Label { Text = "Test Title x" });

            config.TitleStackLayout = titleStackLayout;

            config.TitleBackgroundColor = Color.Green;

            spTest.ApplyConfig(config);

        }

## Other Docs

* [Source Code](https://github.com/dw2kim/slidingpanel/tree/master/src/Samples/Samples)