利用SlidingPaneLayout实现侧滑

利用SlidingPaneLayout实验仿QQ侧滑效果

1.效果图

          

2.布局文件

 <?xml version="1.0" encoding="utf-8"?>

 <android.support.v4.widget.SlidingPaneLayout xmlns:android="http://schemas.android.com/apk/res/android"

     android:id="@+id/slidingpanelayout"

     android:layout_width="match_parent"

     android:layout_height="match_parent">

     <FrameLayout

         android:layout_width="200dp"

         android:layout_height="match_parent">

         <LinearLayout

             android:id="@+id/full_left"

             android:layout_width="match_parent"

             android:layout_height="match_parent"

             android:layout_marginTop="5dp"

             android:background="#65c7fa"

             android:orientation="vertical">

             <TextView

                 android:layout_width="match_parent"

                 android:layout_height="60dp"

                 android:background="#ffffff"

                 android:gravity="center"

                 android:text="我的功能标签"

                 android:textColor="#000000"

                 android:textSize="20sp"

                 android:textStyle="bold" />

             <Button

                 android:layout_width="match_parent"

                 android:layout_height="wrap_content"

                 android:background="#65c7fa"

                 android:onClick="baidu"

                 android:text="百度"

                 android:textColor="#ffffff" />

             <Button

                 android:layout_width="match_parent"

                 android:layout_height="wrap_content"

                 android:background="#65c7fa"

                 android:onClick="qq"

                 android:text="QQ"

                 android:textColor="#ffffff" />

             <Button

                 android:layout_width="match_parent"

                 android:layout_height="wrap_content"

                 android:background="#65c7fa"

                 android:onClick="wangyi"

                 android:text="网易"

                 android:textColor="#ffffff" />

             <Button

                 android:layout_width="match_parent"

                 android:layout_height="wrap_content"

                 android:background="#65c7fa"

                 android:onClick="sina"

                 android:text="新浪"

                 android:textColor="#ffffff" />

         </LinearLayout>

     </FrameLayout>

     <WebView

         android:id="@+id/webview"

         android:layout_width="match_parent"

         android:layout_height="match_parent" />

 </android.support.v4.widget.SlidingPaneLayout>

3.Java代码

 import android.support.v4.widget.SlidingPaneLayout;

 import android.support.v7.app.AppCompatActivity;

 import android.os.Bundle;

 import android.view.MotionEvent;

 import android.view.View;

 import android.webkit.WebSettings;

 import android.webkit.WebView;

 import android.webkit.WebViewClient;

 import android.widget.LinearLayout;

 public class MainActivity extends AppCompatActivity {

     SlidingPaneLayout mSlidingPaneLayout;

     View mFullLeft;

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

         mSlidingPaneLayout = (SlidingPaneLayout) findViewById(R.id.slidingpanelayout);

         mFullLeft = findViewById(R.id.full_left);

         mFullLeft.setAlpha(0);//默认 full侧栏隐藏 显示最小-预览式的侧栏

         mWebView = (WebView) findViewById(R.id.webview);

         WebSettings settings = mWebView.getSettings();

         settings.setJavaScriptEnabled(true);

         WebViewClient client = new WebViewClient();

         mWebView.setWebViewClient(client);

         mSlidingPaneLayout.setPanelSlideListener(new SlidingPaneLayout.PanelSlideListener() {

             @Override

             public void onPanelSlide(View panel, float slideOffset) {

                 //slideOffset: close left->open left    from 0-1

                 System.out.println("slide" + slideOffset);

                 //view.setalpha(0~1)

                 //full完全显示时small就应完全不可见

                 mFullLeft.setAlpha(slideOffset);

             }

             @Override

             public void onPanelOpened(View panel) {

                 System.out.println("opened");

             }

             @Override

             public void onPanelClosed(View panel) {

                 System.out.println("closed");

             }

         });

     }

     WebView mWebView;

     public void baidu(View view) {

         mWebView.loadUrl("http://www.baidu.com");

     }

     public void qq(View view) {

         mWebView.loadUrl("http://www.qq.com");

     }

     public void wangyi(View view) {

         mWebView.loadUrl("http://www.163.com");

     }

     public void sina(View view) {

         mWebView.loadUrl("http://www.sina.com");

     }

 }

有借鉴别人的代码，但忘记博主啦，请见谅！！！