顶部状态栏透明和滑动渐变 api21以上

最新推荐文章于 2020-11-21 06:14:33 发布
最新推荐文章于 2020-11-21 06:14:33 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： andriod
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a136447572/article/details/53539689
版权 
 if (Build.VERSION.SDK_INT >= 21) {
            View decorView = getWindow().getDecorView();
            int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
            decorView.setSystemUiVisibility(option);
            getWindow().setStatusBarColor(Color.TRANSPARENT);//将状态栏设置成透明色
        }

顶部状态栏透明 并切布局顶头,View的 这两个属性要同时使用才有效果

ActionBar actionBar = getSupportActionBar();

        actionBar.hide();

在设置状态栏透明的同时通常会设置ActionBar隐藏

scrollView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {

                height = top_image.getHeight();//顶部图片高度
                Log.i("TAG","y--->"+scrollView.getScrollY()+"    height-->"+height);


                if (scrollView.getScrollY()>0){//开始向下滚动

                    if (scrollView.getScrollY()<height){//滚动范围小于图片高度 
                        float scale = (float) scrollView.getScrollY() / height;
                        float alpha = (255 * scale);
                        head_layout.setBackgroundColor(Color.argb((int) alpha, 0x33, 0x33,
                                0x33));

                    }

                }


                return false;
            }
        });

颜色渐变主要逻辑

其余代码

package com.taisheng.fh.myapplication.two_ten.two_ten_two;

import android.graphics.Color;
import android.os.Build;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewTreeObserver;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.lpf.lpf.utils.ObservableScrollView;
import com.taisheng.fh.myapplication.R;

public class TwoTenTwoActivity extends AppCompatActivity  {
//implements ObservableScrollView.ScrollViewListener
    private ObservableScrollView scrollView;
    private ListView klist;
    private RelativeLayout head_layout,top_image;
    private int height ;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_two_ten_two);
        /**
         *
         *  全屏显示
         *
         *  View decorView = getWindow().getDecorView();
            int option = View.SYSTEM_UI_FLAG_FULLSCREEN;
            decorView.setSystemUiVisibility(option);
         */

        /**
         *  顶部状态栏透明   并切布局顶头
         *
         *  View的 这个属性要同时使用才有效果
         *
         * if (Build.VERSION.SDK_INT >= 21) {
                View decorView = getWindow().getDecorView();
                int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
                decorView.setSystemUiVisibility(option);
                getWindow().setStatusBarColor(Color.TRANSPARENT);
            }
         */
        if (Build.VERSION.SDK_INT >= 21) {
            View decorView = getWindow().getDecorView();
            int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
            decorView.setSystemUiVisibility(option);
            getWindow().setStatusBarColor(Color.TRANSPARENT);
        }
        /**
         *
         * if (Build.VERSION.SDK_INT >= 21) {
                View decorView = getWindow().getDecorView();
                int option = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION//表示会让应用的主体内容占用系统导航栏的空间

                | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN        //注意两个Flag必须要结合在一起使用
                | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;           // 表示会让应用的主体内容占用系统状态栏的空间

                decorView.setSystemUiVisibility(option);
                getWindow().setNavigationBarColor(Color.TRANSPARENT); //方法将导航栏设置成透明色
                getWindow().setStatusBarColor(Color.TRANSPARENT);   //将状态栏设置成透明色
             }
         */

        ActionBar actionBar = getSupportActionBar();

        actionBar.hide();

        head_layout = (RelativeLayout) findViewById(R.id.head_layout);
        top_image = (RelativeLayout) findViewById(R.id.top_image);
        scrollView = (ObservableScrollView) findViewById(R.id.scrollview);
        head_layout.setBackgroundColor(Color.argb((int) 0, 0x33, 0x33,
                0x33));
        klist = (ListView) findViewById(R.id.klist);
        klist.setFocusable(false);
        klist.setAdapter(new kLisSadap());



//        ViewTreeObserver vto = klist.getViewTreeObserver();
//        vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
//            @SuppressWarnings("deprecation")
//            @Override
//            public void onGlobalLayout() {
//                klist.getViewTreeObserver().removeGlobalOnLayoutListener(
//                        this);
                height = 1800;
