Skip to content

Commit b926b3d

Browse files
swethasf3977swethasf3977
committed
Updated README.md
1 parent 137ea26 commit b926b3d

File tree

1 file changed

+104
-1
lines changed

1 file changed

+104
-1
lines changed

‎README.md‎

Lines changed: 104 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,105 @@
11
# How-to-implement-a-.NET-MAUI-Radial-Menu-in-a-listview
2-
How to implement a .NET MAUI Radial Menu in a listview
2+
This sample explains how to implement a .NET MAUI Radial Menu in a listview
3+
4+
5+
**XAML**
6+
```
7+
<StackLayout>
8+
<syncfusion:SfListView x:Name="listView"
9+
ItemsSource="{Binding BookInfo}" ItemTapped="listView_ItemTapped_1"
10+
ItemSize="250">
11+
12+
<syncfusion:SfListView.ItemTemplate>
13+
<DataTemplate>
14+
<Grid x:Name="main">
15+
<Grid.RowDefinitions>
16+
<RowDefinition Height="0.4*" />
17+
<RowDefinition Height="0.6*" />
18+
</Grid.RowDefinitions>
19+
<Label Text="{Binding BookName}" FontAttributes="Bold" TextColor="Teal" FontSize="Small" />
20+
<Label Grid.Row="1" Text="{Binding BookDescription}" TextColor="Teal" FontSize="15"/>
21+
</Grid>
22+
</DataTemplate>
23+
</syncfusion:SfListView.ItemTemplate>
24+
</syncfusion:SfListView>
25+
26+
27+
<radialMenu:SfRadialMenu IsOpen="False"
28+
IsVisible="False"
29+
Closing="radial_Menu_Closing_1"
30+
HeightRequest="250"
31+
WidthRequest="220"
32+
x:Name="radial_Menu"
33+
CenterButtonText="&#xe710;"
34+
CenterButtonFontFamily="MauiMaterialAssets" >
35+
<radialMenu:SfRadialMenu.Items>
36+
<radialMenu:SfRadialMenuItem Text="&#xe72e;" FontFamily="MauiMaterialAssets">
37+
<radialMenu:SfRadialMenuItem.Items>
38+
<radialMenu:SfRadialMenuItem Text="&#xe744;"
39+
FontFamily="MauiMaterialAssets" />
40+
<radialMenu:SfRadialMenuItem Text="&#xe745;"
41+
FontFamily="MauiMaterialAssets" />
42+
<radialMenu:SfRadialMenuItem Text="&#xe73b;"
43+
FontFamily="MauiMaterialAssets" />
44+
<radialMenu:SfRadialMenuItem Text="&#xe762;"
45+
FontFamily="MauiMaterialAssets" />
46+
</radialMenu:SfRadialMenuItem.Items>
47+
</radialMenu:SfRadialMenuItem>
48+
<radialMenu:SfRadialMenuItem Text="&#xe72e;"
49+
FontFamily="MauiMaterialAssets">
50+
<radialMenu:SfRadialMenuItem.Items>
51+
<radialMenu:SfRadialMenuItem Text="&#xe744;"
52+
FontFamily="MauiMaterialAssets" />
53+
<radialMenu:SfRadialMenuItem Text="&#xe745;"
54+
FontFamily="MauiMaterialAssets" />
55+
<radialMenu:SfRadialMenuItem Text="&#xe746;"
56+
FontFamily="MauiMaterialAssets" />
57+
<radialMenu:SfRadialMenuItem Text="&#xe762;"
58+
FontFamily="MauiMaterialAssets" />
59+
</radialMenu:SfRadialMenuItem.Items>
60+
</radialMenu:SfRadialMenuItem>
61+
<radialMenu:SfRadialMenuItem Text="&#xe72e;"
62+
FontFamily="MauiMaterialAssets">
63+
<radialMenu:SfRadialMenuItem.Items>
64+
<radialMenu:SfRadialMenuItem Text="&#xe744;"
65+
FontFamily="MauiMaterialAssets" />
66+
<radialMenu:SfRadialMenuItem Text="&#xe745;"
67+
FontFamily="MauiMaterialAssets" />
68+
<radialMenu:SfRadialMenuItem Text="&#xe746;"
69+
FontFamily="MauiMaterialAssets" />
70+
</radialMenu:SfRadialMenuItem.Items>
71+
</radialMenu:SfRadialMenuItem>
72+
<radialMenu:SfRadialMenuItem Text="&#xe710;" FontFamily="MauiMaterialAssets">
73+
<radialMenu:SfRadialMenuItem.Items>
74+
<radialMenu:SfRadialMenuItem FontSize="16" Text="&#xe744;" FontFamily="MauiMaterialAssets" />
75+
<radialMenu:SfRadialMenuItem FontSize="18" Text="&#xe745;" FontFamily="MauiMaterialAssets" />
76+
<radialMenu:SfRadialMenuItem FontSize="20" Text="&#xe746;" FontFamily="MauiMaterialAssets" />
77+
</radialMenu:SfRadialMenuItem.Items>
78+
</radialMenu:SfRadialMenuItem>
79+
<radialMenu:SfRadialMenuItem Text="&#xe710;" FontFamily="MauiMaterialAssets">
80+
<radialMenu:SfRadialMenuItem.Items>
81+
<radialMenu:SfRadialMenuItem Text="&#xe744;" FontFamily="MauiMaterialAssets" />
82+
<radialMenu:SfRadialMenuItem Text="&#xe745;" FontFamily="MauiMaterialAssets" />
83+
<radialMenu:SfRadialMenuItem Text="&#xe746;" FontFamily="MauiMaterialAssets" />
84+
</radialMenu:SfRadialMenuItem.Items>
85+
</radialMenu:SfRadialMenuItem>
86+
</radialMenu:SfRadialMenu.Items>
87+
</radialMenu:SfRadialMenu>
88+
</StackLayout>
89+
```
90+
91+
**C#**
92+
```
93+
private void listView_ItemTapped_1(object sender, Syncfusion.Maui.ListView.ItemTappedEventArgs e)
94+
{
95+
radial_Menu.TranslationX = e.Position.X - (radial_Menu.Width);
96+
radial_Menu.TranslationY = e.Position.Y - (radial_Menu.Height);
97+
radial_Menu.IsOpen = true;
98+
radial_Menu.IsVisible = true;
99+
}
100+
101+
private void radial_Menu_Closing_1(object sender, Syncfusion.Maui.RadialMenu.ClosingEventArgs e)
102+
{
103+
radial_Menu.IsVisible = false;
104+
}
105+
```

0 commit comments

Comments
 (0)