doubanactivity_仿豆瓣的title变色方案 android

傷城~ 2022-11-06 02:56 4阅读 0赞

写文章写的正在兴头上，把一年前做的一个title拿出来给大家看一下。因为是一个仿豆瓣的app，里边有一个title变色

![53b79691163e][]

1528185742690.gif

不太会用制图软件，没错你看到的上边的这个就是成品，图的原因不太流畅，实际上还可以。基本还原 ，不是单纯的变色，是两种渐变，由不透明到透明，再到不透明，颜色在从透明到半白。

一年前写的了。不太能记得清晰了，但是我尽量解释到位

项目地址：点这里 具体位置在com.example.douban.douban4\_b.ui.activity.MovieDetilActivity 欢迎查看

具体实现是一个behavior ToolbarAlphaDependBehavior 这是android后来提供的一个组件，专门用来进行titlebar的变形。

继承CoordinatorLayout.Behavior 之后就可以对Linearlayout进行控制

@Override

public boolean layoutDependsOn(CoordinatorLayout parent, MyTitleBar child, View dependency) \{

return dependency instanceof Toolbar;

\}

该方法使用来制定一个观察者，指定我们依据那个view来进行变化

![53b79691163e][]

Screenshot\_20180605-162042.jpg

该图片上半部分整体用了一个framelayout进行装载，在下边放了一个高度为0的toolbar。

我们观察的对象就指定了这个toolbar。这样往上滑的时候就可以依据toolbar的位置进行控制。

这是一个具体的方案变色实现，基本思想就是计算toolbar从开始到最后移动的距离占整个framelayout的百分比。这样得到百分比之后就依据百分比来进行控制颜色，控制透明度。

@Override

public boolean onDependentViewChanged(CoordinatorLayout parent, MyTitleBar child, View dependency) \{

Drawable drawable = dependency.getBackground();

dra = (ColorDrawable) drawable;

float percent;

if (mStartY == 0) \{

mStartY = (int) dependency.getY() - context.getResources().getDimensionPixelOffset(R.dimen.toolbar\_padding\_top);

\}

Logger.w(dependency.getY() + "");

float endpercent = Math.abs((mStartY - child.getY() \* 2) / mStartY);

Logger.w("childheight" + child.getY() + "");

//计算toolbar从开始到最后移动的百分比

if (dependency.getY() >= 0) \{

percent = 1 - Math.abs((dependency.getY() - (int) child.getY()) / mStartY);

Logger.w("percent" + percent + "");

Logger.w("endpercent" + endpercent + "");

//改变textview的坐标值

if (percent <= 0) \{

child.setBackgroundColor(0x00FFFFFF);

child.getBackground().setAlpha(0);

\} else if (0 < percent && percent <= 0.6) \{

child.setBackgroundColor(toobal\_old);

int alpha = (int) Math.abs(percent \* 255);

child.getBackground().setAlpha(alpha);

\} else if (percent >= 0.6 && percent < endpercent) \{

float percenttemp = (float) ((percent - 0.6) / 0.4);

final int evaluate1 = (Integer) evaluator.evaluate(percenttemp, toobal\_old, dra.getColor());

child.setBackgroundColor(evaluate1);

int alpha = (int) Math.abs(percent \* 255);

child.getBackground().setAlpha(alpha);

\} else if (percent >= endpercent && percent < 1) \{

float percenttemp = (float) ((percent - 0.6) / 0.4);

final int evaluate1 = (Integer) evaluator.evaluate(percenttemp, toobal\_old, dra.getColor());

child.setBackgroundColor(evaluate1);

int alpha = (int) Math.abs(percent \* 255);

child.getBackground().setAlpha(alpha);

EventBus.getDefault().post(new onTitleMissing());

\} else if (percent >= 1) \{

child.getBackground().setAlpha(255);

child.setBackgroundColor(dra.getColor());

EventBus.getDefault().post(new onTitleComplete());

\}

\} else \{

child.getBackground().setAlpha(0);

child.setBackgroundColor(0x00FFFFFF);

\}

return true;

\}

最后将这个behavior赋给自己的title即可。

不算简单，我中间跳过了是因为项目里有。

谢谢

[53b79691163e]: /images/20221023/e60323cb15d54714b4699e61419d3e4a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关 android点击按钮图标变色

在 Android 中，要让按钮图标在点击时变色，可以使用 selector 来实现。首先，需要准备两张图片，分别代表按钮图标的默认状态和点击后的状态。然后在 res/dr

男娘i/ 2024年03月26日 08:15/ 0 赞/ 68 阅读

相关 Android水平渐变色圆角矩形

Android水平渐变色圆角矩形一个Android水平渐变色圆角矩形，如图： ![2018051620044687][] 其实实现很简单，主要

偏执的太偏执、/ 2023年10月17日 21:24/ 0 赞/ 57 阅读

相关 Android 渐变色Button

shape 属性介绍 ![a825d6f522eb0f86ae5c88823098d752.png][] 可以通过设置 angle 来自定义渐变方向，它是从左向右、逆时

ゞ浴缸里的玫瑰/ 2023年10月03日 18:12/ 0 赞/ 17 阅读

相关 doubanactivity_仿豆瓣的title变色方案 android

写文章写的正在兴头上，把一年前做的一个title拿出来给大家看一下。因为是一个仿豆瓣的app，里边有一个title变色 ![53b79691163e][] 15281857

傷城~/ 2022年11月06日 02:56/ 0 赞/ 5 阅读

相关基于SpringBoot的仿豆瓣平台源码!

> 导语：大家好，我是你们的朋友朋哥，十年码农经验，对技术情有独钟。这是一个集电影,音乐和书籍于一体的Java web应用,一起来看看吧! 开发环境: Java

朱雀/ 2022年09月06日 14:27/ 0 赞/ 141 阅读

相关【Android 】TextView 局部文字变色

> TextView 对于富文本效果的实现支持不支持呢？比如“局部文字颜色的变动”，“局部字体的变动” 一、需求效果 ![比如这个][201610091506

本是古典何须时尚/ 2022年07月17日 04:19/ 0 赞/ 290 阅读

相关 Android Activity的title设置

1、改变标题内容：public void setTitle (CharSequence title) 2、隐藏标题：requestWindow

￡神魔★判官ぃ/ 2022年06月13日 13:44/ 0 赞/ 213 阅读

相关 Android -对图片Drawable进行变色

Android 图片DrawableCompat利用setTint（）对图片Drawable进行变色 1.利用color资源对Drawable变色 Drawable

Dear 丶/ 2022年06月10日 14:29/ 0 赞/ 255 阅读

相关 Android图形shape的gradient渐变色背景

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.andr

红太狼/ 2022年03月29日 10:53/ 0 赞/ 609 阅读

相关渐变色进度条的两种绘制方案

在App开发中经常会用到渐变色进度条控件，而自定义进度条的实现也不难，下面提供了两种渐变色进度条的实现方案。效果图如下： ![826860-201812262230354

╰+攻爆jí腚メ/ 2021年12月13日 03:29/ 0 赞/ 367 阅读