Android中怎么实现淘宝下拉刷新效果

Android中怎么实现淘宝下拉刷新效果，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

步骤：

自定义一个view。（包含圆弧的绘制和箭头的显示和隐藏）
2、自定义头部。

1）、创建attrs文件

<declare-styleable name="TaoBaoView">     <attr name="ringProgressColor" fORMat="color" />     <attr name="ringWidth" format="dimension" />     <attr name="ringImage" format="reference" />     <attr name="ringmax" format="integer" />   </declare-styleable>

创建一个类 TaoBaoView.class

public class TaoBaoView extends View{     //圆环进度颜色   private int ringProgressColor;    //圆环的宽度   private float ringWidth;    //最大值   private int ringMax;    //中间的icon   private Bitmap ringImage;    //中间X坐标   private int centerX;    //中间Y坐标   private int centerY;    //画笔   private Paint mPaint;    //View宽度   private int width;    //View高度   private int height;    //进度   private int progress;    //半径   private int radius;    //是否显示图标   private boolean isshowIcon=true;     public TaoBaoView(Context context) {     this(context,null);   }    public TaoBaoView(Context context, AttributeSet attrs) {     this(context, attrs,0);   }    public TaoBaoView(Context context, AttributeSet attrs, int defStyleAttr) {     super(context, attrs, defStyleAttr);     TypedArray typedArray=context.obtainStyledAttributes(attrs, R.styleable.TaoBaoView);     ringProgressColor=typedArray.getColor(R.styleable.TaoBaoView_ringProgressColor, Color.GRAY);     ringWidth=typedArray.getDimension(R.styleable.TaoBaoView_ringWidth, 5);     ringMax=typedArray.getInteger(R.styleable.TaoBaoView_ringmax, 50);     ringImage= BitmapFactory.decodeResource(getResources(),         typedArray.getResourceId(R.styleable.TaoBaoView_ringImage,R.mipmap.jiantou));     init();    }    private void init() {     mPaint=new Paint();   }     @Override   protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {     super.onMeasure(widthMeasureSpec, heightMeasureSpec);      int widthMode=MeasureSpec.getMode(widthMeasureSpec);     int widthSize=MeasureSpec.getSize(widthMeasureSpec);     int heightMode=MeasureSpec.getMode(heightMeasureSpec);     int heightSize=MeasureSpec.getSize(heightMeasureSpec);      if(widthMode==MeasureSpec.AT_MOST)width=dp2px(30);     else width=widthSize;     if(heightMode==MeasureSpec.AT_MOST)height=dp2px(30);     else height=heightSize;     setMeasuredDimension(width,height);   }    @Override   protected void onLayout(boolean changed, int left, int top, int right, int bottom) {     super.onLayout(changed, left, top, right, bottom);     //获取中心点的位置     centerX=getWidth()/2;     centerY=getHeight()/2;     radius=(int) (centerX - ringWidth / 2);   }     @Override   protected void onSizeChanged(int w, int h, int oldw, int oldh) {     super.onSizeChanged(w, h, oldw, oldh);     //确定View的宽高     width = w;     height = h;   }    @Override   public void draw(canvas canvas) {     super.draw(canvas);      drawProgress(canvas);     drawImage(canvas);   }       private void drawImage(Canvas canvas) {     if(isShowIcon)     canvas.drawBitmap(ringImage,centerX-ringImage.getWidth()/2,centerY-ringImage.getHeight()/2,mPaint);   }       private void drawProgress(Canvas canvas) {      mPaint.setAntiAlias(true);     mPaint.setColor(ringProgressColor);     mPaint.setStrokeWidth(ringWidth);     //设置画笔样式     mPaint.setStyle(Paint.Style.STROKE);     RectF rectF=new RectF(centerX-radius,centerY-radius,centerX+radius,centerY+radius);     //绘制圆弧     canvas.drawArc(rectF,-110,-360*progress/ringMax,false,mPaint);   }        public int dp2px(int dp){     float density = getContext().getResources().getDisplayMetrics().density;     return (int) (dp * density + 0.5f);   }        public synchronized void setProgress(int progress){     if(progress<0){       progress=0;     }     if(progress>=ringMax){       progress=ringMax;     }     this.progress=progress;     postInvalidate();   }        public synchronized void setIsShowIcon(boolean isShow){     this.isShowIcon=isShow;   } }

创建一个headerLayout  下拉刷新头部

public class HeaderLayout extends LoadingLayoutBase {    private Context mContext;   private RotateAnimation refreshingAnimation;   private TextView ring_refresh_status;   private TaoBaoView mTaoBaoView;   private LinearLayout header_base;   private LinearLayout header_layout;    public HeaderLayout(Context context) {     this(context, PullToRefresHBase.Mode.PULL_FROM_START);   }    public HeaderLayout(Context context, PullToRefreshBase.Mode mode) {     super(context);     init(context,mode);   }    private void init(Context mContext,PullToRefreshBase.Mode mode) {     this.mContext=mContext;     LayoutInflater.from(mContext).inflate(R.layout.taobao_view, this);     header_base=(LinearLayout)findViewById(R.id.header_base);     header_layout=(LinearLayout)findViewById(R.id.refresh_header_content);     mTaoBaoView=(TaoBaoView)findViewById(R.id.taobao_view);     ring_refresh_status=(TextView)findViewById(R.id.taobao_tv);     refreshingAnimation = (RotateAnimation) AnimationUtils.loadAnimation(mContext, R.anim.rotating);     LinearInterpolator lir = new LinearInterpolator();     refreshingAnimation.setInterpolator(lir);     mTaoBaoView.setProgress(90);     LayoutParams lp = (LayoutParams) header_base.getLayoutParams();     lp.gravity = mode == PullToRefreshBase.Mode.PULL_FROM_END ? Gravity.TOP : Gravity.BOTTOM;     reset();   }    @Override   public int getContentSize() {     return header_layout.getHeight();   }       @Override   public void pullToRefresh() {     ring_refresh_status.setText("下拉刷新");     mTaoBaoView.setIsShowIcon(true);   }       @Override   public void releaseToRefresh() {     ring_refresh_status.setText("松开刷新");     mTaoBaoView.setIsShowIcon(false);   }       @Override   public void onPull(float scaleOfLayout) {     scaleOfLayout = scaleOfLayout > 1.0f ? 1.0f : scaleOfLayout;     int progress=(int) ((scaleOfLayout)*100);     mTaoBaoView.setProgress(progress>90?90:progress);    }       @Override   public void refreshing() {     mTaoBaoView.setIsShowIcon(false);     ring_refresh_status.setText("正在刷新");     mTaoBaoView.startAnimation(refreshingAnimation);   }    @Override   public void reset() {     mTaoBaoView.clearAnimation();   }    @Override   public void setPullLabel(CharSequence pullLabel) {    }    @Override   public void setRefreshingLabel(CharSequence refreshingLabel) {    }    @Override   public void setReleaseLabel(CharSequence releaseLabel) {    } }

在mainactivity中：

mPullToRefreshListView=(PullToRefreshListView)findViewById(R.id.list); mPullToRefreshListView.setHeaderLayout(new HeaderLayout(this));

看完上述内容，你们掌握Android中怎么实现淘宝下拉刷新效果的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注编程网精选频道，感谢各位的阅读！