标题栏透明度变化

原理 监听ScrollView的滑动

  @Override
    public void onScrollChanged(ObservableScrollView observableScrollView, int x, int y, int oldx, int oldy) {

        Log.d(TAG, "onScrollChanged: "+x+"    "+y+"     "+oldx+"       "+oldy);

        if(y<=0){
            mRlTitleContainer.setBackgroundColor(Color.argb((int) 0, 245, 119, 8));//AGB由相关工具获得,或者美工提供
        }else if(y>0&&y<=mIvTitleBg.getHeight()-mRlTitleContainer.getHeight()){
            float scale = (float) y / (mIvTitleBg.getHeight()-mRlTitleContainer.getHeight());
            float alpha = (255 * scale);
            // title背景透明
            mRlTitleContainer.setBackgroundColor(Color.argb((int) alpha, 245, 119, 8));
        }else {
            mRlTitleContainer.setBackgroundColor(Color.argb((int) 255, 245, 119, 8));
        }
    }

源 码

https://github.com/ln0491/TitleAlphaDemo

时间: 2024-08-04 18:49:12

标题栏透明度变化的相关文章

仿百度手机助手标题栏透明度随ListView或ScrollView滚动改变的实现方法

有时做项目遇到ListView或ScrollView上方加图片和标题栏布局,在滚动时要求改变标题栏的透明度,即上滑标题栏出现,下拉标题栏变透明,类似百度手机助手6.0装机必备界面效果 要实现这种标题栏透明度随滚动渐变的动画很简单,我们只需要实现onScroll方法就可以,完成对HeaderView的位置检测,然后通过HeaderView的高度和显示的高度来计算比例,设置TitleBar的背景图片的透明度即可,此种实现方法与FadingActionBar是不同的.详细实现源码如下: public

图片淡入淡出代码,鼠标移上透明度变化

又一个图片透明度特效,鼠标移在图片上,图片的透明度就发生变化,最初的透明度为20,鼠标移上后透明度恢复正常,很明显的响应鼠标的图片特效,而且代码超简单,新手也能学会使用. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>石家庄伸缩门</title> </head>

透明度变化轮播图特效

jQuery实现的透明度变化, <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>透明度渐变幻灯片</title> <style> *{ padding: 0; margin: 0; list-style: none; } .box{ width: 710px; height: 475px; b

仿QQ空间滚动ActionBar透明度变化Demo

QQ空间5.0的ActionBar会随着滚动的距离让ActionBar的透明度发生变化,效果还是非常cool,自己实现了一个小demo,基本实现了上面的所说的效果,但是其他控件的事件监听以及一系列较为复杂的控件的冲突还没考虑,暂时来总结下. 1,实现思路: 在最外层包裹一个自定义的FadingScrollView,监听滑动事件,然后去滚动控件,不过滚动范围只是最上面的fadingView的高度减去actionBar的高度,然后根据已经滚动的距离和fadingView的height来改变actio

JS动画之速度动画和透明度变化

一.运动框架实现思路:1.速度(改变值left.right.width.height.opacity)2.缓冲运动3.多物体运动4.任意值变动5.链式运动6.同时运动 二.匀速运动:1.设置定时器,每隔一段时间更改位置,达到匀速运动2.设置定时器前需清除定时器,以防多次触发重复生成多个定时器3.当运动位置达到目标值时,可通过清除定时器停止运动4.当定义函数多处相同时,可封装为一个函数,用不同参数调用,尽量少传递相同的参数        window.onload = function(){  

js实现速度和透明度变化

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8&q

页面滚动后 顶部的透明度变化

css: body: margin-top:XXpx; .page_header_container: position:fixed; js: var $window = $(window), $body = $('body'), $bgMask = $('#page_header_container .bgMask'); $window.on('scroll', function() { if (parseInt($window.scrollTop()) > 0) { $bgMask.css(

鼠标移入移出透明度变化效果

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style style="text/css"> *{ margin:0; padding:0; } #div1{ width:200px; height: 200px; background

鼠标事件-拖拽(滑块控制物体透明度变化)

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #parent{ width: 600px; height: 20px; border: 1px black solid; position: relative; margin: auto; } #child{ width: 20px; height: