Xamarin中Render的使用

最新推荐文章于 2021-12-22 10:00:00 发布

空怀

最新推荐文章于 2021-12-22 10:00:00 发布

阅读量2.9k

点赞数 1

分类专栏： Xamarin.Ios Xamarin.Android Xamrin.Forms 文章标签： xamarin Render

本文链接：https://blog.csdn.net/cdf881125/article/details/46632693

版权

Xamrin.Forms 同时被 3 个专栏收录

19 篇文章 0 订阅

订阅专栏

Xamarin.Android

11 篇文章 0 订阅

订阅专栏

Xamarin.Ios

6 篇文章 0 订阅

订阅专栏

Render意为渲染，在Xamarin.Forms中，由于目前还不成熟，很多View需要使用原生平台，那么怎么做，才能使Forms里的View具有原生平台对应的特性呢，或者如何在Forms里使用到原生平台上的View呢，Render就可以帮我们做这些事情。如下是我的学习笔记，跟大家分享一下。以Entry为列。(后期随着Forms的不断完善，可能该例子会有些多余，但是今天的分享主要是说明Render的使用)

步骤1、在Forms里声明需要渲染的类，继承View或其子类。

   public class RenderEntry : Entry
    {
        public static readonly BindableProperty TextFontProperty =
              BindableProperty.Create<RenderEntry, Font>(p => p.TextFont, Font.Default);

        public Font TextFont
        {
            get { return (Font)GetValue(TextFontProperty); }
            set { SetValue(TextFontProperty, value); }
        }
    }

上面的代码，继承Entry。因为Entry没有Font这个属性。所以这里定义一个TextFont属性(在原生平台上将渲染这个属性)

步骤2、在Android工程中实现对RenderEntry的渲染。

using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(RenderEntry), typeof(RenderEntry_Droid))]
namespace RenderStudy.Droid
{
     public class RenderEntry_Droid : EntryRenderer
    {
         RenderEntry sourceView ;
         EditText targetView;
         protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.View> e)
        {
            base.OnElementChanged(e);
            if (e.OldElement == null)
            {
                sourceView = (RenderEntry)e.NewElement;
                //EditText edit = new EditText(this.Context);
                targetView =(EditText)this.Control;
                targetView.SetTextSize(Android.Util.ComplexUnitType.Sp, sourceView.TextFont.ToScaledPixel());
            }
        }

         protected override void OnElementPropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
        {
            base.OnElementPropertyChanged(sender, e);

            if (e.PropertyName == RenderEntry.TextFontProperty.PropertyName)
            {
                targetView.SetTextSize(Android.Util.ComplexUnitType.Sp, sourceView.TextFont.ToScaledPixel());
            }
        }
     }  
}

步骤3、在iOS端实现渲染：

using Xamarin.Forms.Platform.iOS;
[assembly: ExportRenderer(typeof(RenderEntry), typeof(RenderEntry_iOS))]
namespace <span style="font-family: Arial, Helvetica, sans-serif;">RenderStudy</span><span style="font-family: Arial, Helvetica, sans-serif;">.iOS</span>
{
    public class RenderEntry_iOS : EntryRenderer
    {
        RenderEntry sourceView;
        UITextField targetView;
        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);
            if (e.OldElement == null)
            {
                sourceView = (RenderEntry)e.NewElement;
                targetView = (UITextField)Control;
           
                targetView.Font = sourceView.TextFont.ToUIFont();
            }
        }

     protected override void OnElementPropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
     {
            base.OnElementPropertyChanged(sender, e);
            if (e.PropertyName == RenderEntry.HAlignmentProperty.PropertyName)
            {
<pre name="code" class="csharp">               targetView.Font = sourceView.TextFont.ToUIFont();

} }}

步骤4、使用TextFont属性。（跟其他属性一样的使用，不多做说明）

分享到这里，总结一下，发现在Forms里想要使用到原生平台的东西，有两种方法，一种就是今天分享的Render，还有一种就是DependencyService，前面已经分享过：点击打开链接

注意：直接对View进行渲染时，原生平台上应该继承ViewRender，然后需要设置本地View，SetNativeControl(targetView)。

Render不仅可以对View进行渲染，对Page也是可以进行渲染的，大家可以自己多试试。

欢迎大家添加我的QQ群(365516544)一起学习讨论