增加了DefaultHeader组件并将SmartRefreshControl默认设置为他

2534290808 · 2534290808 · commit 86d2d2419818 · 2018-03-12T15:10:20.000+08:00
Signed-off-by: 2534290808 &lt;2534290808@qq.com&gt;
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/AnyHeader.js b/AnyHeader.js
@@ -0,0 +1,31 @@
+import React, {Component} from 'react';
+import {
+    StyleSheet,
+    View,
+    Text,
+    requireNativeComponent,
+    ViewPropTypes,
+    findNodeHandle,
+    UIManager,
+} from 'react-native';
+import PropTypes from 'prop-types';
+
+const RCTAnyHeader = requireNativeComponent('RCTAnyHeader', RCTAnyHeader);
+
+class AnyHeader extends Component {
+
+    render() {
+        return (
+            <RCTAnyHeader
+                ref="refreshLayout"
+                {...this.props}
+            />
+
+        )
+    }
+}
+
+AnyHeader.propTypes = {
+    ...ViewPropTypes,
+}
+export default AnyHeader;
diff --git a/DefaultHeader.js b/DefaultHeader.js
@@ -0,0 +1,31 @@
+import React, {Component} from 'react';
+import {
+    StyleSheet,
+    View,
+    Text,
+    requireNativeComponent,
+    ViewPropTypes,
+    findNodeHandle,
+    UIManager,
+} from 'react-native';
+import PropTypes from 'prop-types';
+
+const RCTDefaultHeader = requireNativeComponent('RCTDefaultHeader', RCTDefaultHeader);
+
+class DefaultHeader extends Component {
+
+    render() {
+        return (
+            <RCTDefaultHeader
+                ref="refreshLayout"
+                {...this.props}
+            />
+
+        )
+    }
+}
+
+DefaultHeader.propTypes = {
+    ...ViewPropTypes,
+}
+export default DefaultHeader;
diff --git a/SmartRefreshControl.js b/SmartRefreshControl.js
@@ -9,6 +9,7 @@ import {
 } from 'react-native';
 import ClassicsHeader from "./ClassicsHeader";
 import {ViewPropTypes,PropTypes} from './Util'
+import DefaultHeader from "./DefaultHeader";
 
 const SmartRefreshLayout = requireNativeComponent('SmartRefreshLayout', SmartRefreshControl);
 
