SlidingPaneLayout的基本使用

SlidingPaneLayout是V4包中新添加的组件，可以实现两列面板的切换。说先来看看API文档的说明：

?

1	SlidingPaneLayout provides a horizontal, multi-pane layout for use at the top level of a UI. A left (or first) pane is treated as a content list or browser, subordinate to a primary detail view for displaying content.

SlidingPanelLayout为在UI最上层的使用提供了一个水平的，多个面板的布局。左边的面板可以看作是一个内容列表或者是浏览，右边的面板的任务是显示详细的内容。

SlidingPaneLayout类也是直接继承于ViewGroup类，所以这个类也是当作容器类使用，在使用时通常可以和Fragement组件一起使用。下面是一个xiaoDemo，左边是网站url，右边显示网站。

首先是各个布局文件：

主布局文件actvity_main.xml:

?

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

< android.support.v4.widget.SlidingPaneLayout  xmlns:android = "http://schemas.android.com/apk/res/android"      xmlns:tools = "http://schemas.android.com/tools"      android:id = "@+id/slidingpanellayout"      android:layout_width = "match_parent"      android:layout_height = "match_parent"      tools:context = ".MainActivity"  >        < fragment          android:id = "@+id/leftfragment"          android:name = "com.example.android_slidingpanellayout1.BookMarkerFragment"          android:layout_width = "100dp"          android:layout_height = "match_parent"          android:layout_gravity = "left"  />        < fragment          android:id = "@+id/rightfragment"          android:name = "com.example.android_slidingpanellayout1.ShowFragment"          android:layout_width = "match_parent"          android:layout_height = "match_parent"          android:layout_gravity = "right"          android:layout_weight = "1"  />   </ android.support.v4.widget.SlidingPaneLayout >

 

标签页使用的布局文件（bookmarker.xml）

?

1 2 3 4 5 6 7 8 9 10 11 12

<? xml  version = "1.0"  encoding = "utf-8" ?> < LinearLayout  xmlns:android = "http://schemas.android.com/apk/res/android"      android:layout_width = "match_parent"      android:layout_height = "match_parent"      android:orientation = "vertical"  >        < ListView          android:id = "@+id/listview"          android:layout_width = "match_parent"          android:layout_height = "match_parent" />   </ LinearLayout >

内容页使用的布局文件（show.xml）

?

1 2 3 4 5 6 7 8 9 10 11 12

<? xml  version = "1.0"  encoding = "utf-8" ?> < LinearLayout  xmlns:android = "http://schemas.android.com/apk/res/android"      android:layout_width = "match_parent"      android:layout_height = "match_parent"      android:orientation = "vertical"  >        < WebView          android:id = "@+id/webview"          android:layout_width = "match_parent"          android:layout_height = "match_parent"  />   </ LinearLayout >

标签页中listview使用的布局文件（mytext.xml）:

?

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

<? xml  version = "1.0"  encoding = "utf-8" ?> < LinearLayout  xmlns:android = "http://schemas.android.com/apk/res/android"      android:layout_width = "match_parent"      android:layout_height = "match_parent"      android:orientation = "vertical"  >        < TextView          android:id = "@+id/text"          android:layout_width = "match_parent"          android:layout_height = "40dp"          android:gravity = "center"          android:textAlignment = "center"  />   </ LinearLayout >

 

标签页的Fragment（BookMarkerFragement.java）

?

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 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100

