折叠时折叠工具栏模糊图像
Collapsing toolbar blur image when collapsed
我的工具栏需要一些帮助。
现在我使用折叠工具栏,当我向上滚动时图像会折叠。
我知道我可以使用 contentScrim 使工具栏透明,因此将图像视为 "toolbar background"。
但是,我希望图像在工具栏折叠时模糊(/淡化)。
有什么实现方法的建议吗?
你可以使用这个库。 (RealTimeBlurView)
对于模糊效果,只需将 imageview 放在 blurview 后面即可。
要实现您想要的效果,只需在滚动应用栏时更改 blurview 的 alpha。
appbar.addOnOffsetChangedListener(new OnOffsetChangedListener() {
@Override
public void onOffsetChanged(final AppBarLayout appBarLayout, final int verticalOffset) {
float offsetAlpha = (appBarLayout.getY() / appbar.getTotalScrollRange());
blurView.setAlpha( 1 - (offsetAlpha * -1));
}
});
更新
FastBlur
这是另一个 benchmarking project 来展示 android.
中所有可能的模糊方法只需从演示中获取最快的算法并将其用于您的项目。
希望对您有所帮助!
我的工具栏需要一些帮助。
现在我使用折叠工具栏,当我向上滚动时图像会折叠。 我知道我可以使用 contentScrim 使工具栏透明,因此将图像视为 "toolbar background"。
但是,我希望图像在工具栏折叠时模糊(/淡化)。
有什么实现方法的建议吗?
你可以使用这个库。 (RealTimeBlurView)
对于模糊效果,只需将 imageview 放在 blurview 后面即可。
要实现您想要的效果,只需在滚动应用栏时更改 blurview 的 alpha。
appbar.addOnOffsetChangedListener(new OnOffsetChangedListener() {
@Override
public void onOffsetChanged(final AppBarLayout appBarLayout, final int verticalOffset) {
float offsetAlpha = (appBarLayout.getY() / appbar.getTotalScrollRange());
blurView.setAlpha( 1 - (offsetAlpha * -1));
}
});
更新
FastBlur
这是另一个 benchmarking project 来展示 android.
中所有可能的模糊方法只需从演示中获取最快的算法并将其用于您的项目。
希望对您有所帮助!