How to make drag and drop in Xamarin forms - xamarin.forms

I have different controls in my XAML page which consists of charts in Xamarin.Forms. The functionality that I want to achieve is to make a long press on each chart, then drag and drop the chart to another place.
I am taking this as an example : https://canbilgin.wordpress.com/2018/03/17/re-order-listview-items-with-drag-drop-ii/
But I dont have a listview in my XAML page.
How can I achieve this in XF ?

You can set a Draggable View, and put inside your Images / Graphs or whatever.
A good tutorial can be followed here

Related

Xamarin.Forms - CollectionView and TabbedPage in one view

I have a Xamarin Forms app, where I have a CollectionView of Frames. What I want to add now in this view is a TabbedPage, so that the screen in split in half (using Grid) and the left side has the CollectionView and the right side has the TabbedPage.
I tried to create a TabbedPage in a separate xaml file and then add that to my MainPage (where the CollectionView is as well), inside the grid to set its location, but I get the error that this is not possible. Only ContentViews can be set like this.
Does anyone know how to do this?
Thanks to Juan Sturla, the solution was to use the Xamarin Community Toolkit, that can be found here:
https://learn.microsoft.com/en-us/xamarin/community-toolkit/views/tabview

Placing View over TitleBar in Xamarin Forms

Is there any way I can place a ContentView or Grid to cover complete page in Xamarin.Forms?
I need to place it over the TitleBar area without hiding the TitleBar.
I tried to achieve the same using RelativeLayout but it is not working. I am trying to achieve something similar to a popup/modal.
Sadly I can't use any Third Party control in my project or PushModal either.
Ideas?
Adding the sample screen.
You could set in Xaml:
NavigationPage.HasNavigationBar = "False"
If you want to make the content whole page and without hiding the title bar, then you need to make the title bar transparant.Follow this tutorial https://xamgirl.com/transparent-navigation-bar-in-xamarin-forms/
or
If you are trying to achieve popup, consider using this wonderfull plugin https://github.com/rotorgames/Rg.Plugins.Popup

How to add context menu Xamarin.forms

I would like to create context menu in my project. On android it's called PopupMenu. On click of button, I have to show the popup with 3 rows and it's clickable event. How I can implement this in my code? Example of this menu here:
http://www.javatpoint.com/images/androidimages/popup2.png
The Xamarin.Forms way to handle this is to call DisplayActionSheet() on the Page.
It's not exactly a popup, but on the other hand it has better chances to be fully displayed and visible on screen if your view can scroll.

How to increase list View's Separator length in Xamarin forms iOS?

I want to increase list View's Separator length(spacing between two cells).
I am not getting how can I do it in xamarin forms by using custom renderer and I am looking for iOS only.
I want to create card view in iOS (by using xamarin forms) just like facebook application.
I Implemented it with frame control.
1.I created one customized cell in List View (Using ViewCell).
Then Added frame in it.
2.Removed Separator in a List View by Using Custom Renderer.
Use HasUnevenRows="True" in your ListView and it should adapt to your item height.

Sencha Touch 2 adding buttons to toolbar/titlebars

Can anyone tell me how I might add buttons, or other components, to a title/tool bar without using the items array? For months I've been struggling to find a way to make the bar on all my views contain the same user buttons and icons.
It's a struggle mostly on List item detail views where only a back button shows. I want the back button but also own buttons on the same bar. This is so my app has a uniform look and accessible functionality across the entire build.
Toolbar and TitleBar extend Ext.Container.
In Sencha Touch containers always store their components inside the items array.
If you want to have a toolbar that always look the same just create your own by extending Ext.Toolbar. Use the initialize method of such extended Toolbar to add the buttons/icons.
To use it with a list you can create a wrapping container, which contains the extended toolbar and the list.

Resources