更改 Xamarin.Forms RefreshView 中的加载指示器偏移量

Question

在 Xamarin.Forms (iOS Android) 上，我需要更改 RefreshView 上的 loading-indicator 位置。我需要添加偏移量，因此如果您有一个与 ScrollView-RefreshView 组合重叠的栏并触发 pullOnRefresh，则指示器可见。

Loading-indicator in the top edge

编辑：感谢Junior Jiang - MSFT- Android solution

我还为 xamarin.iOS 实现了一个解决方案

[assembly: ExportRenderer(typeof(RefreshView), typeof(CustomRefreshViewRenderer))] 
namespace CustomRefresh.iOS {
public class CustomRefreshViewRenderer : RefreshViewRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<RefreshView> e)
    {
        base.OnElementChanged(e);

        foreach (var nativeView in Subviews)
            updateRefreshSettings(nativeView);

    }

    void updateRefreshSettings(UIView view) {
        if (view is UIScrollView)
        {
            var scrollView = view as UIScrollView;
            if (scrollView.RefreshControl != null)
            {
                var bounds = scrollView.RefreshControl.Bounds;
                scrollView.RefreshControl.Bounds = new CGRect(bounds.X, -(100), bounds.Width, bounds.Height);
            }
        }
        //add more scrollable view types
    }
}

}

Answer 1

您可以自定义 RefreshViewRenderer 来实现。

在Android中，有一个MOriginalOffsetTop来修改加载指示器的偏移量。另外，也可以使用SetProgressViewOffset来设置指标的起止位置。

代码如下：

using Android.Content;
using RefreshViewDemo.Droid;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
[assembly: ExportRenderer(typeof(RefreshView), typeof(CustomRefreshViewRenderer))]
namespace RefreshViewDemo.Droid
{
    public class CustomRefreshViewRenderer : RefreshViewRenderer
    {

        public CustomRefreshViewRenderer(Context context) : base(context)
        {
            MOriginalOffsetTop = 100;

           // SetProgressViewOffset(true, 100, 101);
        }

    }
}

在iOS中，加载指示器属于UIScrollView的UIRefreshControl，没有直接的方法可以改变它的偏移量。除非覆盖 Renderer 中的所有内容视图，否则可以实现。你可以参考这个Xamarin.Forms/Xamarin.Forms.Platform.iOS/Renderers/RefreshViewRenderer.cs 来了解RefreshView 是由什么组成的。

====================更新=====================

共享代码基于此官方示例：https://docs.microsoft.com/en-us/samples/xamarin/xamarin-forms-samples/userinterface-refreshviewdemo/

对于Android，只需要在android解决方案中创建一个CustomRefreshViewRenderer类。

SetProgressViewOffset(true, 100, 101)的效果，好像指标不动了：