Xamarin的Telerik UI?下载30天免费试用

布局

RadListView控件支持两种布局:通过的线性和网格LayoutDefinition财产。它接受ListViewLayoutBase类型的值,ListViewLayoutBase是所有列表视图布局的基类。

下面是ListViewLayoutBase类公开的属性:

  • VerticalItemSpacing(double):获取或设置两个项之间的垂直间距。
  • HorizontalItemSpacing(double):获取或设置两个项之间的水平间距。
  • ItemLength(double):获取或设置项的宽度或高度(取决于布局方向)。默认值是-1,这意味着项目将根据目标平台的默认行为来调整大小。
  • GroupHeaderLength(double):获取或设置组标题的宽度或高度(取决于布局方向)。默认值是-1,这意味着项目将根据目标平台的默认行为来调整大小。
  • 取向(Orientation):获取或设置布局的方向(滚动方向)。

线性布局

线性布局是控件的默认布局。类的实例可以显式地设置ListViewLinearLayout类,并将其赋值给RadListView。LayoutDefinition财产。

例子

方法的使用RadListViewLinearLayout

下面是Xaml中的列表视图定义:

          < telerikDataControls: RadListView。LayoutDefinition>   

地点:

xmlns: telerikDataControls = " = Telerik.XamarinForms clr-namespace: Telerik.XamarinForms.DataControls;装配。DataControls " xmlns: telerikListView = " clr-namespace: Telerik.XamarinForms.DataControls.ListView;装配= Telerik.XamarinForms.DataControls”

控件的ItemsSource可以在页面后面的代码中设置:

var colors = new List<对象>();For (int I = 0;I < 16;i++) {var c = 200 - 10 * I;颜色。添加(新{颜色=颜色。from mrgb (c, c, c)});};列表视图。ItemsSource =颜色;

结果如下:

直线垂直

网格布局

网格布局允许将单元格分布在固定数量的列/行中。除了基本的布局属性之外,它还公开了以下属性:

  • SpanCount(int):获取或设置列表的列/行计数(取决于方向)。

控件可以利用网格布局RadListView。LayoutDefinition属性的新实例ListViewGridLayout类。

例子

方法的使用RadListViewGridLayout

下面是Xaml中的列表视图定义:

          < telerikDataControls: RadListView。LayoutDefinition>   

地点:

xmlns: telerikDataControls = " = Telerik.XamarinForms clr-namespace: Telerik.XamarinForms.DataControls;装配。DataControls " xmlns: telerikListView = " clr-namespace: Telerik.XamarinForms.DataControls.ListView;装配= Telerik.XamarinForms.DataControls”

控件的ItemsSource可以在页面后面的代码中设置:

var colors = new List<对象>();For (int I = 0;I < 16;i++) {var c = 200 - 10 * I;颜色。添加(新{颜色=颜色。from mrgb (c, c, c)});};列表视图。ItemsSource =颜色;

结果如下:

直线垂直

另请参阅

在本文中
Baidu
map