package  com.example.android_slidingpanellayout1;   import  java.util.ArrayList; import  java.util.List;   import  android.app.Activity; import  android.app.Fragment; import  android.graphics.drawable.Drawable; import  android.os.Bundle; import  android.view.LayoutInflater; import  android.view.Menu; import  android.view.MenuInflater; import  android.view.MenuItem; import  android.view.View; import  android.view.ViewGroup; import  android.view.ViewGroup.LayoutParams; import  android.widget.AdapterView; import  android.widget.AdapterView.OnItemClickListener; import  android.widget.ArrayAdapter; import  android.widget.ImageView; import  android.widget.ListView;   public  class  BookMarkerFragment  extends  Fragment {        public  interface  BookmarkListener {          public  void  onChangeBookmark(String bookmark);      }        public  BookmarkListener myActionObject =  null ;        @Override      public  View onCreateView(LayoutInflater inflater, ViewGroup container,              Bundle savedInstanceState) {          View view = inflater.inflate(R.layout.bookmarker, container,  false );          initListView(view);          return  view;      }        @Override      public  void  onAttach(Activity activity) {            if  (!(activity  instanceof  BookmarkListener)) {              throw  new  ClassCastException();          }          myActionObject = (BookmarkListener) activity;          super .onAttach(activity);      }        @Override      public  void  onCreateOptionsMenu(Menu menu, MenuInflater inflater) {          MenuItem item1 = menu.add( 1 ,  1 ,  1 ,  "分享" );          item1.setShowAsAction(MenuItem.SHOW_AS_ACTION_WITH_TEXT                  | MenuItem.SHOW_AS_ACTION_ALWAYS);          ImageView imageView =  new  ImageView(                  BookMarkerFragment. this .getActivity());          imageView.setBackgroundResource(R.drawable.share);          imageView.setLayoutParams( new  LayoutParams( 50 ,  50 ));          item1.setActionView(imageView);        }        // 初始化listview      public  void  initListView(View view) {          ListView lv = (ListView) view.findViewById(R.id.listview);          List<String> list =  new  ArrayList<String>();          list.add( "网易" );          list.add( "腾讯" );          list.add( "新浪" );          list.add( "搜狐" );          ArrayAdapter adapter =  new  ArrayAdapter(                  BookMarkerFragment. this .getActivity(), R.layout.mytextview,                  R.id.text, list);          lv.setAdapter(adapter);            lv.setOnItemClickListener( new  OnItemClickListener() {                @Override              public  void  onItemClick(AdapterView<?> arg0, View arg1,                      int  position,  long  arg3) {                  switch  (position) {                  case  0 :                      myActionObject.onChangeBookmark( "http://www.163.com" );                      break ;                  case  1 :                      myActionObject.onChangeBookmark( "http://www.qq.com" );                      break ;                  case  2 :                      myActionObject.onChangeBookmark( "http://www.sina.com" );                      break ;                  case  3 :                      myActionObject.onChangeBookmark( "http://www.sohu.com" );                      break ;                    }              }            });        } }

内容页面（ShowFragment.java）

?

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

package  com.example.android_slidingpanellayout1;   import  android.app.Activity; import  android.app.Fragment; import  android.os.Bundle; import  android.view.LayoutInflater; import  android.view.View; import  android.view.ViewGroup; import  android.webkit.WebView;   public  class  ShowFragment  extends  Fragment {        WebView webview= null ;      @Override      public  View onCreateView(LayoutInflater inflater, ViewGroup container,              Bundle savedInstanceState) {          View view = inflater.inflate(R.layout.show, container,  false );          webview=(WebView) view.findViewById(R.id.webview);          return  view;      }        @Override      public  void  onAttach(Activity activity) {          super .onAttach(activity);      }            public  WebView getWebView()      {          return  webview;      } }

主界面（MainActivity.java）

?

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 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75

package  com.example.android_slidingpanellayout1;   /*   *    * 实现一个书签的小例子   *    *    */ import  com.example.android_slidingpanellayout1.BookMarkerFragment.BookmarkListener;   import  android.os.Bundle; import  android.app.ActionBar; import  android.app.Activity; import  android.app.Fragment; import  android.app.FragmentTransaction; import  android.support.v4.widget.SlidingPaneLayout; import  android.support.v4.widget.SlidingPaneLayout.PanelSlideListener; import  android.view.Menu; import  android.view.View; import  android.webkit.WebSettings; import  android.webkit.WebView; import  android.webkit.WebViewClient; import  android.widget.Toast;   public  class  MainActivity  extends  Activity  implements  BookmarkListener {        Fragment bookmarkerFragment;      Fragment showFragment;      SlidingPaneLayout spl =  null ;      ActionBar actionBar =  null ;        @Override      protected  void  onCreate(Bundle savedInstanceState) {          super .onCreate(savedInstanceState);          setContentView(R.layout.activity_main);          actionBar =  this .getActionBar();          actionBar.setDisplayShowTitleEnabled( false );          actionBar.setDisplayHomeAsUpEnabled( true );          spl = (SlidingPaneLayout)  this .findViewById(R.id.slidingpanellayout);          spl.setPanelSlideListener( new  PanelSlideListener() {              @Override              public  void  onPanelClosed(View view) {                  MainActivity. this .getFragmentManager()                          .findFragmentById(R.id.leftfragment)                          .setHasOptionsMenu( false );              }                @Override              public  void  onPanelOpened(View viw) {                  MainActivity. this .getFragmentManager()                          .findFragmentById(R.id.leftfragment)                          .setHasOptionsMenu( true );              }                @Override              public  void  onPanelSlide(View arg0,  float  arg1) {                }          });      }        @Override      public  void  onChangeBookmark(String bookmark) {          ShowFragment sf = (ShowFragment) MainActivity. this .getFragmentManager()                  .findFragmentById(R.id.rightfragment);          WebView webView = sf.getWebView();          WebSettings settings = webView.getSettings();          settings.setJavaScriptEnabled( true );          WebViewClient client =  new  WebViewClient();          webView.setWebViewClient(client);          webView.loadUrl(bookmark);        }   }

实现效果：