//                klist.getWidth();
//
//                scrollView.setScrollViewListener(TwoTenTwoActivity.this);
//            }
//        });

        scrollView.setScrollViewListener(TwoTenTwoActivity.this);

        scrollView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {

                height = top_image.getHeight();
                Log.i("TAG","y--->"+scrollView.getScrollY()+"    height-->"+height);


                if (scrollView.getScrollY()>0){

                    if (scrollView.getScrollY()<height){
                        float scale = (float) scrollView.getScrollY() / height;
                        float alpha = (255 * scale);
                        head_layout.setBackgroundColor(Color.argb((int) alpha, 0x33, 0x33,
                                0x33));

                    }

                }


                return false;
            }
        });


    }


//    @Override
//    public void onScrollChanged(ObservableScrollView scrollView, int x, int y, int oldx, int oldy) {
//        height = top_image.getHeight();
//        Log.i("TAG","y--->"+y+"    height-->"+height);
//        if (y>0){
//
//            if (y<height){
//                float scale = (float) y / height;
//                float alpha = (255 * scale);
//                head_layout.setBackgroundColor(Color.argb((int) alpha, 0x33, 0x33,
//                        0x33));
//
//            }
//
//        }
//
//    }


    class kLisSadap extends BaseAdapter{

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return 30;
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return null;
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            TextView textView = new TextView(TwoTenTwoActivity.this);
            textView.setHeight(150);
//          textView.setTextSize(50);
            textView.setText("第"+position+"条");

            return textView;
        }




    }
//    //当你确定要使用沉浸式模式，那么只需要重写Activity的onWindowFocusChanged()方法，然后加入如下逻辑即可
//    @Override
//    public void onWindowFocusChanged(boolean hasFocus) {
//        super.onWindowFocusChanged(hasFocus);
//        if (hasFocus && Build.VERSION.SDK_INT >= 19) {
//            View decorView = getWindow().getDecorView();
//            decorView.setSystemUiVisibility(
//                    View.SYSTEM_UI_FLAG_LAYOUT_STABLE
//                            | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
//                            | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
//                            | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
//                            | View.SYSTEM_UI_FLAG_FULLSCREEN
//                            | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
//        }
//    }

}

这里写图片描述
这里写图片描述

