Hi Dilan,
We have checked with the reported query “Need for Horizontal GroupHeaders when orientation of SfListView is Horizontal” from our side. We would like to let you know that when the orientation of the SfListView is horizontal the GroupHeader will be present at the beginning of the items. However you can achieve your requirement through an work around. You need to load another horizontal SfListView on top of the SfListView which is in GridLayout. You can set the BindingContext of second SfListView as first SfListView which contains GridLayout items and set its ItemsSource as Groups from DataSource of SfListView in the Loaded event of SfListView containing Grid items as like below code snippets.
Code Example[C#]:
|
private void ListView_Loaded(object sender, ListViewLoadedEventArgs e)
{
listView2.BindingContext = listView;
listView2.ItemsSource = listView.DataSource.Groups;
} |
Then you need to set the AutoFitMode as ‘Height’ to measure the size for each item of second SfListView in QueryItemSize event of second SfListView. Measure the size for each item based on the SpanCount and ItemSize of first SfListView as like below code example.
Code Example[C#]:
|
private void ListView2_QueryItemSize(object sender, QueryItemSizeEventArgs e)
{
for (int i = 0; i < listView.DataSource.Groups.Count; i++)
{
itemSize = (listView.DataSource.Groups[i].Count / gridLayout.SpanCount) * listView.ItemSize;
if (listView.DataSource.Groups[i].Count % 2 != 0)
e.ItemSize = itemSize + listView2.ItemSize;
else
e.ItemSize = itemSize;
}
} |
Then you need to scroll upper SfListView along with the lower SfListView. To do that you need to get the ScrollX position from the ScrollRows of ExtendedScrollView and in the ScrollRows Changed event you need to scroll the upper SfListView programmatically using ScrollTo method as like below.
Code Example[C#]:
|
public partial class GridLayoutPage : ContentPage
{
ExtendedScrollView scrollview;
ScrollAxisBase scrollRows;
VisualContainer visualContainer;
public GridLayoutPage()
{
InitializeComponent();
visualContainer = listView.GetType().GetRuntimeProperties().First(p => p.Name == "VisualContainer").GetValue(listView) as VisualContainer;
scrollRows = visualContainer.GetType().GetRuntimeProperties().First(p => p.Name == "ScrollRows").GetValue(visualContainer) as ScrollAxisBase;
scrollRows.Changed += ScrollRows_Changed;
scrollview = visualContainer.GetType().GetRuntimeProperties().First(x => x.Name == "ScrollOwner").GetValue(visualContainer) as ExtendedScrollView;
}
private void ScrollRows_Changed(object sender, ScrollChangedEventArgs e)
{
listView2.ScrollTo(scrollview.ScrollX);
}
} |
Please let us know if you require further assistance.
Regards,
G.Muthu Kumaran.
