안 드 로 이 드 인망 슬라이딩 사 이 드 바 효과 모방

많은 응용 프로그램 들 이 공간 을 절약 하고 인터페이스 가 정 보 를 충분히 표시 할 수 있 도록 하기 위해 대부분 응용 프로그램 은 사 이 드 바 방식 을 사용 했다.다음 과 같은 그림 이다. 
     

그 사고방식 을 말하자면,아래 는 두 개 혹은 여러 개의 보기 로,각각 그것들의 너비,왼쪽 거 리 를 제어 하여 그것들의 디 스 플레이 를 제어 하고,코드 를 보십시오 
activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/layout"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal"
  tools:context=".MainActivity" >

  <LinearLayout
    android:id="@+id/menu"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/menu" >
  </LinearLayout>

  <LinearLayout
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/content" >
  </LinearLayout>

</LinearLayout>

 MainActivity.java
 

public class MainActivity extends Activity implements OnTouchListener
{

  private LinearLayout menu;
  private LinearLayout content;
  private LayoutParams menuParams;
  private LayoutParams contentParams;

  // menu     ，  content    。
  private static final int menuPadding = 80;

  //    
  private int disPlayWidth;

  private float xDown;
  private float xMove;

  private boolean mIsShow = false;
  private static final int speed = 50;

  @Override
  protected void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    setContentView(R.layout.activity_main);

    disPlayWidth = getWindowManager().getDefaultDisplay().getWidth();

    menu = (LinearLayout) findViewById(R.id.menu);
    content = (LinearLayout) findViewById(R.id.content);
    menuParams = (LayoutParams) menu.getLayoutParams();
    contentParams = (LayoutParams) content.getLayoutParams();
    findViewById(R.id.layout).setOnTouchListener(this);

    menuParams.width = disPlayWidth - menuPadding;
    contentParams.width = disPlayWidth;
    showMenu(mIsShow);
  }

  @Override
  public boolean onTouch(View v, MotionEvent event)
  {
    switch (event.getAction())
    {
    case MotionEvent.ACTION_DOWN:
      showMenu(!mIsShow);
      break;
    case MotionEvent.ACTION_MOVE:
      break;
    case MotionEvent.ACTION_UP:
      break;
    }
    return true;
  }

  private void showMenu(boolean isShow)
  {
    if (isShow)
    {
      mIsShow = true;
      menuParams.leftMargin = 0;
    } else
    {
      mIsShow = false;
      menuParams.leftMargin = 0 - menuParams.width;
    }
    menu.setLayoutParams(menuParams);
  }
  }

    상기 코드 는 두 개의 복잡 한 view(layot)를 두 장의 그림 으로 대체 한 것 일 뿐 입 니 다.두 개의 보 기 는 전환 할 수 있 지만 애니메이션 의 느낌 이 없 는 데다 가 드래그 효과 가 있어 야 하기 때문에 우 리 는 그것 에 시간 대 를 더 해서 애니메이션 의 효과 가 있어 보 입 니 다. 

 package com.example.test;

import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.Window;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity implements OnTouchListener, OnClickListener
{

  private LinearLayout menu;
  private LinearLayout content;
  private LayoutParams menuParams;
  private LayoutParams contentParams;

  // menu     ，  content    。
  private static final int menuPadding = 80;

  //    
  private int disPlayWidth;

  private float xDown;
  private float xMove;

  private boolean mIsShow = false;
  private static final int speed = 50;

  @Override
  protected void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    setContentView(R.layout.activity_main);

    disPlayWidth = getWindowManager().getDefaultDisplay().getWidth();

    menu = (LinearLayout) findViewById(R.id.menu);
    menu.setOnClickListener(this);
    content = (LinearLayout) findViewById(R.id.content);
    content.setOnClickListener(this);
    menuParams = (LayoutParams) menu.getLayoutParams();
    contentParams = (LayoutParams) content.getLayoutParams();
    //findViewById(R.id.layout).setOnTouchListener(this);

    menuParams.width = disPlayWidth - menuPadding;
    contentParams.width = disPlayWidth;
    showMenu(mIsShow);
  }

  @Override
  public void onClick(View v)
  {
    switch (v.getId())
    {
    case R.id.menu:
      new showMenuAsyncTask().execute(-50);
      break;
    case R.id.content:
      new showMenuAsyncTask().execute(50);
      break;
    }

  }

  @Override
  public boolean onTouch(View v, MotionEvent event)
  {
    switch (event.getAction())
    {
    case MotionEvent.ACTION_DOWN:
      showMenu(!mIsShow);
      break;
    case MotionEvent.ACTION_MOVE:
      break;
    case MotionEvent.ACTION_UP:
      break;
    }
    return true;
  }

  private void showMenu(boolean isShow)
  {
    if (isShow)
    {
      mIsShow = true;
      menuParams.leftMargin = 0;
    } else
    {
      mIsShow = false;
      menuParams.leftMargin = 0 - menuParams.width;
    }
    menu.setLayoutParams(menuParams);
  }

  /**
  *
  *      ：      ，       AsyncTask    
  *
  */
  class showMenuAsyncTask extends AsyncTask<Integer, Integer, Integer>
  {

    @Override
    protected Integer doInBackground(Integer... params)
    {
      int leftMargin = menuParams.leftMargin;
      
      //           ，     ，         :
      //  if(){
      //    while()
      // }
      //  else if(){
      //    while()
      // }
      while (true)
      {
        leftMargin += params[0];
        if (params[0] > 0 && leftMargin >= 0)
        {
          break;
        } else if (params[0] < 0 && leftMargin <= -menuParams.width)
        {
          break;
        }
        publishProgress(leftMargin);
        try
        {
          Thread.sleep(30);
        } catch (InterruptedException e)
        {
          e.printStackTrace();
        }
      }
      return leftMargin;
    }

    @Override
    protected void onProgressUpdate(Integer... values)
    {
      super.onProgressUpdate(values);
      menuParams.leftMargin = values[0];
      menu.setLayoutParams(menuParams);
    }

    @Override
    protected void onPostExecute(Integer result)
    {
      super.onPostExecute(result);
      menuParams.leftMargin = result;
      menu.setLayoutParams(menuParams);
    }

  }

}

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.