[Gallery]PhotoPage如何全屏显示图片（如何动态设置虚拟按键？）

[DESCRIPTION]

 

      在Gallery中动态设置底部虚拟按键NavigationBar 和StatusBar 且Gallery2 的GLSurfaceView全屏沉浸显示，从而实现真正的fullscreen。 

 

[SOLUTION]

    根据实际需要这种模式的显示的页面添加如下flag

 

1. Hide Bars 

[Java] hide

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

int flags = 0 ;   flags|= View.SYSTEM_UI_FLAG_FULLSCREEN      |View.SYSTEM_UI_FLAG_HIDE_NAVIGATION      |View.SYSTEM_UI_FLAG_IMMERSIVE      |View.SYSTEM_UI_FLAG_LAYOUT_STABLE      |View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION      |View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;          setSystemUiVisibility(flags);

 

 View.SYSTEM_UI_FLAG_HIDE_NAVIGATION --> 隐藏navigationbar
 View.SYSTEM_UI_FLAG_FULLSCREEN --> 隐藏statusbar   

 

2.Show Bars

 

[Java] hide

1 2 3 4 5 6 7 8 9 10 11

int flags = 0 ;   flags|= View.SYSTEM_UI_FLAG_LAYOUT_STABLE       |View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION       |View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;        setSystemUiVisibility(flags);

 

    这3个flag 需要配合使用，清除所有的Flag，半透明显示SYSTEM UI ，同时使得当前Activity的UI 不被resize 并显示在SYSTEM UI 下面。

 

 ==========================

以PhotoPage为例，实现全屏沉浸模式，需要做如下改动：

 文件：PhotoPage.java

 

1. onResume()方法中增加如下code：

[Java] hide

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

protected void onResume()｛   ...         // add by mtk start         Window win = mActivity.getWindow();         win.addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);         win.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);         // add by mtk end   ...   ｝

2. onDestroy()方法中增加如下code：

[Java] hide

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

protected void onDestroy() {   ...         //add by mtk start         Window win = mActivity.getWindow();         win.clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);         win.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);         //add by mtk end             super .onDestroy();   ｝

3. showBars()方法增加如下code:

[Java] hide

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

private void showBars() {   ...        //add by mtk start        Window win = mActivity.getWindow();        win.addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);        win.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);        //add by mtk end            mActionBar.show();        mActivity.getGLRoot().setLightsOutMode( false );   ...       ｝

4. hideBars()增加如下改动：

[Java] hide

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

private void hideBars() {   ...          mActionBar.hide();       //add by mtk start          Window win = mActivity.getWindow();        win.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);        int flags = (View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN                        | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION                        | View.SYSTEM_UI_FLAG_FULLSCREEN                        | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY                        | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);      win.getDecorView().setSystemUiVisibility(flags);        win.setNavigationBarColor(Color.TRANSPARENT);        //add by mtk end          //mActivity.getGLRoot().setLightsOutMode(true);  //delete by mtk   ...   ｝

上述修改可以实现大图界面图片全屏显示，但会导致编辑、连拍按钮被Navigation Bar覆盖，如下图所示：

 

如下修改仅供参考：

Photopage_bottom_controls.xml 设置

[XML] hide

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

android:id="@+id/photopage_bottom_controls"   android:padding="10dp"   android:layout_width="match_parent"   android:layout_height="wrap_content"   android:layout_alignParentBottom="true"   android:layout_alignParentLeft="true"   android:orientation="horizontal"   android:fitsSystemWindows=”true”<--! add by mtk -->   android:visibility="gone">

ContainerLayer.java

1.增加头文件

[Java] hide

1 2 3

import android.content.res.Resources;   import android.content.res.Configuration;

2.增加新方法

[Java] hide

1 2 3 4 5 6 7 8 9 10 11

private static int getNavigationBarHeight(Activity activity){         Resources resources = activity.getResources();         int resId = resources.getIdentifier( "navigation_bar_height" , "dimen" , "android" );         int height = resources.getDimensionPixelSize(resId);         return height;   }

3. 修改showLeftBottomIcon()方法

[Java] hide

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

private void showLeftBottomIcon() {         mContainer.setVisibility(View.VISIBLE);              // add by mtk start         int orientation = mActivity.getResources().getConfiguration().orientation;         int h = getNavigationBarHeight(mActivity);              if (orientation == Configuration.ORIENTATION_PORTRAIT) {             mContainer.setX( 0 );             mContainer.setY(-h);         } else {             mContainer.setY( 0 );             mContainer.setX(-h);         }         //add by mtk end             if (mMediaData.subType == MediaData.SubType.CONSHOT) {             mConShotIcon.setVisibility(View.VISIBLE);         }     }

PhotoPage.java新增如下方法：

[Java] hide

1 2 3 4 5 6 7 8 9

@Override     public void onConfigurationChanged(Configuration config) {         super .onConfigurationChanged(config);         toggleBars();     }