在網(wǎng)上找到了一個仿美團外賣的右側(cè)滑出式訂單提示框Demo香府,點擊交叉會播放動畫縮回去谷暮。
my.gif
然而發(fā)現(xiàn)跟我們要做的效果還是有出入夫椭,需要修改源碼實現(xiàn)。
先是修改自定義View的布局文件order_progress_view.xml將
android:background="@drawable/order_layout_background_shape"
的圓角背景去掉杉畜,設(shè)置為
android:background="#F8D273"
再將activity_main.xml的RelativeLayout右邊距
android:layout_marginRight="10dp"
去掉纪蜒。
這樣提示框就是一個完全從屏幕右側(cè)彈出的規(guī)則矩形,再將他設(shè)置為完整的顯示與隱藏此叠,
修改自定義View類ATFloatingOrderView纯续,initTranslateAnimation()里設(shè)置滑入距離的代碼
int closeDistance = mWidth - mIconImageView.getWidth() - mView.getPaddingLeft() * 2;
修改為
int closeDistance = mWidth;
這樣整個View就能完全隱藏。
my2.gif