在网上找到了一个仿美团外卖的右侧滑出式订单提示框Demo，点击交叉会播放动画缩回去。
my.gif
然而发现跟我们要做的效果还是有出入，需要修改源码实现。
先是修改自定义View的布局文件order_progress_view.xml将
android:background="@drawable/order_layout_background_shape"
的圆角背景去掉，设置为
android:background="#F8D273"
再将activity_main.xml的RelativeLayout右边距
android:layout_marginRight="10dp"
去掉。
这样提示框就是一个完全从屏幕右侧弹出的规则矩形，再将他设置为完整的显示与隐藏，
修改自定义View类ATFloatingOrderView，initTranslateAnimation()里设置滑入距离的代码
int closeDistance = mWidth - mIconImageView.getWidth() - mView.getPaddingLeft() * 2;
修改为
int closeDistance = mWidth;
这样整个View就能完全隐藏。
my2.gif
网友评论