FadeActionBar仿美团上拉背景渐变
开发者使用此依赖,只需要2个方法就可以实现美团外卖中上拉titlebar背景渐变,下拉titlebar隐藏效果。
效果图:
准备工作:
1.注意actionbar的依赖库,目前仅支持
import android.app.ActionBar;
2.actionbar背景渐变需要监听headerview的位置,放在添加headerview后调用该方法
private void initScroll() { //设置动态改变 mlistview.setOnScrollListener(new AbsListView.OnScrollListener() { @Override public void onScrollStateChanged(AbsListView view, int scrollState) { } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { // [0]代表x坐标,location [1] 代表y坐标。 int[] location = new int[2]; // 实时设置actionbar透明度,监听header位置(必须是移除屏幕会产生负数的view) llheaderview.getLocationInWindow(location); helper.setActionBarAlpha(location[1] - XMSettings.getStatusBarHeight(mContext)); Log.i("tag", "onScroll: " + (location[1] - XMSettings.getStatusBarHeight(mContext))); } }); }
3.注意activity对应的theme添加属性
<style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar"> <item name="android:windowActionBarOverlay">true</item> <item name="android:windowContentOverlay">@null</item> </style>
使用
1.添加Gradle依赖
dependencies { compile 'com.github.ximencx.fadeactionbar:library:1.0.1' }
2.activity中获取actionbar对象,初始化XMFadeBarHelper类
private void initbar() { //获取actionbar对象 mActionBar = getActionBar(); mActionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM); mActionBar.setCustomView(R.layout.ab_title); /** * actionbar辅助类 * parameter1:action对象 * parameter2:acitonbar背景 * parameter3:初始透明度 */ helper = new XMFadeBarHelper(mActionBar, getResources().getDrawable(R.drawable.bg_actionbar), 0) { /** * 设置需要隐藏view的透明度 * 注意:是否设置background的区别 * * @param customView actionbar布局对象 * @param alpha 回调的alpha */ @Override public void setViewAlpha(View customView, int alpha) { ButterKnife.findById(customView, R.id.tv_info).setAlpha(alpha); ButterKnife.findById(customView, R.id.rl_bg).getBackground().setAlpha(alpha); } /** * 设置隐藏速度 * 默认返回actionbar布局的高度,当然也可以以其它view为参照物 * @param customView actionbar布局 * @return */ @Override public int setHeight(View customView) { return customView.getHeight(); } }; }
3.listview的监听中调用helper.setActionBarAlpha(),注意减去状态栏的高度
private void initScroll() { //设置动态改变 mlistview.setOnScrollListener(new AbsListView.OnScrollListener() { @Override public void onScrollStateChanged(AbsListView view, int scrollState) { } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { // [0]代表x坐标,location [1] 代表y坐标。 int[] location = new int[2]; // 实时设置actionbar透明度,监听header位置(必须是移除屏幕会产生负数的view) llheaderview.getLocationInWindow(location); helper.setActionBarAlpha(location[1] - XMSettings.getStatusBarHeight(mContext)); Log.i("tag", "onScroll: " + (location[1] - XMSettings.getStatusBarHeight(mContext))); } }); }
sample中使用到的第三方库:
评论