android推拉门效果(Scroller) - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 技术分享 >

android推拉门效果(Scroller)

发表时间:2020-10-19

发布人:葵宇科技

浏览次数:49


下面就应用Scroller来给大年夜家展示一下推拉门的效不雅


思路:
1.自定义一个类PushPullDoorView,持续RelativeLayout、
2.初始化Scroller对象,并且设有弹动效不雅。根据你的手势移动绘画的时刻展示的比较滑腻。
3.在onTouchEvent办法中,会在手势移动的中,应用scrollTo移动View。在手指分开屏幕的时刻,会调用Scroller中滑动的动画。
4.重写computeScroll办法,断定Scroller对象动画是否停止,如不雅没有停止,那么应用scrollTo办法,赓续的移动View,直到动画停止。
留意点:
在启动Scroller对象的移动的时刻,要应用invalidate表示开端刷新界面,那么就会履行computeScroll中的代码,在琅绫擎不要忘了写postInvalidate()进行刷新界面,如许才把全部View移动的效不雅表示的淋淋尽致。


下面跟据代码进行解释:
public class PushPullDoorView extends RelativeLayout {
	private final String TAG = PushPullDoorView.class.getSimpleName();
	private Context mContext;

	private Scroller mScroller;// 腻滑滚动器

	private int mScreenHeigh = 0;

	private int mLastDownY = 0;

	private int mCurryY;

	private int mDelY;

	private boolean mCloseFlag = false;// 是否隐蔽View

	private ImageView mImgView;
	private Interpolator polator;// 滚动效不雅

	public PushPullDoorView(Context context) {
		super(context);
		mContext = context;
		setupView();
	}

	public PushPullDoorView(Context context, AttributeSet attrs) {
		super(context, attrs);
		mContext = context;
		setupView();
	}

	@SuppressLint("NewApi")
	private void setupView() {
		initScroller();
		getWindowInfo();
		initImageView();
	}

	public void initScroller() {
		polator = new BounceInterpolator();// 弹跳效不雅,当然也可以设置其他的效不雅,例如:加快效不雅
		mScroller = new Scroller(mContext, polator);
	}

	public void getWindowInfo() {
		// 获取屏幕分辨率
		WindowManager wm = (WindowManager) (mContext
				.getSystemService(Context.WINDOW_SERVICE));
		DisplayMetrics dm = new DisplayMetrics();
		wm.getDefaultDisplay().getMetrics(dm);
		mScreenHeigh = dm.heightPixels;
	}

	public void initImageView() {
		// 这里你必定要设置成透明背景,不然会影响你看到底层构造
		this.setBackgroundColor(Color.argb(0, 0, 0, 0));
		mImgView = new ImageView(mContext);
		mImgView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
				LayoutParams.MATCH_PARENT));
		mImgView.setScaleType(ImageView.ScaleType.FIT_XY);// 填衬┞符个屏幕
		mImgView.setImageResource(R.drawable.bg); // 默认背景
		addView(mImgView);
	}

	/**
	 * 设置推动门背景
	 * 
	 * @param id
	 */
	public void setBgImage(int id) {
		mImgView.setImageResource(id);
	}

	/**
	 * 设置推动门背景
	 * 
	 * @param drawable
	 */
	public void setBgImage(Drawable drawable) {
		mImgView.setImageDrawable(drawable);
	}

	/**
	 * 推动门的动画
	 * 
	 * @param startY
	 *            Y偏向开端的地位
	 * @param dy
	 *            Y偏向移动的距离
	 * @param duration
	 *            时光
	 */
	public void startBounceAnim(int startY, int dy, int duration) {
		mScroller.startScroll(0, startY, 0, dy, duration);
		invalidate();// 必定不要忘了写这句代码
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		int action = event.getAction();
		switch (action) {
		case MotionEvent.ACTION_DOWN:
			// 记录按下的Y抽坐标
			mLastDownY = (int) event.getY();
			return true;
		case MotionEvent.ACTION_MOVE:
			mCurryY = (int) event.getY();
			mDelY = mCurryY - mLastDownY;
			// 只准上滑有效
			if (mDelY < 0) {
				scrollTo(0, -mDelY);// 跟着移动事宜的触发,赓续的移动
			}

			break;
		case MotionEvent.ACTION_UP:
			mCurryY = (int) event.getY();
			mDelY = mCurryY - mLastDownY;
			if (mDelY < 0) {
				if (Math.abs(mDelY) > mScreenHeigh / 2) {
					// 向上滑动跨越半个屏幕高的时刻 开启向上消掉动画
					startBounceAnim(this.getScrollY(), mScreenHeigh, 450);
					mCloseFlag = true;
				} else {
					// 向上滑动未跨越半个屏幕高的时刻 开启向下弹动动画
					startBounceAnim(this.getScrollY(), -this.getScrollY(), 1000);

				}
			}

			break;
		}
		return super.onTouchEvent(event);
	}

	@Override
	public void computeScroll() {

		if (mScroller.computeScrollOffset()) {
			scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
			// 不要忘记更新界面
			Log.d(TAG, "computeScroll");
			postInvalidate();
		} else {
			if (mCloseFlag) {
				this.setVisibility(View.GONE);
			}
		}
	}
}

在构造办法中是要进行的操作,初始化Scroller,获取屏幕的分辨率,增长ImageView作为View的背景,当然也可所以其他的View,这里以ImageView作为背景。
在onTouchEvent的 MotionEvent.ACTION_MOVE:动作下,留意必须是当前Y值-MotionEvent.ACTION_DOWN的Y小于0,才表示是向上滑动,此时在可以应用scrollTo()来移动View。
scrollTo(X偏向地位,Y办法地位),初始化状况都是(0,0),当向上滑动的距离为10,那么其实就是10就是Y偏向移动的差值,相当于Y偏向10移动到了0.
当收分开了屏幕,当移动的距离小于屏幕高的一半,那么就向下移动,如不雅移动的距离大年夜于屏幕高的一半,那么就向上滑动,并且隐蔽此View。
在computeScroll办法中,因为在手分开屏幕的时刻会调用scroller的开端滚动,那么在此会根据滚动是否停止,一向赓续的移动屏幕,当然这是invalidate和postInvalidate交互的感化,才可以赓续的刷新和scrollTo()移动View。


源码下载地址:http://download.csdn.net/detail/forwardyzk/8327775
效不雅图:
[img]http://img.blog.csdn.net/20150105141003390?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZm9yd2FyZHl6aw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center   [img]http://img.blog.csdn.net/20150105141054002?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZm9yd2FyZHl6aw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center   [img]http://img.blog.csdn.net/20150105141053593?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZm9yd2FyZHl6aw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center  [img]http://img.blog.csdn.net/20150105141147104?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZm9yd2FyZHl6aw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center


相关案例查看更多