public DragDropSection()
{
// drag data object
showDragOverEvents = new CheckBox {
Text = "Show DragOver Events"
};
var includeImageCheck = new CheckBox {
Text = "Include Image"
};
descriptionTextBox = new TextBox {
PlaceholderText = "Format", ToolTip = "Add {0} to insert inner text into the description, e.g. 'Move to {0}'"
};
innerTextBox = new TextBox {
PlaceholderText = "Inner", ToolTip = "Highlighted text to insert into description"
};
var textBox = new TextBox {
Text = "Some text"
};
allowedEffectDropDown = new EnumDropDown <DragEffects> {
SelectedValue = DragEffects.All
};
dragEnterEffect = new EnumDropDown <DragEffects?> {
SelectedValue = DragEffects.Copy
};
dragOverEffect = new EnumDropDown <DragEffects?> {
SelectedValue = null
};
writeDataCheckBox = new CheckBox {
Text = "Write data to log"
};
useDragImage = new CheckBox {
Text = "Use custom drag image"
};
imageOffset = new PointEntry {
Value = new Point(80, 80)
};
imageOffset.Bind(c => c.Enabled, useDragImage, c => c.Checked);
var htmlTextArea = new TextArea {
Height = 24
};
var selectFilesButton = new Button {
Text = "Select Files"
};
Uri[] fileUris = null;
selectFilesButton.Click += (sender, e) =>
{
var ofd = new OpenFileDialog();
ofd.MultiSelect = true;
ofd.ShowDialog(this);
fileUris = ofd.Filenames.Select(r => new Uri(r)).ToArray();
if (fileUris.Length == 0)
{
fileUris = null;
}
};
var urlTextBox = new TextBox();
DataObject CreateDataObject()
{
var data = new DataObject();
if (!string.IsNullOrEmpty(textBox.Text))
{
data.Text = textBox.Text;
}
var uris = new List <Uri>();
if (fileUris != null)
{
uris.AddRange(fileUris);
}
if (Uri.TryCreate(urlTextBox.Text, UriKind.Absolute, out var uri))
{
uris.Add(uri);
}
if (uris.Count > 0)
{
data.Uris = uris.ToArray();
}
if (!string.IsNullOrEmpty(htmlTextArea.Text))
{
data.Html = htmlTextArea.Text;
}
if (includeImageCheck.Checked == true)
{
data.Image = TestIcons.Logo;
}
return(data);
}
// sources
var buttonSource = new Button {
Text = "Source"
};
buttonSource.MouseDown += (sender, e) =>
{
if (e.Buttons != MouseButtons.None)
{
DoDragDrop(buttonSource, CreateDataObject());
e.Handled = true;
}
};
var panelSource = new Panel {
BackgroundColor = Colors.Red, Size = new Size(50, 50)
};
panelSource.MouseMove += (sender, e) =>
{
if (e.Buttons != MouseButtons.None)
{
DoDragDrop(panelSource, CreateDataObject());
e.Handled = true;
}
};
var treeSource = new TreeGridView {
Size = new Size(200, 200)
};
treeSource.SelectedItemsChanged += (sender, e) => Log.Write(treeSource, $"TreeGridView.SelectedItemsChanged (source) Rows: {string.Join(", ", treeSource.SelectedRows.Select(r => r.ToString()))}");
treeSource.DataStore = CreateTreeData();
SetupTreeColumns(treeSource);
treeSource.MouseMove += (sender, e) =>
{
if (e.Buttons == MouseButtons.Primary && !treeSource.IsEditing)
{
var cell = treeSource.GetCellAt(e.Location);
if (cell.Item == null || cell.ColumnIndex == -1)
{
return;
}
var data = CreateDataObject();
var selected = treeSource.SelectedItems.OfType <TreeGridItem>().Select(r => (string)r.Values[0]);
data.SetString(string.Join(";", selected), "my.tree.data");
DoDragDrop(treeSource, data);
e.Handled = true;
}
};
var gridSource = new GridView {
};
gridSource.SelectedRowsChanged += (sender, e) => Log.Write(gridSource, $"GridView.SelectedItemsChanged (source): {string.Join(", ", gridSource.SelectedRows.Select(r => r.ToString()))}");
SetupGridColumns(gridSource);
gridSource.DataStore = CreateGridData();
gridSource.MouseMove += (sender, e) =>
{
if (e.Buttons == MouseButtons.Primary && !gridSource.IsEditing)
{
var cell = gridSource.GetCellAt(e.Location);
if (cell.RowIndex == -1 || cell.ColumnIndex == -1)
{
return;
}
var data = CreateDataObject();
var selected = gridSource.SelectedItems.OfType <GridItem>().Select(r => (string)r.Values[0]);
data.SetString(string.Join(";", selected), "my.grid.data");
DoDragDrop(gridSource, data);
e.Handled = true;
}
};
// destinations
var buttonDestination = new Button {
Text = "Drop here!", AllowDrop = true
};
buttonDestination.DragEnter += (sender, e) => buttonDestination.Text = "Now, drop it!";
buttonDestination.DragLeave += (sender, e) => buttonDestination.Text = "Drop here!";
LogEvents(buttonDestination);
var drawableDest = new Drawable {
BackgroundColor = Colors.Blue, AllowDrop = true, Size = new Size(50, 50)
};
LogEvents(drawableDest);
drawableDest.DragEnter += (sender, e) =>
{
if (e.Effects != DragEffects.None)
{
drawableDest.BackgroundColor = Colors.Green;
}
};
drawableDest.DragLeave += (sender, e) =>
{
if (e.Effects != DragEffects.None)
{
drawableDest.BackgroundColor = Colors.Blue;
}
};
drawableDest.DragDrop += (sender, e) =>
{
if (e.Effects != DragEffects.None)
{
drawableDest.BackgroundColor = Colors.Blue;
}
};
var dragMode = new RadioButtonList
{
Orientation = Orientation.Vertical,
Items =
{
new ListItem {
Text = "No Restriction", Key = ""
},
new ListItem {
Text = "RestrictToOver", Key = "over"
},
new ListItem {
Text = "RestrictToInsert", Key = "insert"
},
new ListItem {
Text = "RestrictToNode", Key = "node"
},
new ListItem {
Text = "No Node", Key = "none"
}
},
SelectedIndex = 0
};
var treeDest = new TreeGridView {
AllowDrop = true, Size = new Size(200, 200)
};
var treeDestData = CreateTreeData();
treeDest.DataStore = treeDestData;
treeDest.DragOver += (sender, e) =>
{
var info = treeDest.GetDragInfo(e);
if (info == null)
{
return; // not supported
}
switch (dragMode.SelectedKey)
{
case "over":
info.RestrictToOver();
break;
case "insert":
info.RestrictToInsert();
break;
case "node":
info.RestrictToNode(treeDestData[2]);
break;
case "none":
info.Item = info.Parent = null;
break;
}
};
SetupTreeColumns(treeDest);
LogEvents(treeDest);
var gridDest = new GridView {
AllowDrop = true
};
var gridDestData = CreateGridData();
gridDest.DataStore = gridDestData;
gridDest.DragOver += (sender, e) =>
{
var info = gridDest.GetDragInfo(e);
if (info == null)
{
return; // not supported
}
switch (dragMode.SelectedKey)
{
case "over":
info.RestrictToOver();
break;
case "insert":
info.RestrictToInsert();
break;
case "node":
info.Index = 2;
info.Position = GridDragPosition.Over;
break;
case "none":
info.Index = -1;
break;
}
};
SetupGridColumns(gridDest);
LogEvents(gridDest);
// layout
var layout = new DynamicLayout {
Padding = 10, DefaultSpacing = new Size(4, 4)
};
layout.BeginHorizontal();
layout.BeginScrollable(BorderType.None);
layout.BeginCentered();
layout.AddSeparateRow(showDragOverEvents);
layout.AddSeparateRow("AllowedEffect", allowedEffectDropDown, null);
layout.BeginVertical();
layout.AddRow("DropDescription", descriptionTextBox);
layout.AddRow(new Panel(), innerTextBox);
layout.EndVertical();
layout.AddSeparateRow("DragEnter Effect", dragEnterEffect, null);
layout.AddSeparateRow("DragOver Effect", dragOverEffect, null);
layout.AddSeparateRow(useDragImage);
layout.AddSeparateRow("Image offset:", imageOffset);
layout.AddSeparateRow(writeDataCheckBox);
layout.BeginGroup("DataObject", 10);
layout.AddRow("Text", textBox);
layout.AddRow("Html", htmlTextArea);
layout.AddRow("Url", urlTextBox);
layout.BeginHorizontal();
layout.AddSpace();
layout.BeginVertical();
layout.AddCentered(includeImageCheck);
layout.AddCentered(selectFilesButton);
layout.EndVertical();
layout.EndGroup();
layout.Add(dragMode);
layout.AddSpace();
layout.EndCentered();
layout.EndScrollable();
layout.BeginVertical(xscale: true);
layout.AddRange("Drag sources:", buttonSource, panelSource);
layout.Add(treeSource, yscale: true);
layout.Add(gridSource, yscale: true);
layout.EndVertical();
layout.BeginVertical(xscale: true);
layout.AddRange("Drag destinations:", buttonDestination, drawableDest);
layout.Add(treeDest, yscale: true);
layout.Add(gridDest, yscale: true);
layout.EndVertical();
layout.EndHorizontal();
Content = layout;
}
public DragDropSection()
{
// drag data object
showDragOverEvents = new CheckBox {
Text = "Show DragOver Events"
};
var includeImageCheck = new CheckBox {
Text = "Include Image"
};
var textBox = new TextBox {
Text = "Some text"
};
var allowedEffectDropDown = new EnumDropDown <DragEffects> {
SelectedValue = DragEffects.All
};
dragOverEffect = new EnumDropDown <DragEffects> {
SelectedValue = DragEffects.Copy
};
var htmlTextArea = new TextArea();
var selectFilesButton = new Button {
Text = "Select Files"
};
Uri[] uris = null;
selectFilesButton.Click += (sender, e) =>
{
var ofd = new OpenFileDialog();
ofd.MultiSelect = true;
ofd.ShowDialog(this);
uris = ofd.Filenames.Select(r => new Uri(r)).ToArray();
if (uris.Length == 0)
{
uris = null;
}
};
Func <DataObject> createDataObject = () =>
{
var data = new DataObject();
if (!string.IsNullOrEmpty(textBox.Text))
{
data.Text = textBox.Text;
}
if (uris != null)
{
data.Uris = uris;
}
if (!string.IsNullOrEmpty(htmlTextArea.Text))
{
data.Html = htmlTextArea.Text;
}
if (includeImageCheck.Checked == true)
{
data.Image = TestIcons.Logo;
}
return(data);
};
// sources
var buttonSource = new Button {
Text = "Source"
};
buttonSource.MouseDown += (sender, e) =>
{
buttonSource.DoDragDrop(createDataObject(), allowedEffectDropDown.SelectedValue);
e.Handled = true;
};
var panelSource = new Panel {
BackgroundColor = Colors.Red, Size = new Size(50, 50)
};
panelSource.MouseDown += (sender, e) =>
{
panelSource.DoDragDrop(createDataObject(), allowedEffectDropDown.SelectedValue);
e.Handled = true;
};
var treeSource = new TreeGridView {
Size = new Size(200, 200)
};
treeSource.DataStore = CreateTreeData();
SetupTreeColumns(treeSource);
treeSource.MouseMove += (sender, e) =>
{
if (e.Buttons == MouseButtons.Primary)
{
var cell = treeSource.GetCellAt(e.Location);
if (cell.Item == null || cell.ColumnIndex == -1)
{
return;
}
var data = createDataObject();
var selected = treeSource.SelectedItems.OfType <TreeGridItem>().Select(r => (string)r.Values[0]);
data.SetString(string.Join(";", selected), "my-tree-data");
treeSource.DoDragDrop(data, allowedEffectDropDown.SelectedValue);
e.Handled = true;
}
};
var gridSource = new GridView {
};
SetupGridColumns(gridSource);
gridSource.DataStore = CreateGridData();
gridSource.MouseMove += (sender, e) =>
{
if (e.Buttons == MouseButtons.Primary)
{
var data = createDataObject();
var selected = gridSource.SelectedItems.OfType <GridItem>().Select(r => (string)r.Values[0]);
data.SetString(string.Join(";", selected), "my-grid-data");
gridSource.DoDragDrop(data, allowedEffectDropDown.SelectedValue);
e.Handled = true;
}
};
// destinations
var buttonDestination = new Button {
Text = "Drop here!", AllowDrop = true
};
buttonDestination.DragEnter += (sender, e) => buttonDestination.Text = "Now, drop it!";
buttonDestination.DragLeave += (sender, e) => buttonDestination.Text = "Drop here!";
LogEvents(buttonDestination);
var drawableDest = new Drawable {
BackgroundColor = Colors.Blue, AllowDrop = true, Size = new Size(50, 50)
};
LogEvents(drawableDest);
drawableDest.DragEnter += (sender, e) =>
{
if (e.Effects != DragEffects.None)
{
drawableDest.BackgroundColor = Colors.Green;
}
};
drawableDest.DragLeave += (sender, e) =>
{
if (e.Effects != DragEffects.None)
{
drawableDest.BackgroundColor = Colors.Blue;
}
};
drawableDest.DragDrop += (sender, e) =>
{
if (e.Effects != DragEffects.None)
{
drawableDest.BackgroundColor = Colors.Blue;
}
};
var dragMode = new RadioButtonList
{
Orientation = Orientation.Vertical,
Items =
{
new ListItem {
Text = "No Restriction", Key = ""
},
new ListItem {
Text = "RestrictToOver", Key = "over"
},
new ListItem {
Text = "RestrictToInsert", Key = "insert"
},
new ListItem {
Text = "RestrictToNode", Key = "node"
},
new ListItem {
Text = "No Node", Key = "none"
}
},
SelectedIndex = 0
};
var treeDest = new TreeGridView {
AllowDrop = true, Size = new Size(200, 200)
};
var treeDestData = CreateTreeData();
treeDest.DataStore = treeDestData;
treeDest.DragOver += (sender, e) =>
{
var info = treeDest.GetDragInfo(e);
if (info == null)
{
return; // not supported
}
switch (dragMode.SelectedKey)
{
case "over":
info.RestrictToOver();
break;
case "insert":
info.RestrictToInsert();
break;
case "node":
info.RestrictToNode(treeDestData[2]);
break;
case "none":
info.Item = info.Parent = null;
break;
}
};
SetupTreeColumns(treeDest);
LogEvents(treeDest);
var gridDest = new GridView {
AllowDrop = true
};
var gridDestData = CreateGridData();
gridDest.DataStore = gridDestData;
gridDest.DragOver += (sender, e) =>
{
var info = gridDest.GetDragInfo(e);
if (info == null)
{
return; // not supported
}
switch (dragMode.SelectedKey)
{
case "over":
info.RestrictToOver();
break;
case "insert":
info.RestrictToInsert();
break;
case "node":
info.Index = 2;
info.Position = GridDragPosition.Over;
break;
case "none":
info.Index = -1;
break;
}
};
SetupGridColumns(gridDest);
LogEvents(gridDest);
// layout
var layout = new DynamicLayout {
Padding = 10, DefaultSpacing = new Size(4, 4)
};
layout.BeginHorizontal();
layout.BeginCentered();
layout.AddSeparateRow(showDragOverEvents);
layout.AddSeparateRow("AllowedEffect", allowedEffectDropDown, null);
layout.AddSeparateRow("DragOver Effect", dragOverEffect, null);
layout.BeginGroup("DataObject", 10);
layout.AddRow("Text", textBox);
layout.AddRow("Html", htmlTextArea);
layout.BeginHorizontal();
layout.AddSpace();
layout.BeginVertical();
layout.AddCentered(includeImageCheck);
layout.AddCentered(selectFilesButton);
layout.EndVertical();
layout.EndGroup();
layout.Add(dragMode);
layout.AddSpace();
layout.EndCentered();
layout.BeginVertical(xscale: true);
layout.AddRange("Drag sources:", buttonSource, panelSource);
layout.Add(treeSource, yscale: true);
layout.Add(gridSource, yscale: true);
layout.EndVertical();
layout.BeginVertical(xscale: true);
layout.AddRange("Drag destinations:", buttonDestination, drawableDest);
layout.Add(treeDest, yscale: true);
layout.Add(gridDest, yscale: true);
layout.EndVertical();
layout.EndHorizontal();
Content = layout;
}