Android 滑动渐变背景Toolbar、点击置顶ScrollView

2401_84149570

于 2024-04-22 13:10:39 发布

阅读量1k

点赞数 18

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_84149570/article/details/138072138

版权

程序员专栏收录该内容

283 篇文章 0 订阅

订阅专栏

tools:context=“.MainActivity”>

<com.google.android.material.appbar.AppBarLayout

android:id=“@+id/appbar”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:theme=“@style/ThemeOverlay.AppCompat.Dark.ActionBar”>

<com.google.android.material.appbar.CollapsingToolbarLayout

android:layout_width=“match_parent”

android:layout_height=“300dp”

app:layout_scrollFlags=“scroll|exitUntilCollapsed”>

<ImageView

android:id=“@+id/iv_top”

android:layout_width=“match_parent”

android:layout_height=“300dp”

android:scaleType=“centerCrop”

android:src=“@drawable/top_bg” />

<androidx.appcompat.widget.Toolbar

android:layout_width=“match_parent”

android:layout_height=“80dp”

app:contentInsetStart=“0dp”

app:layout_collapseMode=“pin”>

<LinearLayout

android:id=“@+id/fl_layout”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“#FFF”

android:gravity=“center”

android:paddingTop=“20dp”

app:layout_collapseMode=“pin”>

<TextView

android:id=“@+id/tv_title”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“在座的各位都是正人君子”

android:textColor=“#000”

android:textSize=“18sp” />

</androidx.appcompat.widget.Toolbar>

</com.google.android.material.appbar.CollapsingToolbarLayout>

</com.google.android.material.appbar.AppBarLayout>

<com.llw.slidelayoutdemo.GoTopNestedScrollView

android:id=“@+id/go_top_scrollview”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:overScrollMode=“never”

app:layout_behavior=“@string/appbar_scrolling_view_behavior”>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:orientation=“vertical”>

<ImageView

android:id=“@+id/iv_one”

android:layout_width=“match_parent”

android:layout_height=“600dp”

android:scaleType=“centerCrop” />

<ImageView

android:id=“@+id/iv_two”

android:layout_width=“match_parent”

android:layout_height=“600dp”

android:scaleType=“centerCrop” />

<ImageView

android:id=“@+id/iv_three”

android:layout_width=“match_parent”

android:layout_height=“600dp”

android:scaleType=“centerCrop” />

<ImageView

android:id=“@+id/iv_four”

android:layout_width=“match_parent”

android:layout_height=“600dp”

android:scaleType=“centerCrop” />

<ImageView

android:id=“@+id/iv_five”

android:layout_width=“match_parent”

android:layout_height=“600dp”

android:scaleType=“centerCrop” />

</com.llw.slidelayoutdemo.GoTopNestedScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

<ImageView

android:id=“@+id/ivReturnTop”

android:layout_width=“50dp”

android:layout_height=“50dp”

android:layout_alignParentRight=“true”

android:layout_alignParentBottom=“true”

android:layout_margin=“10dp”

android:src=“@mipmap/icon_return_top”

android:visibility=“gone” />

这里还有一个状态栏工具类，代码如下：

package com.llw.slidelayoutdemo;

import android.app.Activity;

import android.graphics.Color;

import android.os.Build;

import android.view.View;

import android.view.Window;

import android.view.WindowManager;

import java.lang.reflect.Field;

import java.lang.reflect.Method;