@@ -34,9 +35,11 @@ class SmartRefreshControl extends Component {
     renderHeader=()=>{
         const {HeaderComponent}=this.props;
         if(HeaderComponent){
-            return HeaderComponent;
+            return React.cloneElement(HeaderComponent,{
+                key:'header'
+            });
         }
-        return <View><Text></Text></View>
+        return <DefaultHeader/>
     }
     _onSmartRefresh=()=>{
         this.props.onRefresh && this.props.onRefresh();
@@ -55,8 +58,12 @@ class SmartRefreshControl extends Component {
                 {...nativeProps}
             >
                 {this.renderHeader()}
-                {this.props.children}
-                {this.renderFooter()}
+                {React.cloneElement(
+                    this.props.children,
+                    {
+                        key:'content'
+                    }
+                )}
             </SmartRefreshLayout>
 
         )
diff --git a/android/src/main/java/com/lmy/header/AnyHeader.java b/android/src/main/java/com/lmy/header/AnyHeader.java
@@ -34,6 +34,7 @@ public class AnyHeader extends LinearLayout implements RefreshHeader {
     private View refreshingView;
     protected int mPaddingTop = 20;
     protected int mPaddingBottom = 20;
+    private RefreshKernel mRefreshKernel;
 
     public AnyHeader(Context context) {
         super(context);
@@ -47,10 +48,14 @@ public AnyHeader(Context context, AttributeSet attrs, int defStyleAttr) {
         super(context, attrs, defStyleAttr);
         this.initView(context);
     }
+    @Override
+    public void onInitialized(@NonNull RefreshKernel kernel, int height, int extendHeight) {
+        mRefreshKernel = kernel;
+       // mRefreshKernel.requestDrawBackgroundForHeader(Color.parseColor("red"));
+    }
     private void initView(Context context) {
-        setGravity(Gravity.CENTER_HORIZONTAL);
-        setOrientation(LinearLayout.VERTICAL);
-        view = new TextView(context);
+        setGravity(Gravity.CENTER);
+        //view = new TextView(context);
         //mProgressDrawable = new ProgressDrawable();
        // mArrowView = new PathsView(context);
         //mProgressView = new ImageView(context);
@@ -59,8 +64,8 @@ private void initView(Context context) {
        // addView(mProgressView, DensityUtil.dp2px(20), DensityUtil.dp2px(20));
        // addView(mArrowView, DensityUtil.dp2px(20), DensityUtil.dp2px(20));
         addView(new View(context), DensityUtil.dp2px(20), DensityUtil.dp2px(20));
-        ((TextView)view).setText("SmartRefreshLayout");
-        addView(view, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
+        //((TextView)view).setText("SmartRefreshLayout");
+        //addView(view, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
         setMinimumHeight(DensityUtil.dp2px(60));
     }
     @NonNull
@@ -69,11 +74,7 @@ public View getView() {
     }
     public void setView(View view){
         if(view !=null){
-            setGravity(Gravity.CENTER_HORIZONTAL);
-            setOrientation(LinearLayout.VERTICAL);
-            removeAllViews();
             addView(view, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
-            setMinimumHeight(DensityUtil.dp2px(60));
         }
         //return this;
     }
@@ -96,9 +97,7 @@ public void onStateChanged(RefreshLayout refreshLayout, RefreshState oldState, R
     public boolean isSupportHorizontalDrag() {
         return false;
     }
-    @Override
-    public void onInitialized(RefreshKernel kernel, int height, int extendHeight) {
-    }
+
     @Override
     public void onHorizontalDrag(float percentX, int offsetX, int offsetMax) {
     }
diff --git a/android/src/main/java/com/lmy/header/AnyHeaderManager.java b/android/src/main/java/com/lmy/header/AnyHeaderManager.java
@@ -0,0 +1,20 @@
+package com.lmy.header;
+
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.ViewGroupManager;
+
+/**
+ * Created by painter.g on 2018/3/12.
+ */
+
+public class AnyHeaderManager extends ViewGroupManager<AnyHeader> {
+    @Override
+    public String getName() {
+        return "RCTAnyHeader";
+    }
+
+    @Override
+    protected AnyHeader createViewInstance(ThemedReactContext reactContext) {
+        return new AnyHeader(reactContext);
+    }
+}
diff --git a/android/src/main/java/com/lmy/header/DefaultHeader.java b/android/src/main/java/com/lmy/header/DefaultHeader.java
@@ -0,0 +1,133 @@
+package com.lmy.header;
+
+import android.content.Context;
+import android.support.annotation.ColorInt;
+import android.support.annotation.NonNull;
+import android.support.annotation.Nullable;
+import android.util.AttributeSet;
+import android.view.Gravity;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+import com.scwang.smartrefresh.layout.api.RefreshHeader;
+import com.scwang.smartrefresh.layout.api.RefreshKernel;
+import com.scwang.smartrefresh.layout.api.RefreshLayout;
+import com.scwang.smartrefresh.layout.constant.RefreshState;
+import com.scwang.smartrefresh.layout.constant.SpinnerStyle;
+import com.scwang.smartrefresh.layout.internal.ProgressDrawable;
+import com.scwang.smartrefresh.layout.internal.pathview.PathsView;
+import com.scwang.smartrefresh.layout.util.DensityUtil;
+
+/**
+ * Created by painter.g on 2018/3/12.
+ */
+
+public class DefaultHeader extends LinearLayout implements RefreshHeader {
+    private TextView mHeaderText;//标题文本
+    private PathsView mArrowView;//下拉箭头
+    private ImageView mProgressView;//刷新动画视图
+    private ProgressDrawable mProgressDrawable;//刷新动画
+    public DefaultHeader(Context context) {
+        super(context);
+        this.initView(context);
+    }
+
+    public DefaultHeader(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        this.initView(context);
+    }
+
+    public DefaultHeader(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        this.initView(context);
+    }
+
+
+
+    private void initView(Context context) {
+        setGravity(Gravity.CENTER);
+        mHeaderText = new TextView(context);
+        mHeaderText.setText("下拉开始刷新");
+        mProgressDrawable = new ProgressDrawable();
+        mArrowView = new PathsView(context);
+        mProgressView = new ImageView(context);
+        mProgressView.setImageDrawable(mProgressDrawable);
+        mArrowView.parserColors(0xff666666);
+        mArrowView.parserPaths("M20,12l-1.41,-1.41L13,16.17V4h-2v12.17l-5.58,-5.59L4,12l8,8 8,-8z");
+        addView(mProgressView, DensityUtil.dp2px(20), DensityUtil.dp2px(20));
+        addView(mArrowView, DensityUtil.dp2px(20), DensityUtil.dp2px(20));
+        addView(new View(context), DensityUtil.dp2px(20), DensityUtil.dp2px(20));
+        addView(mHeaderText, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
+        setMinimumHeight(DensityUtil.dp2px(60));
+    }
+    @NonNull
+    public View getView() {
+        return this;//真实的视图就是自己，不能返回null
+    }
+    @Override
+    public SpinnerStyle getSpinnerStyle() {
+        return SpinnerStyle.Translate;//指定为平移，不能null
+    }
+    @Override
+    public void onStartAnimator(RefreshLayout layout, int headHeight, int extendHeight) {
+        mProgressDrawable.start();//开始动画
+    }
+    @Override
+    public int onFinish(RefreshLayout layout, boolean success) {
+        mProgressDrawable.stop();//停止动画
+        if (success){
+            mHeaderText.setText("刷新完成");
+        } else {
+            mHeaderText.setText("刷新失败");
+        }
+        return 500;//延迟500毫秒之后再弹回
+    }
+    @Override
+    public void onStateChanged(RefreshLayout refreshLayout, RefreshState oldState, RefreshState newState) {
+        switch (newState) {
+            case None:
+            case PullDownToRefresh:
+                mHeaderText.setText("下拉开始刷新");
+                mArrowView.setVisibility(VISIBLE);//显示下拉箭头
+                mProgressView.setVisibility(GONE);//隐藏动画
+                mArrowView.animate().rotation(0);//还原箭头方向
+                break;
+            case Refreshing:
+                mHeaderText.setText("正在刷新");
+                mProgressView.setVisibility(VISIBLE);//显示加载动画
+                mArrowView.setVisibility(GONE);//隐藏箭头
+                break;
+            case ReleaseToRefresh:
+                mHeaderText.setText("释放立即刷新");
+                mArrowView.animate().rotation(180);//显示箭头改为朝上
+                break;
+        }
+    }
+    @Override
+    public boolean isSupportHorizontalDrag() {
+        return false;
+    }
+    @Override
+    public void onInitialized(RefreshKernel kernel, int height, int extendHeight) {
+    }
+    @Override
+    public void onHorizontalDrag(float percentX, int offsetX, int offsetMax) {
+    }
+    @Override
+    public void onPulling(float percent, int offset, int headHeight, int extendHeight) {
+    }
+    @Override
+    public void onReleasing(float percent, int offset, int headHeight, int extendHeight) {
+    }
+
+    @Override
+    public void onReleased(RefreshLayout refreshLayout, int height, int extendHeight) {
+
+    }
+
+    @Override
+    public void setPrimaryColors(@ColorInt int ... colors){
+    }
+}
diff --git a/android/src/main/java/com/lmy/header/DefaultHeaderMananger.java b/android/src/main/java/com/lmy/header/DefaultHeaderMananger.java
@@ -0,0 +1,20 @@
+package com.lmy.header;
+
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+
+/**
+ * Created by painter.g on 2018/3/12.
+ */
+
+public class DefaultHeaderMananger extends SimpleViewManager<DefaultHeader> {
+    @Override
+    public String getName() {
+        return "RCTDefaultHeader";
+    }
+
+    @Override
+    protected DefaultHeader createViewInstance(ThemedReactContext reactContext) {
+        return new DefaultHeader(reactContext);
+    }
+}
diff --git a/android/src/main/java/com/lmy/smartrefreshlayout/SmartRefreshLayoutManager.java b/android/src/main/java/com/lmy/smartrefreshlayout/SmartRefreshLayoutManager.java
@@ -10,7 +10,6 @@
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 import com.lmy.header.AnyHeader;
-import com.scwang.smartrefresh.layout.api.RefreshFooter;
 import com.scwang.smartrefresh.layout.api.RefreshHeader;
 import com.scwang.smartrefresh.layout.api.RefreshLayout;
 import com.scwang.smartrefresh.layout.listener.OnLoadMoreListener;
@@ -124,13 +123,14 @@ public void addView(ReactSmartRefreshLayout parent, View child, int index) {
                     ((AnyHeader)header).setView(child);
                 }
                 parent.setRefreshHeader(header);
+                //parent.setRefreshHeader(new MaterialHeader(themedReactContext).setShowBezierWave(true));
                 break;
             case 1:
                 parent.setRefreshContent(child);
                 break;
             case 2:
-                RefreshFooter footer=(RefreshFooter)child;
-                parent.setRefreshFooter(footer);
+                //RefreshFooter footer=(RefreshFooter)child;
+                //parent.setRefreshFooter(footer);
                 break;
             default:break;
 
diff --git a/android/src/main/java/com/lmy/smartrefreshlayout/SmartRefreshLayoutPackage.java b/android/src/main/java/com/lmy/smartrefreshlayout/SmartRefreshLayoutPackage.java
@@ -5,7 +5,9 @@
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.uimanager.ViewManager;
+import com.lmy.header.AnyHeaderManager;
 import com.lmy.header.ClassicsHeaderManager;
+import com.lmy.header.DefaultHeaderMananger;
 import com.lmy.header.MaterialHeaderManager;
 import com.lmy.header.StoreHouseHeaderManager;
 
@@ -32,7 +34,9 @@ public List<ViewManager> createViewManagers(ReactApplicationContext reactContext
                 new SmartRefreshLayoutManager(),
                 new ClassicsHeaderManager(),
                 new StoreHouseHeaderManager(),
-                new MaterialHeaderManager()
+                new MaterialHeaderManager(),
+                new AnyHeaderManager(),
+                new DefaultHeaderMananger()
                 );
     }
 }
