Android仿Boss直聘我的界面滑动效果
龙旋
共 6131字,需浏览 13分钟
· 2022-01-13
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorAccent"
app:layout_behavior="com.zwl.mybossdemo.AppBarLayoutOverScrollViewBehavior">
android:id="@+id/mCollapsingToolbarLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorAccent"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
android:id="@+id/topview"
layout="@layout/layout_top_view"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.9" />
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="30dp"
android:layout_marginTop="30dp"
android:elevation="5dp"
android:gravity="center"
android:text="大白"
android:textColor="@android:color/white"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="monospace" />
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:alpha="0"
android:background="@color/colorAccent"
app:layout_collapseMode="pin" />
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorAccent"
android:orientation="vertical"
android:paddingTop="40dp"
app:layout_collapseMode="parallax">
android:id="@+id/top_view_id"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/top_view">
android:id="@+id/jianli"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/name"
android:layout_marginLeft="30dp"
android:paddingTop="35dp"
android:paddingBottom="15dp"
android:text="我的在线简历 "
android:textColor="@android:color/white" />
android:id="@+id/me_icon"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_alignParentRight="true"
android:layout_marginRight="30dp"
android:layout_marginBottom="10dp"
android:src="@drawable/boss_avatar_7" />
android:id="@+id/top_view"
android:layout_width="match_parent"
android:layout_height="80dp"
android:layout_alignParentBottom="true"
android:gravity="center_vertical"
android:orientation="horizontal"
android:padding="15dp">
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="301\n沟通过"
android:textColor="@android:color/white"
android:textSize="16sp" />
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="301\n沟通过"
android:textColor="@android:color/white"
android:textSize="16sp" />
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="301\n沟通过"
android:textColor="@android:color/white"
android:textSize="16sp" />
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="301\n沟通过"
android:textColor="@android:color/white"
android:textSize="16sp" />
android:id="@+id/cardview"
android:layout_width="match_parent"
android:layout_height="120dp"
android:layout_gravity="center_horizontal"
android:gravity="center_horizontal|bottom">
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/boss_card_bg" />
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/white"
android:clickable="true"
android:scrollbars="none"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@drawable/boss_user_bottom" />
public class AppBarLayoutOverScrollViewBehavior extends AppBarLayout.Behavior {
private int mAppBarHeight;
private View mCardView;
private boolean isAnimate;
private float mTotalDy;
private float mLastScale;
private int mLastBottom;
private int mCardViewHeight;
private int mLimitHeight;
private View mToolBar;
private float scaleValue = 2f / 3;// 显示卡片的三分之一 所以抛出三分之二
private View mNameTitle;
public AppBarLayoutOverScrollViewBehavior() {
}
public AppBarLayoutOverScrollViewBehavior(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean onLayoutChild(CoordinatorLayout parent, AppBarLayout abl, int layoutDirection) {
boolean handled = super.onLayoutChild(parent, abl, layoutDirection);
if (null == mCardView) {
mCardView = parent.findViewById(R.id.cardview);
}
if (null == mToolBar) {
mToolBar = parent.findViewById(R.id.toolbar);
}
if (null == mNameTitle) {
mNameTitle = parent.findViewById(R.id.name);
}
init(abl);
return handled;
}
@Override
public boolean onNestedPreFling(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, float velocityX, float velocityY) {
if (velocityY > 100) {
isAnimate = false;
}
return super.onNestedPreFling(coordinatorLayout, child, target, velocityX, velocityY);
}
@Override
public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout abl, View target, int type) {
super.onStopNestedScroll(coordinatorLayout, abl, target, type);
//恢复位置
if (abl.getBottom() > mLimitHeight) {
recovery(abl);
}
}
@Override
public boolean onStartNestedScroll(CoordinatorLayout parent, AppBarLayout child, View directTargetChild, View target, int nestedScrollAxes, int type) {
//开始滚动了 就动画归位
isAnimate = true;
return super.onStartNestedScroll(parent, child, directTargetChild, target, nestedScrollAxes, type);
}
@Override
public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, int dx, int dy, int[] consumed, int type) {
if (mCardView != null && ((dy <= 0 && child.getBottom() >= mLimitHeight) || (dy > 0 && child.getBottom() > mLimitHeight))) {
scrollY(child, target, dy);
} else {
setViewAlpha(child, dy);
super.onNestedPreScroll(coordinatorLayout, child, target, dx, dy, consumed, type);
}
}
/**
* 初始化数据
*
* @param appBarLayout
*/
private void init(final AppBarLayout appBarLayout) {
appBarLayout.setClipChildren(false);
//整个AppbarLayout高度
mAppBarHeight = appBarLayout.getMeasuredHeight();
//卡片的高度
mCardViewHeight = mCardView.getMeasuredHeight();
//折叠正常的高度
mLimitHeight = mAppBarHeight - (int) (mCardViewHeight * scaleValue);
//默认1s折叠
appBarLayout.postDelayed(new Runnable() {
@Override
public void run() {
ValueAnimator anim = ValueAnimator.ofFloat(0, 1f).setDuration(200);
anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue();
appBarLayout.setBottom((int) (mAppBarHeight - value * mCardViewHeight * scaleValue));
}
});
anim.start();
}
}, 1000);
}
/**
* 混动
*
* @param child
* @param target
* @param dy
*/
private void scrollY(AppBarLayout child, View target, int dy) {
mTotalDy += -dy;
mTotalDy = Math.min(mTotalDy, mLimitHeight);
mLastScale = Math.max(1f, 1f + (mTotalDy / mLimitHeight));
mLastBottom = mLimitHeight + (int) (mCardViewHeight * scaleValue * (mLastScale - 1));
child.setBottom(mLastBottom);
target.setScrollY(0);
}
/**
* 根据滑动设置 toolbar 名字显示效果
*
* @param target
* @param dy
*/
private void setViewAlpha(View target, int dy) {
float percent = Math.abs(target.getY() / mLimitHeight);
if (percent >= 1) {
percent = 1f;
}
//设置toolbar的透明度
mToolBar.setAlpha(percent);
//设置名字缩放
mNameTitle.setScaleX(Math.max(0.8f, 1 - percent));
mNameTitle.setScaleY(Math.max(0.8f, 1 - percent));
//设置名字平移
int offset = mNameTitle.getTop() - mToolBar.getTop();
mNameTitle.setTranslationY(-offset * percent);
}
/**
* 恢复位置
*
* @param abl
*/
private void recovery(final AppBarLayout abl) {
if (mTotalDy >= 0) {
mTotalDy = 0;
if (isAnimate) {
ValueAnimator valueAnimator = ValueAnimator.ofFloat(0, 1f).setDuration(200);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue();
int offsetY = abl.getBottom() - mLimitHeight;
abl.setBottom((int) (abl.getBottom() - (value * offsetY)));
abl.setScrollY(0);
}
});
valueAnimator.start();
} else {
abl.setBottom(mLimitHeight);
abl.setScrollY(0);
}
}
}
}
评论
真高!比亚迪员工爆料比亚迪在越南的薪资水平:基本工资480万,全勤奖35万,交通补助20万,餐补110万,每周6天,每天10小时
上一篇:某大公司为逼迫员工离职,竟然把他的工位安排到厕所旁,没想到他直接开始记录领导的如厕时间,还发到公司大群...对此,你怎么看?--完--PS:欢迎在留言区留下你的观点,一起讨论提高。如果今天的文章让你有新的启发,欢迎转发分享给更多人。全文完,感谢你的耐心阅读。如果你还想看到我的文章,请一定给本
开发者全社区
0
太敢穿了!透视纱裙!性感火辣的身材
绝了呀今天的厂花:吴宣仪1995年1月26日,吴宣仪出生于海南省海口市,中国内地流行乐女歌手、影视演员。2016年2月,吴宣仪随宇宙少女发行首张迷你专辑正式出道。2018年4月,她参加《创造101》综艺选秀,获得第二名,成功加入火箭少女101组合。吴宣仪的颜值一直备受称赞,她的五官立体精致,皮肤白皙
逆锋起笔
0
某大公司为逼迫员工离职,竟然把他的工位安排到厕所旁,没想到他直接开始记录领导的如厕时间,还发到公司大群...
上一篇:字节的跳动职级与薪资(2024年)我们与公司间的合作,宛如两艘船只在茫茫大海上相互依靠,共同抵御风浪,携手驶向成功的彼岸。然而,当航向开始产生分歧,或是波涛汹涌的风浪改变了我们的初衷,我们或许应当冷静地选择和平分手,而非在风雨中硬撑。最近,一位网友的遭遇引起了广大职场人的关注和热议。这位网友
开发者全社区
0
金融研究 | 使用Python测量关键审计事项的「信息含量」
Tips: 公众号推送后内容只能更改一次,且只能改20字符。如果内容出问题,或者想更新内容, 只能重复推送。为了更好的阅读体验,建议阅读本文博客版, 链接地址https://textdata.cn/blog/2023-01-13-information-content-of-critical-aud
大邓和他的Python
0
我看阿里的年终奖总算发了!
到4月底了,这两天看朋友圈,发现阿里的年终奖终于发了,问了问老同学,也从网上检索了不少信息,基本搞清楚了阿里今年的年终奖情况。近来来阿里一些集团对绩效等级做了较大的调整,以前的旧绩效系统中,绩效分为3.25、3.5、3.75、4和5五个等级,其中4和5是较高绩效等级,较少见。而且之前3.5绩效内部划
公子龙
0
CVPR 2024|大视觉模型的开山之作!无需任何语言数据即可打造大视觉模型
↑ 点击蓝字 关注极市平台作者丨科技猛兽编辑丨极市平台极市导读 本文提出一种序列建模 (sequential modeling) 的方法,不使用任何语言数据,训练大视觉模型。>>加入极市CV技术交流群,走在计算机视觉的最前沿本文目录1 序列建模打造大视觉模型(来自 U
极市平台
1
金融研究(更新) | 使用Python构建关键审计事项的「信息含量」
Tips: 公众号推送后内容只能更改一次,且只能改20字符。如果内容出问题,或者想更新内容, 只能重复推送。为了更好的阅读体验,建议阅读本文博客版, 链接地址https://textdata.cn/blog/2023-01-13-information-content-of-critical-aud
大邓和他的Python
0
字节的跳动职级与薪资(2024年)
上一篇:阿里公布年终奖,P7, 3.5+,22W年终奖,还有35W长期现金激励,真香字节跳动自2012年3月成立以来,已经迅速成长为一个全球性的科技公司。其产品和服务已经遍布全球150多个国家与地区,并且支持超过75种不同的语言。在字节跳动的官方网站上,列出了一系列引人注目的产品和服务,包括但不限于
开发者全社区
0