a136447572
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 状态栏工具类——修改状态栏颜色以及状态栏字体颜色
weixin_42046829的博客
03-02 1060
StateUtils.java package com.matt.changeavatar; import android.annotation.TargetApi; import android.app.Activity; import android.graphics.Color; import android.os.Build; import android.view.View; i...
状态栏随着滑动颜色渐变的实现
qq_22060403的博客
11-23 1253
类似qq好友动态页面那样 发现随着滚动上面的状态栏颜色发生变化 当然你必须知道沉浸式状态的实现方式才能这样做 下面是我总结的沉浸式状态栏实现  https://blog.csdn.net/qq_22060403/article/details/80665650 废话稍多接下来回归主题状态栏颜色渐变 首先我们需要自定义一个scrollview  public class MyNest...
android 上下滚动文字_Android自定义ViewGroup实现标题栏的悬浮吸顶渐变效果
weixin_39702649的博客
11-21 223
作者：BraveJoy ，链接：https://www.jianshu.com/p/3c2ce3c27147之前写了这样的一个效果：标题栏中的元素随着屏幕的滑动发生渐变的效果，有文字大小的渐变也有透明度和距离的渐变等，后面没有及时更新上来，今天补一下。效果图如下：思路 + 原理先来说下思路，很容易就能想到图中渐变的效果是根据滑动监听一点点动态变化的，这里我们就可以监听NestedScro...
Android沉浸式状态栏 + actionBar渐变 + scrollView顶部伸缩
02-15
http://blog.csdn.net/yanjunhui2011/article/details/55190456 相应资源
Android 实战技巧-状态栏渐变
BmobSnail 的博客
09-06 2483
状态栏渐变先上图看效果最近公司项目做了这个效果，有时间整理下分享给大家，为大家提供些思路 目前很多 app 都会有这个效果，状态栏随着可滚动的控件滑动的时候渐变。实现的办法更是各有千秋，可以 - 用 CoordinatorLayout 自定义下 behavior - 用 ScrollView 监听滑动 - 用 RecyclerView 监听滑动 - 用别人封装的库其中的取舍就要结合自己的项
Android 顶部标题栏随滑动时的渐变隐藏和渐变显示效果
08-30
主要介绍了Android 顶部标题栏随滑动时的渐变隐藏和渐变显示效果，非常不错，具有参考借鉴价值,需要的朋友可以参考下
基于JS实现仿京东搜索栏随滑动透明度渐变效果
10-19
主要介绍了基于JS实现仿京东搜索栏随滑动透明度渐变效果,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下
顶部导航栏渐变透明
06-24
顶部状态栏随着手指的上下滑动，渐变透明的一个小demo，值得参考
Carpaccio空间页面滑动渐变收缩回到状态栏效果.rar
07-30
Carpaccio空间页面滑动渐变收缩回到状态栏效果.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
Android状态栏渐变色的实现
热门推荐
maetelibom的博客
09-15 1万+
--By Meiq.lin   Android开发中在某些界面为了保证显示一致性，可能需要调整statusBar的背景色。Android 5.0开始只需要修改styles.xml文件中colorPrimaryDark的颜色值就可以修改statusbar背景色。但colorPrimaryDark只能设置固定色值的颜色，无法设置渐变色。所以，通过colorPrimaryDark无法实现状态栏的渐变
微信小程序自定义渐变顶部导航条.rar
08-28
微信小程序自定义导航栏("navigationStyle": "custom")，渐变色实现以及导航条自定义返回键实现
顶部布局随ScrollView滑动透明度渐变（QQ空间效果）
03-30
QQ控件顶部的工具条在整体的ScrollView从顶部滑动时会从透明逐渐变为solid纯色
利用fragmentation实现多Activity和多Fragment实现,并完美解决沉浸式状态栏
09-28
利用fragmentation实现多Activity和多Fragment实现,并完美解决沉浸式状态栏
标题栏随着滑动渐变
03-16
标题栏随着滑动渐变，亲测可用
微信小程序----导航栏透明渐变
12-20
微信小程序----导航栏透明渐变：采用css3的颜色值rgba，通过改变其中a的值，来实现。
node-v16.12.0-darwin-x64.tar.xz
最新发布
04-23
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
试用Dev Containers的示例项目-Go
04-23
计算机技术是指评价计算机系统的各种知识和技能的总称。它涵盖了计算机硬件、软件、网络和信息安全等方面。计算机技术的发展使我们能够进行高效的数据处理、信息存储和传输。现代计算机技术包括操作系统、数据库管理、编程语言、算法设计等。同时，人工智能、云计算和大数据等新兴技术也在不断推动计算机技术的进步。计算机技术的应用广泛，涵盖了各个领域，如商业、医疗、教育和娱乐等。随着计算机技术的不断革新，我们可以更加高效地实现预期自动化、标准化
NTsky新闻发布v1.0测试版(提供JavaBean).zip
04-23
### 内容概要： 《NTsky新闻发布v1.0测试版》是一款基于 Java 开发的新闻发布系统的测试版本，旨在为新闻机构和媒体提供一个简单易用的新闻发布平台。该系统具有基本的新闻发布和管理功能，包括新闻分类、新闻编辑、新闻发布等核心功能。此外，该版本还提供了 JavaBean，使开发人员能够方便地将系统集成到自己的项目中，快速实现新闻发布的功能。 ### 适用人群： 本测试版本适用于新闻机构、媒体从业者以及Java开发人员。如果你是一家新闻机构或媒体，希望拥有一个简单易用的新闻发布平台，方便快捷地发布和管理新闻，那么这个测试版本将为你提供一个初步的体验。同时，如果你是一名Java开发人员，希望学习和掌握新闻发布系统的开发技术，并且对新闻行业有一定的了解，那么通过这个测试版本，你可以获取到一些JavaBean，并且可以参考系统的设计和实现，为你的项目开发提供参考和借鉴。无论是从业务需求还是技术学习的角度，该测试版本都将为你提供一定的帮助和支持。
顶部栏固定滑动渐变
05-30
这是一个IT类问题，针对这个问题，可以通过CSS实现，具体方法如下： 1. 首先，需要设置顶部栏为固定定位（fixed）。 ...以上代码使用了jQuery库，实现了一个固定顶部栏滚动时背景颜色渐变的效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值