Android 仿腾讯应用宝之 Toolbar +Scroolview +tab滑动悬停效果

最新推荐文章于 2024-06-26 09:54:52 发布

重播

最新推荐文章于 2024-06-26 09:54:52 发布

阅读量5.3k

点赞数 1

分类专栏： android 应用市场

本文链接：https://blog.csdn.net/xufeifandj/article/details/43603059

版权

本文介绍了如何使用Android的Toolbar替代ActionBar，并实现ScrollView和ListView的滚动事件监听，以达到Tab在滑动时悬停在Toolbar下方的效果。通过一个App详情页面和包含Scrollview、ListView的ViewPage，展示了具体的实现方法。代码来源于其他开源项目并进行了修改，读者可以下载Demo进行运行和学习。

摘要由CSDN通过智能技术生成

先说下最近做应用市场，想要的效果如下：

1、上面actionbar使用的toolbar最新的工具条来代替acionbar.

2、toolbar下面有一个 app详情

3、app详情下面有一个滑动tab ，tab下是viewpage ，viewpage里面嵌套的是2个Fragment，一个是Scrollview,一个是ListView。

要实现，监听Scrollview或者ListView滚动事件，来推挤tab向上移动，并且悬停在Toolbar下面。

http://download.csdn.net/detail/xufeifandj/8431071

具体效果如图：

代码不多解释，直接下载demo自行运行demo哈。稍后放源码。

声明：本代码基于其他开源项目，修改而来。

package com.github.ksoichiro.android.observablescrollview.samples;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.view.ViewCompat;
import android.support.v4.view.ViewPager;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import com.example.toolbar.R;
import com.github.ksoichiro.android.observablescrollview.ObservableScrollView;
import com.github.ksoichiro.android.observablescrollview.ObservableScrollViewCallbacks;
import com.github.ksoichiro.android.observablescrollview.ScrollState;
import com.github.ksoichiro.android.observablescrollview.ScrollUtils;
import com.google.samples.apps.iosched.ui.widget.SlidingTabLayout;
import com.nineoldandroids.view.ViewHelper;
import com.nineoldandroids.view.ViewPropertyAnimator;
public class ViewPagerTabScrollViewActivity extends ActionBarActivity implements ObservableScrollViewCallbacks {

    private View mHeaderView;
    private View appinfo;
    private int mBaseTranslationY;
    private ViewPager mPager;
    private NavigationAdapter mPagerAdapter;
    private Toolbar toolbar;


    @Override
    protec