知識(shí)
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!
android推拉門效果(Scroller)
發(fā)表時(shí)間:2020-10-19
發(fā)布人:葵宇科技
瀏覽次數(shù):67
下面就應(yīng)用Scroller來給大年夜家展示一下推拉門的效不雅
思路:
1.自定義一個(gè)類PushPullDoorView,持續(xù)RelativeLayout、
2.初始化Scroller對(duì)象,并且設(shè)有彈動(dòng)效不雅。根據(jù)你的手勢(shì)移動(dòng)繪畫的時(shí)刻展示的比較滑膩。
3.在onTouchEvent辦法中,會(huì)在手勢(shì)移動(dòng)的中,應(yīng)用scrollTo移動(dòng)View。在手指分開屏幕的時(shí)刻,會(huì)調(diào)用Scroller中滑動(dòng)的動(dòng)畫。
4.重寫computeScroll辦法,斷定Scroller對(duì)象動(dòng)畫是否停止,如不雅沒有停止,那么應(yīng)用scrollTo辦法,賡續(xù)的移動(dòng)View,直到動(dòng)畫停止。
留意點(diǎn):
在啟動(dòng)Scroller對(duì)象的移動(dòng)的時(shí)刻,要應(yīng)用invalidate表示開端刷新界面,那么就會(huì)履行computeScroll中的代碼,在瑯綾擎不要忘了寫postInvalidate()進(jìn)行刷新界面,如許才把全部View移動(dòng)的效不雅表示的淋淋盡致。
下面跟據(jù)代碼進(jìn)行解釋:
public class PushPullDoorView extends RelativeLayout { private final String TAG = PushPullDoorView.class.getSimpleName(); private Context mContext; private Scroller mScroller;// 膩滑滾動(dòng)器 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;// 滾動(dòng)效不雅 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();// 彈跳效不雅,當(dāng)然也可以設(shè)置其他的效不雅,例如:加快效不雅 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() { // 這里你必定要設(shè)置成透明背景,不然會(huì)影響你看到底層構(gòu)造 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);// 填襯┞符個(gè)屏幕 mImgView.setImageResource(R.drawable.bg); // 默認(rèn)背景 addView(mImgView); } /** * 設(shè)置推動(dòng)門背景 * * @param id */ public void setBgImage(int id) { mImgView.setImageResource(id); } /** * 設(shè)置推動(dòng)門背景 * * @param drawable */ public void setBgImage(Drawable drawable) { mImgView.setImageDrawable(drawable); } /** * 推動(dòng)門的動(dòng)畫 * * @param startY * Y偏向開端的地位 * @param dy * Y偏向移動(dòng)的距離 * @param duration * 時(shí)光 */ 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抽坐標(biāo) mLastDownY = (int) event.getY(); return true; case MotionEvent.ACTION_MOVE: mCurryY = (int) event.getY(); mDelY = mCurryY - mLastDownY; // 只準(zhǔn)上滑有效 if (mDelY < 0) { scrollTo(0, -mDelY);// 跟著移動(dòng)事宜的觸發(fā),賡續(xù)的移動(dòng) } break; case MotionEvent.ACTION_UP: mCurryY = (int) event.getY(); mDelY = mCurryY - mLastDownY; if (mDelY < 0) { if (Math.abs(mDelY) > mScreenHeigh / 2) { // 向上滑動(dòng)跨越半個(gè)屏幕高的時(shí)刻 開啟向上消掉動(dòng)畫 startBounceAnim(this.getScrollY(), mScreenHeigh, 450); mCloseFlag = true; } else { // 向上滑動(dòng)未跨越半個(gè)屏幕高的時(shí)刻 開啟向下彈動(dòng)動(dòng)畫 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); } } } }
在構(gòu)造辦法中是要進(jìn)行的操作,初始化Scroller,獲取屏幕的分辨率,增長(zhǎng)ImageView作為View的背景,當(dāng)然也可所以其他的View,這里以ImageView作為背景。
在onTouchEvent的 MotionEvent.ACTION_MOVE:動(dòng)作下,留意必須是當(dāng)前Y值-MotionEvent.ACTION_DOWN的Y小于0,才表示是向上滑動(dòng),此時(shí)在可以應(yīng)用scrollTo()來移動(dòng)View。
scrollTo(X偏向地位,Y辦法地位),初始化狀況都是(0,0),當(dāng)向上滑動(dòng)的距離為10,那么其實(shí)就是10就是Y偏向移動(dòng)的差值,相當(dāng)于Y偏向10移動(dòng)到了0.
當(dāng)收分開了屏幕,當(dāng)移動(dòng)的距離小于屏幕高的一半,那么就向下移動(dòng),如不雅移動(dòng)的距離大年夜于屏幕高的一半,那么就向上滑動(dòng),并且隱蔽此View。
在computeScroll辦法中,因?yàn)樵谑址珠_屏幕的時(shí)刻會(huì)調(diào)用scroller的開端滾動(dòng),那么在此會(huì)根據(jù)滾動(dòng)是否停止,一向賡續(xù)的移動(dòng)屏幕,當(dāng)然這是invalidate和postInvalidate交互的感化,才可以賡續(xù)的刷新和scrollTo()移動(dòng)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
相關(guān)案例查看更多
相關(guān)閱讀
- typescript
- 小程序退款
- 云南網(wǎng)站建設(shè)專家
- 云南小程序代建
- 云南網(wǎng)站建設(shè)公司哪家好
- 網(wǎng)站建設(shè)公司網(wǎng)站
- 人口普查小程序
- 支付寶小程序被騙
- 昆明網(wǎng)站開發(fā)
- 云南小程序開發(fā)公司推薦
- 云南省住房建設(shè)廳網(wǎng)站
- 霸屏推廣
- 云南網(wǎng)站建設(shè)優(yōu)化
- 快排推廣
- 云南etc小程序
- 軟件定制
- 云南網(wǎng)站建設(shè)靠譜公司
- 網(wǎng)站收錄
- web
- 昆明軟件公司
- 網(wǎng)站建設(shè)方案 doc
- 微分銷
- 百度人工排名
- 楚雄小程序開發(fā)
- 搜索引擎優(yōu)化
- 小程序
- 云南網(wǎng)站設(shè)計(jì)
- 專業(yè)網(wǎng)站建設(shè)公司
- 云南電商網(wǎng)站建設(shè)
- 小程序表單