如何使用Xamarin.forms中的浮动操作按钮与PCL项目表单代码共享？

问题描述：

我是Xamarin，Xamarin.Forms和C＃平台的新成员。如何使用Xamarin.forms中的浮动操作按钮与PCL项目表单代码共享？

我正在对这些技术进行一些实验，现在我正在寻找如何在Xamarin.Forms中使用平台特定的UI组件以及用于代码共享的PCL项目。

在网上搜索我发现了一些FAB按钮的实现（example），但这些实现已被弃用或放弃。

我知道这是可能的Embed Native Controls into Xamarin.Forms，但是这种方法使用了SAP项目...

我的问题是：是否有使用FAB按钮（或其他一些特定于平台的UI控件）的方式成一个Xamarin.Forms解决方案与PCL项目共享代码？如果是的话，其他平台的行为会是什么？我希望FAB按钮不会出现在iOS UI上。

感谢您的帮助。

答

我不会在这里推荐任何第三方库，但通常我们可以使用Custom Renderers来使用PCL的目标平台的本机控件。

对于Android平台的FloatingActionButton，您可以尝试实现一个视图渲染器。

例如在PCL创建一个类名为MyFloatButton：

public class MyFloatButton : View 
{ 
}

然后在Android项目创建一个名为MyFloatButtonRenderer例如这样的另一个类：

[assembly: ExportRenderer(typeof(MyFloatButton), typeof(MyFloatButtonRenderer))] 

namespace NameSpace.Droid 
{ 
    public class MyFloatButtonRenderer : Xamarin.Forms.Platform.Android.ViewRenderer<MyFloatButton, FloatingActionButton> 
    { 
     private FloatingActionButton fab; 

     protected override void OnElementChanged(ElementChangedEventArgs<MyFloatButton> e) 
     { 
      base.OnElementChanged(e); 

      if (Control == null) 
      { 
       fab = new FloatingActionButton(Xamarin.Forms.Forms.Context); 
       fab.LayoutParameters = new LayoutParams(ViewGroup.LayoutParams.WrapContent, ViewGroup.LayoutParams.WrapContent); 
       fab.Clickable = true; 
       fab.SetImageDrawable(Resources.GetDrawable(Resource.Drawable.icon)); 
       SetNativeControl(fab); 
      } 

      if (e.NewElement != null) 
      { 
       fab.Click += Fab_Click; 
      } 

      if (e.OldElement != null) 
      { 
       fab.Click -= Fab_Click; 
      } 
     } 

     private void Fab_Click(object sender, EventArgs e) 
     { 
     } 
    } 
}

我希望FAB按钮的功能不会出现在iOS UI上。

如果你只希望这个控件中显示的Android平台，您可在例如PCL的页面的XAML这样的代码，例如：

<OnPlatform x:TypeArguments="View"> 
    <OnPlatform.Android> 
     <local:MyFloatButton WidthRequest="50" HeightRequest="50" HorizontalOptions="Center" /> 
    </OnPlatform.Android> 
    <OnPlatform.iOS> 
     <!--use other view here--> 
    </OnPlatform.iOS> 
</OnPlatform>

或者你可以检查在添加此控制后面的代码，检查这个博客：Embedding Native Controls into Xamarin.Forms

如何使用Xamarin.forms中的浮动操作按钮与PCL项目表单代码共享？

相关推荐