public class StatusBarUtils {

/**

兼容状态栏透明（沉浸式）
@param activity

public static void setImmersionStateMode(Activity activity) {

StatusBarLightMode(activity);

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT != Build.VERSION_CODES.LOLLIPOP) {

// 透明状态栏

activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

// 透明导航栏

// getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

} else if (Build.VERSION.SDK_INT == Build.VERSION_CODES.LOLLIPOP) {

Window window = activity.getWindow();

window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS |

WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN

// | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION

| View.SYSTEM_UI_FLAG_LAYOUT_STABLE);

window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);

window.setStatusBarColor(Color.TRANSPARENT);

window.setNavigationBarColor(Color.TRANSPARENT);

}

/**

设置状态栏黑色字体图标，
适配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
@param activity
@return 1:MIUUI 2:Flyme 3:android6.0

public static int StatusBarLightMode(Activity activity) {

int result = 0;

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {

if (MIUISetStatusBarLightMode(activity.getWindow(), true)) {

result = 1;

} else if (FlymeSetStatusBarLightMode(activity.getWindow(), true)) {

result = 2;

} else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {

activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);

result = 3;

}

return result;

}

/**

设置状态栏图标为深色和魅族特定的文字风格
可以用来判断是否为Flyme用户
@param window 需要设置的窗口
@param dark 是否把状态栏字体及图标颜色设置为深色
@return boolean 成功执行返回true

public static boolean FlymeSetStatusBarLightMode(Window window, boolean dark) {

boolean result = false;

if (window != null) {

try {

WindowManager.LayoutParams lp = window.getAttributes();

Field darkFlag = WindowManager.LayoutParams.class

.getDeclaredField(“MEIZU_FLAG_DARK_STATUS_BAR_ICON”);

Field meizuFlags = WindowManager.LayoutParams.class

.getDeclaredField(“meizuFlags”);

darkFlag.setAccessible(true);

meizuFlags.setAccessible(true);

int bit = darkFlag.getInt(null);

int value = meizuFlags.getInt(lp);

if (dark) {

value |= bit;

} else {

value &= ~bit;

}

meizuFlags.setInt(lp, value);

window.setAttributes(lp);

result = true;

} catch (Exception e) {

}

return result;

}

/**

设置状态栏字体图标为深色，需要MIUIV6以上
@param window 需要设置的窗口
@param dark 是否把状态栏字体及图标颜色设置为深色
@return boolean 成功执行返回true

public static boolean MIUISetStatusBarLightMode(Window window, boolean dark) {

boolean result = false;

if (window != null) {

Class clazz = window.getClass();

try {

int darkModeFlag = 0;

Class layoutParams = Class.forName(“android.view.MiuiWindowManager$LayoutParams”);

Field field = layoutParams.getField(“EXTRA_FLAG_STATUS_BAR_DARK_MODE”);

darkModeFlag = field.getInt(layoutParams);

Method extraFlagField = clazz.getMethod(“setExtraFlags”, int.class, int.class);

if (dark) {

extraFlagField.invoke(window, darkModeFlag, darkModeFlag);//状态栏透明且黑色字体

} else {

extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字体

}

result = true;

} catch (Exception e) {

}

return result;

}

接下来进入到MainActivity中

package com.llw.slidelayoutdemo;

import androidx.appcompat.app.AppCompatActivity;

import androidx.databinding.DataBindingUtil;

import android.graphics.Color;

import android.os.Bundle;

import android.util.DisplayMetrics;

import com.bumptech.glide.Glide;

import com.google.android.material.appbar.AppBarLayout;

import com.llw.slidelayoutdemo.databinding.ActivityMainBinding;

public class MainActivity extends AppCompatActivity {

ActivityMainBinding binding;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();//初始化视图

showImg();//显示网络图片

}

/**

初始化视图

private void initView() {

binding = DataBindingUtil.setContentView(this, R.layout.activity_main);//绑定视图

StatusBarUtils.setImmersionStateMode(this);//透明状态栏

//滑动偏移监听事件

binding.appbar.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {

@Override

public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {

int toolbarHeight = appBarLayout.getTotalScrollRange();

int dy = Math.abs(verticalOffset);

if (dy <= toolbarHeight) {

float scale = (float) dy / toolbarHeight;

float alpha = scale * 255;

binding.flLayout.setBackgroundColor(Color.argb((int) alpha, 255, 255, 255));//渐变背景透明度

binding.tvTitle.setTextColor(Color.argb((int) alpha,0,0,0));//渐变文字颜色透明度

}

});

//设置点击置顶的ImageView

binding.goTopScrollview.setImageViewOnClickGoToFirst(binding.ivReturnTop);

//ScrollView滑动超过屏幕高度则显示置顶按钮,不设置的话就会使用自定义View中的默认高度

DisplayMetrics metric = new DisplayMetrics();//获取屏幕高度

getWindowManager().getDefaultDisplay().getMetrics(metric);

binding.goTopScrollview.setScreenHeight(metric.heightPixels);//设置高度

}

/**

使用Glide加载显示网络图片记得加网络权限和http地址url访问许可

private void showImg() {

Glide.with(this)

.load(“http://gank.io/images/2c924db2a1b84c5d8fdb9f8c5f6d1b71”)

.into(binding.ivOne);

Glide.with(this)

.load(“http://gank.io/images/92989b6a707b44dfb1c734e8d53d39a2”)

.into(binding.ivTwo);

Glide.with(this)

.load(“http://gank.io/images/4817628a6762410895f814079a6690a1”)

.into(binding.ivThree);

Glide.with(this)

.load(“http://gank.io/images/f9523ebe24a34edfaedf2dd0df8e2b99”)

.into(binding.ivFour);

Glide.with(this)

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

文章不易，如果大家喜欢这篇文章，或者对你有帮助希望大家多多点赞转发关注哦。文章会持续更新的。绝对干货！！！

Android进阶学习全套手册
关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。目前，我手头上整理到的电子书还算比较全面，HTTP、自定义view、c++、MVP、Android源码设计模式、Android开发艺术探索、Java并发编程的艺术、Android基于Glide的二次封装、Android内存优化——常见内存泄露及优化方案、.Java编程思想（第4版）等高级技术都囊括其中。

Android高级架构师进阶知识体系图
关于视频这块，我也是自己搜集了一些，都按照Android学习路线做了一个分类。按照Android学习路线一共有八个模块，其中视频都有对应，就是为了帮助大家系统的学习。接下来看一下导图和对应系统视频吧！！！
Android对标阿里P7学习视频

BATJ大厂Android高频面试题
这个题库内容是比较多的，除了一些流行的热门技术面试题，如Kotlin，数据库，Java虚拟机面试题，数组，Framework ，混合跨平台开发，等

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

书还算比较全面，HTTP、自定义view、c++、MVP、Android源码设计模式、Android开发艺术探索、Java并发编程的艺术、Android基于Glide的二次封装、Android内存优化——常见内存泄露及优化方案、.Java编程思想（第4版）等高级技术都囊括其中。

[外链图片转存中…(img-6jEoCB3I-1713762610561)]

Android高级架构师进阶知识体系图
关于视频这块，我也是自己搜集了一些，都按照Android学习路线做了一个分类。按照Android学习路线一共有八个模块，其中视频都有对应，就是为了帮助大家系统的学习。接下来看一下导图和对应系统视频吧！！！
[外链图片转存中…(img-JJLY55Gh-1713762610562)]
Android对标阿里P7学习视频

[外链图片转存中…(img-S8b3swXz-1713762610563)]

BATJ大厂Android高频面试题
这个题库内容是比较多的，除了一些流行的热门技术面试题，如Kotlin，数据库，Java虚拟机面试题，数组，Framework ，混合跨平台开发，等
[外链图片转存中…(img-q65BNyfs-1713762610563)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

2401_84149570

关注

18
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
Android 滑动渐变背景Toolbar、点击置顶ScrollView

文章会持续更新的。绝对干货！！！Android进阶学习全套手册关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。
复制链接

扫一扫