`
bell0901
  • 浏览: 27768 次
社区版块
存档分类
最新评论

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;
    }

 

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

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics