欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android开发之实现沉浸式效果的轮播图

程序员文章站 2022-04-21 17:53:24
...

前言:上一章节《Android开发之轮播图广告的实现》让我们了解了轮播图的实现,随着google对安卓版本的越来越加强,所以现在各种大型app都是实现的沉浸式效果的轮播图,所以今天我们在上一章节的基础上来进行实现这一功能,可以参开《Android开发之实现QQ空间、美团首页沉浸式状态栏 》来实现!

---------------------------分割线-------------------------

效果图:

Android开发之实现沉浸式效果的轮播图

-----------------------分割线-----------------

组成:

1.最外层的ScrollView(带滑动监听)

2.头部ToolBar

3.头部的轮播图

4.能和ScrollView兼容的ListView(RecyclerView实现原理一样)。

-----------------------分割线-----------------

实现:

1.滑动监听的ScrollView《Android开发之实现QQ空间、美团首页沉浸式状态栏 》已经实现。

2.能和ScrollView兼容的ListView

import android.content.Context;
import android.util.AttributeSet;
import android.widget.ListView;

public class NoScrollListview extends ListView {

    public NoScrollListview(Context context) {
        super(context);
    }

    public NoScrollListview(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public NoScrollListview(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }
}  


3.在《Android开发之轮播图广告的实现》上增加对ViewPager默认焦点的设置:

viewPager.setFocusable(true);
viewPager.setFocusableInTouchMode(true);
viewPager.requestFocus();


4.然后用ViewPager获取动态图片的高度:

   /**
     * 获取顶部图片高度后,设置滚动监听
     */
    private void initListeners() {
        ViewTreeObserver vto = viewPager.getViewTreeObserver();
        vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                viewPager.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                imageHeight = viewPager.getHeight();
                scrollView.setScrollViewListener(MainActivity4.this);
            }
        });
    }


5.然后对NoScrollViewListView进行设置Adapter:

NoScrollListview listview = (NoScrollListview) findViewById(R.id.listview);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity4.this, 
            android.R.layout.simple_list_item_1, getResources().getStringArray(R.array.data));
listview.setAdapter(adapter);


6.其余的可以参考《Android开发之实现QQ空间、美团首页沉浸式状态栏》来实现。

-----------------------------源码下载---------------------------------------
点击下载源码:《Android开发之实现沉浸式效果的轮播图代码