Xamarin-Forms-Labs RadioButton控件使用

更新于 2016-04-18  约 5 分钟

今天以RadioButton控件为例,介绍下Xamarin-Forms-Labs如何在我们项目中使用

XLabs is a open source project that aims to provide a powerful and
cross platform set of services and controls tailored to work with
Xamarin and Xamarin Forms. XLabs是一个开源的项目,为Xamarin提供了跨平台的服务和控件。

XLabs的GitHub地址为https://github.com/forrest23/Xamarin-Forms-Labs

  1. 将项目download到本地,用Xamarin Studio打开项目文件XLabs.sln,然后编译,编译成功后在build文件中会有很多dll文件。在你项目中新建一个文件夹,将dll拷贝过去。然后在你的主项目、IOS项目、安卓项目中分别添加这几个dll的引用。
    clipboard.png

  2. 新建一个Forms,类型选择ContentPage Xaml
    clipboard.png

  3. 在xaml布局文件中添加以下代码来添加一个RadioButtonGroup控件
    <?xml version="1.0" encoding="UTF-8"?>

       <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
       xmlns:control="clr-namespace:XLabs.Forms.Controls;assembly=XLabs.Forms"
       x:Class="PocketDoctor.PatientSearch">
           <ContentPage.Content>
                <StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand">
                    <control:BindableRadioGroup x:Name="ansPicker" SelectedIndex="{Binding ItemSelected}" TextColor="#70c7da" Orientation="Horizontal" HorizontalOptions="FillAndExpand"/>
                    </StackLayout>
           </ContentPage.Content>
       </ContentPage> 

    注意:只有添加了xmlns:control="clr-namespace:XLabs.Forms.Controls;assembly=XLabs.Forms" 这句话才能使用XLabs.Forms中的控件。

  4. 在.xaml.cs文件中添加以下代码给RadioButtonGroup的ItemsSource赋值:

    public PatientSearch ()

           {
               InitializeComponent ();
               this.Title = "搜索患者" ;
               ansPicker.ItemsSource = new[]
               {
                   "姓名",
                   "住院号",
                   "床位号",
               };
               ansPicker.Spacing=0;
               ansPicker.Items [0].WidthRequest = 80; 
               ansPicker.Items [1].WidthRequest = 100;
               ansPicker.Items [2].WidthRequest = 100;
               ansPicker.CheckedChanged += ansPicker_CheckedChanged;
               ansPicker.Items[0].Checked = true;

    }

  5. 这样Xamarin-Forms-Labs RadioButton控件使用就介绍完毕。

阅读 3.7k更新于 2016-04-18

推荐阅读
ReactNative开发圈
用户专栏

分享React Native相关技术文档、开发资料、工具、组件、以及最新的IT资讯。欢迎关注公众号:ReactNative...

36 人关注
23 篇文章
专栏主页
目录