Slide-Like Gmailでアイテムリストビューを削除する

Question

私はリストビューでショップリストを使ってアプリケーションを開発しています。 listviewの項目を右（または左）にスワイプすると、この項目がリストビューから削除されます。

私は自分のリストビューを持っていて、それを行うための関数が必要です。

ありがとうございます。

Answer 1

これは私がこの効果を実現する方法です。 ListView lvSimpleがあり、onTouchListenerをlvSimpleに追加しています。これは私の作業コードです。

float historicX = Float.NaN, historicY = Float.NaN; 
static final int DELTA = 50; 
enum Direction {LEFT, RIGHT;} 
... 
ListView lvSimple = (ListView) findViewById(R.id.linLayout); 
... 
lvSimple.setOnTouchListener(new OnTouchListener() { 
    @Override 
    public boolean onTouch(View v, MotionEvent event) { 

     switch (event.getAction()) { 
      case MotionEvent.ACTION_DOWN: 
       historicX = event.getX(); 
       historicY = event.getY(); 
       break; 

      case MotionEvent.ACTION_UP: 
       if (event.getX() - historicX < -DELTA) { 
        FunctionDeleteRowWhenSlidingLeft(); 
        return true; 
       } 
       else if (event.getX() - historicX > DELTA) { 
        FunctionDeleteRowWhenSlidingRight(); 
        return true; 
       } 
       break; 

      default: 
       return false; 
     } 
     return false; 
    } 
}); 

我々は左にスライドするとき、ときに関数FunctionDeleteRowWhenSlidingLeft()を呼び出している、FunctionDeleteRowWhenSlidingRight() - それぞれ右へ。この関数では、アニメーションのペーストコードが必要です。

Answer 2

Answer Android-Developerは、Nurikのコードをgist.github.comに示しています。このコードは古くなっています。彼はオープンソースのプロジェクトDash Clockでこのスワイプを却下してリスナーを使います。

Gist.github.comでコードを使用する前に知っておくべきいくつかのことがあります。

1. gist.Githubの古いコードは、タッチに非常に敏感です。 ListViewでアイテムをタップし続けると、そのアイテムは削除されます。更新されたコードでは、彼は飛行感度を固定しました。
2. ListViewで宣言されている仕切線がある場合、このリスナーはうまく動作しません。除算器が必要な場合は、ListItemレイアウトで宣言します。
3. このコードはまだベータにあります。買い手責任負担。

更新されたコードを使用することをおすすめします。更新されたソースhereが見つかります。

Answer 3

もう1つの選択肢は、Tim RoesのEnhancedListViewライブラリを使用することです。[更新日：8/1/2015]RecycleViewの導入により、このライブラリは推奨されなくなりました。

上記のRoman NurikのSwipeToDismissリスナーには、APIレベル12以上が必要です。 Jake Whartonはこのコードを移植して、すべてのAPIレベルをSwipeToDismissNOAにサポートしました。

Tim Roesは、このライブラリをさらにサポートするように拡張しました元に戻す機能も同様です。

Answer 4

私はマックロビングが書いたものを使って答えを出しました。現時点では機能していますが、すべての子供が同じ高さになっている場合にのみ機能します。

listView.setOnTouchListener(new View.OnTouchListener() { 
     @Override 
     public boolean onTouch(View v, MotionEvent event) { 
      // TODO Auto-generated method stub 
      switch (event.getAction()) { 
       case MotionEvent.ACTION_DOWN: 
        historicX = event.getX(); 
        historicY = event.getY(); 
        return false; 

       case MotionEvent.ACTION_UP: 
        if (listView.getChildAt(0) != null) { 
         int heightOfEachItem = haveListView.getChildAt(0).getHeight(); 
         int heightOfFirstItem = -haveListView.getChildAt(0).getTop() + haveListView.getFirstVisiblePosition()*heightOfEachItem; 
         //IF YOU HAVE CHILDS IN LIST VIEW YOU START COUNTING 
         //listView.getChildAt(0).getTop() will see top of child showed in screen 
         //Dividing by height of view, you get how many views are not in the screen 
         //It needs to be Math.ceil in this case because it sometimes only shows part of last view 
         final int firstPosition = (int) Math.ceil(heightOfFirstItem/heightOfEachItem); // This is the same as child #0 

         //Here you get your List position, use historic Y to get where the user went first 
         final int wantedPosition = (int) Math.floor((historicY - haveListView.getChildAt(0).getTop())/heightOfEachItem) + firstPosition; 
         //Here you get the actually position in the screen 
         final int wantedChild = wantedPosition - firstPosition; 
         //Depending on delta, go right or left 
         if (event.getX() - historicX < -DELTA) { 
          //If something went wrong, we stop it now 
          if (wantedChild < 0 || wantedChild >= List.size()|| wantedChild >= listView.getChildCount()) { 

           return true; 
          } 
          //Start animation with 500 miliseconds of time 
          listView.getChildAt(wantedChild).startAnimation(outToLeftAnimation(500)); 
          //after 500 miliseconds remove from List the item and update the adapter. 
          new java.util.Timer().schedule(
            new java.util.TimerTask() { 
             @Override 
             public void run() { 
              List.remove(wantedPosition); 
              updateAdapter(); 
             } 
            }, 
            500 
          ); 
          return true; 

         } else if (event.getX() - historicX > DELTA) { 
          //If something went wrong, we stop it now 
          if (wantedChild < 0 || wantedChild >= List.size() || wantedChild >= listView.getChildCount()) { 

           return true; 
          } 
          //Start animation with 500 miliseconds of time 
          listView.getChildAt(wantedChild).startAnimation(outToRightAnimation(500)); 
          //after 500 miliseconds remove from List the item and update the adapter. 
          new java.util.Timer().schedule(
            new java.util.TimerTask() { 
             @Override 
             public void run() { 
              List.remove(wantedPosition); 
              updateAdapter(); 
             } 
            }, 
            500 
          ); 
          return true; 

         } 
        } 
        return true; 
       default: 
        return false; 
      } 
     } 
    }); 

アニメーションは、この機能を持っている：

private Animation outToLeftAnimation(int duration) { 
    Animation outtoLeft = new TranslateAnimation(
      Animation.RELATIVE_TO_PARENT, 0.0f, 
      Animation.RELATIVE_TO_PARENT, -1.0f, 
      Animation.RELATIVE_TO_PARENT, 0.0f, 
      Animation.RELATIVE_TO_PARENT, 0.0f); 
    outtoLeft.setDuration(duration); 
    outtoLeft.setInterpolator(new AccelerateInterpolator()); 
    return outtoLeft; 
} 

private Animation outToRightAnimation(int duration) { 
    Animation outtoRight = new TranslateAnimation(
      Animation.RELATIVE_TO_PARENT, 0.0f, 
      Animation.RELATIVE_TO_PARENT, +1.0f, 
      Animation.RELATIVE_TO_PARENT, 0.0f, 
      Animation.RELATIVE_TO_PARENT, 0.0f); 
    outtoRight.setDuration(duration); 
    outtoRight.setInterpolator(new AccelerateInterpolator()); 
    return outtoRight; 
} 

私はこれをしようとしていますし、今まで私は、エラーを見ていない、誰かが同様に試すことができれば良いでしょう。