开始

本文将指导您完成添加基本属性所需的步骤RadSegmentedControl控件。

1.设置应用程序

看看这些文章，并按照说明来设置你的应用:

• 安装应用程序与Telerik UI Xamarin在Windows上
• 安装应用程序与Telerik UI Xamarin在Mac上

2.添加所需的Telerik引用

你有两个选择:

• 按照Xamarin Nuget包中的说明添加Telerik UITelerik NuGet包服务器的话题。

如果您不想添加所有Telerik.UI.for.Xamarin nuget包，您可以选择添加一个单独的nuget包。对于RadSegmentedControl，您必须安装Telerik.UI.for.Xamarin.Inputnuget包。该nuget将自动为. xamarin引用telerik . ui。原语,Telerik.UI.for.Xamarin。Common和telerik . ui .for. xamarin . datacontrol内核包。

• 手动添加对Telerik程序集的引用，检查以下列表中所需的程序集RadSegmentedControl组件:

3.添加RadSegmentedControl控件

如果你的应用已经安装好了，你就可以添加一个RadSegmentedControl控制。

RadSegmentedControl允许你使用两种类型的数据-字符串和图像。你可以使用ItemsSourceRadSegmentedControl提供的属性IEnumerable字符串或图像源的集合。控件将显示项源中的每个项的段。

用字符串数据填充

下面是一个如何设置控件的ItemsSource属性并填充一些数据的示例。

   Popular Library Playlists Friends   

RadSegmentedControl segmentControlText = new RadSegmentedControl() {VerticalOptions = LayoutOptions。Start, hightrequest = 60, ItemsSource = new List() {"Popular"， "Library"， "Playlists"， "Friends"}，};

您还必须添加以下命名空间:

xmlns: telerikInput = " clr-namespace: Telerik.XamarinForms.Input;装配= Telerik.XamarinForms.Input”

使用Telerik.XamarinForms.Input;

填充图像源

 < telerikInput: RadSegmentedControl。ItemsSource>  available.png away.png busy.png   

RadSegmentedControl segmentcontrollimages = new RadSegmentedControl() {VerticalOptions = LayoutOptions。开始，hightrequest = 60, ItemsSource = new List() {"available.png"， "away.png"， "busy.png"}，};

结果如下:

4.设置线段颜色

可以设置片段的背景SegmentBackgroundColor财产。该颜色将应用于除被选中的部分以外的所有部分。要更改所选项目的背景，您可以设置SelectedSegmentBackgroundColor

控件设置项中字符串的文本颜色SegmentTextColor财产。所选段的颜色可以通过SelectedSegmentTextColor财产。

属性中找到一个具有所选颜色属性的示例选择篇文章。

SDK浏览器和QSF应用程序包含展示RadSegmentedControl主要特性的不同示例。你可以在例子和QSF本地文件夹Xamarin的Telerik UI安装。

另请参阅

• 选择
• 禁用段