ScrollView改变标题栏、状态栏透明度并改变状态栏字体颜色----scrollview滑动监听还有点问题,,,

先上个动图:

这里写图片描述

UI结构

这里写图片描述

代码实现:

xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!--刷新父控件-->
    <com.scwang.smartrefresh.layout.SmartRefreshLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!--帧布局父控件-->
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <!--自定义scrollview-->
            <app.myap.eyecloudtest.utils.CustomScrollView
                android:id="@+id/scrollView_main"
                android:layout_width="match_parent"
                android:layout_height="match_parent">
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="vertical">
                        <com.daimajia.slider.library.SliderLayout
                            android:id="@+id/slider"
                            android:layout_width="match_parent"
                            android:layout_height="260dp"
                            custom:auto_cycle="true"
                            custom:indicator_visibility="visible"
                            custom:pager_animation="FlipPage"
                            custom:pager_animation_span="1100" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="500dp"
                            android:background="#00b7ee"

                            android:text="hahha" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="500dp"
                            android:layout_marginTop="50dp"
                            android:background="#00b7ee"
                            android:text="hahha" />
                    </LinearLayout>
            </app.myap.eyecloudtest.utils.CustomScrollView>
            <!--标题栏及状态栏布局-->
            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="70dp">

                <LinearLayout
                    android:id="@+id/header_view"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:background="#ffffff"
                    android:orientation="vertical">

                </LinearLayout>

                <RelativeLayout
                    android:id="@+id/ll_m"
                    android:layout_width="match_parent"
                    android:layout_height="60dp"
                    android:layout_gravity="bottom"
                    android:orientation="horizontal">

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="20dp"
                        android:src="@drawable/icon_main_add" />

                    <TextView
                        android:id="@+id/header_title"
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_centerInParent="true"
                        android:gravity="center_vertical"
                        android:text="眼云智家"
                        android:textColor="#ffffff"
                        android:textSize="20sp" />

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="20dp"
                        android:src="@drawable/icon_main_ma" />
                </RelativeLayout>
            </FrameLayout>
        </FrameLayout>
    </com.scwang.smartrefresh.layout.SmartRefreshLayout>
</FrameLayout>

java代码,主要用到了一个依赖

   //刷新控件
    compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.1.0-alpha-2'
    //状态栏管理
    compile 'com.jaeger.statusbarutil:library:1.5.1'
    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        StatusBarUtil.setTranslucentForImageViewInFragment(getActivity(), 0, null);
        StatusBarUtil.setDarkMode(getActivity());//白色
        //添加Bannner
        addBanner();
        //添加滑动监听
        addScrollViewListener();
    }
 /**
     * 添加滑动监听
     * (重点在这)
     */
    private void addScrollViewListener() {
        headerView.setAlpha(0);
        final int h = dpTopx(100);
        scrollViewMain.setOnScrollChangeListener(new CustomScrollView.OnScrollChangeListener() {
            @Override
            public void onScrollChanged(CustomScrollView scrollView, int l, int y, int oldl, int oldt) {
                //设置标题栏的透明度
                if (y > 0 && y <= h) { //滑动距离小于banner图的高度时,设置背景和字体颜色颜色透明度渐变
                    float scale = (float) y / h;
                    headerView.setAlpha(scale);
                }
                //设置状态栏颜色变化(只支持魅族和小米)
                //设置标题栏的子view字体等变化
                if (y < 30) {
                    StatusBarUtil.setDarkMode(getActivity());//白色
                    headerTitle.setTextColor(Color.WHITE);
                } else {
                    StatusBarUtil.setLightMode(getActivity());//黑色
                    headerTitle.setTextColor(Color.BLACK);
                }
            }
        });
    }
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值