zoukankan      html  css  js  c++  java
  • StatusBar/Toolbar的隐藏显示,窗体背景设置

      直接上图,类似相册的效果。

       

      两张图都是隐藏了statusbar(状态栏),第一张显示toolbar,窗体背景为白色,第二张隐藏toolbar,窗体背景为黑色。(第一张的下面就是一个 layout_width="fill_parent" 的textview,点击是隐藏)

      首先,statusbar(状态栏)的隐藏,在这里直接在theme里面style加一条

    <item name="android:windowFullscreen">true</item>

      或者android:theme=”@android:style/Theme.NoTitleBar.Fullscreen”,

      或者在activity里加入一下代码

     getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
             WindowManager.LayoutParams.FLAG_FULLSCREEN);

      接着,toolbar左边的返回箭头(Google官方不推荐使用)

    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

      当屏幕被触摸,响应事件

    @Override
        public boolean onTouchEvent(MotionEvent event) {
            // TODO Auto-generated method stub
            if (event.getAction() == MotionEvent.ACTION_DOWN) {        //屏幕被触摸
                if (s == 1) {                             //隐藏toolbar和textview
                    showToolbar.animate().translationY(-showToolbar.getHeight()).setInterpolator(new AccelerateInterpolator(2)); //属性动画
                    FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) titleShower.getLayoutParams();
                    int fabBottomMargin = lp.bottomMargin;
                    titleShower.animate().translationY(titleShower.getHeight() + fabBottomMargin).setInterpolator(new AccelerateInterpolator(2)).start();
                    shower.setBackgroundColor(Color.BLACK);          //当前页面的layout
                    s = 0;
                } else {
                    showToolbar.animate().translationY(0).setInterpolator(new DecelerateInterpolator(2));
                    titleShower.animate().translationY(0).setInterpolator(new DecelerateInterpolator(2)).start();
                    shower.setBackgroundColor(Color.WHITE);
                    s = 1;
                }
            }
            return true;
        }

      隐藏和显示时都加入了属性动画,慢慢地隐藏。

  • 相关阅读:
    JavaScript数字和字符串转换示例
    Angular CLI 使用教程指南参考
    angular2 post以“application/x-www-form-urlencoded”形式传参的解决办法
    Arison [JS]window.location获取url各项参数详解
    $.ajaxComplete()
    angular2 编写公用组件
    获取本周、本季度、本月、上月的开端日期、停止日期
    Angular2
    轮播图插件 SuperSlide2.1滑动门jQuery插件
    书写Css文件要点
  • 原文地址:https://www.cnblogs.com/rewufu/p/4626953.html
Copyright © 2011-2022 走看看