Xamarin 中的 RadioGroup 形成本机视图

Question

我有以下 XAML 行，它们利用 Xamarin 表单中的本机视图：

        <androidWidget:RadioGroup x:Arguments="{x:Static formsAndroid:Forms.Context}">
            <androidWidget:RadioButton x:Arguments="{x:Static formsAndroid:Forms.Context}" Click="RadioButton1Clicked"/>
            <androidWidget:RadioButton x:Arguments="{x:Static formsAndroid:Forms.Context}" Click="RadioButton2Clicked"/>
            <androidWidget:RadioButton x:Arguments="{x:Static formsAndroid:Forms.Context}" Click="RadioButton3Clicked"/>
            <androidWidget:RadioButton x:Arguments="{x:Static formsAndroid:Forms.Context}" Click="RadioButton4Clicked"/>
        </androidWidget:RadioGroup>

但是，会抛出以下异常：“Can not set the content of androidWidget:RadioGroup as it doesn't have a ContentPropertyAttribute”

只是想知道是否有人可以帮助我找到与 RadioButtons 相关的 RadioGroup 的正确 XAML 布局？

干杯

Answer 1

但是，会抛出以下异常：“Can not set the content of androidWidget:RadioGroup as it doesn't have a ContentPropertyAttribute”

并非所有本机视图都可以直接在 xaml 中使用。 RadioGroup 就是其中之一。

要在您的 Xaml 中使用它，您需要按照以下步骤操作：

1. 在YourProject.Droid 中创建一个自定义的RadioGroup 控件：

   public class MyRadioGroup:RadioGroup
   {
       //Every native control in xaml will be wrapped in NativeViewWrapper, so we want to pass a NativeViewWrapper list here
       IList<NativeViewWrapper> items;
       public IList<NativeViewWrapper> ItemsSource
       {
           get {
               items.Clear();
               for (int i = 0; i < this.ChildCount; i++)
               {
                   items.Add(new NativeViewWrapper(this.GetChildAt(i)));
               }
               return items;
           }
           set {
               //xaml compiler will call this setter
               if (items != value)
               {
                   items = value;
                   this.RemoveAllViews();
                   foreach (NativeViewWrapper wrapper in items)
                   {
                       this.AddView(wrapper.NativeView);
                   }
               }
           }
       }
       public MyRadioGroup(Context context) : base(context)
       {
           items = new List<NativeViewWrapper>();
       }
   }
   

2. 在你的 pcl 库中添加必要的命名空间：

   <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           ...
           xmlns:androidWrapper="clr-namespace:Xamarin.Forms.Platform.Android;assembly=Xamarin.Forms.Platform.Android;targetPlatform=Android"
           xmlns:androidWidget="clr-namespace:Android.Widget;assembly=Mono.Android;targetPlatform=Android"
           xmlns:androidLocal="clr-namespace:NativeSwitch.Droid;assembly=NativeSwitch.Droid;targetPlatform=Android"
           xmlns:formsAndroid="clr-namespace:Xamarin.Forms;assembly=Xamarin.Forms.Platform.Android;targetPlatform=Android"
   xmlns:local="clr-namespace:NativeSwitch"
   ...">
   

3. 在您的 xaml 页面中引用自定义 MyRadioGroup：

   <StackLayout Margin="20">
       <androidLocal:MyRadioGroup x:Arguments="{x:Static formsAndroid:Forms.Context}" >
           <androidLocal:MyRadioGroup.ItemsSource>
               <x:Array Type="{x:Type androidWrapper:NativeViewWrapper}">
                   <androidWidget:RadioButton x:Arguments="{x:Static formsAndroid:Forms.Context}" Text="Scale1" />
                   <androidWidget:RadioButton x:Arguments="{x:Static formsAndroid:Forms.Context}" Text="Scale2" />
                   <androidWidget:RadioButton x:Arguments="{x:Static formsAndroid:Forms.Context}" Text="Scale3" />
                   <androidWidget:RadioButton x:Arguments="{x:Static formsAndroid:Forms.Context}" Text="Scale4" />
               </x:Array>
           </androidLocal:MyRadioGroup.ItemsSource>
       </androidLocal:MyRadioGroup>
   </StackLayout>
   

您可以找到完整的演示here。

官方类似教程请参考Subclassing Native Views

关于在 Xaml 中传递参数，请参考Passing Arguments in Xaml