直接上图,类似相册的效果。
两张图都是隐藏了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; }
隐藏和显示时都加入了属性动画,慢慢地隐藏。