Question

我有一个自定义ListView，显示从数据库中选择的单词列表。当我刷这个listview项目时，我想显示删除按钮，如下图所示。当我按下该按钮时，它将从数据库中删除并刷新列表视图。米 Swipe Listview item

我已经查看了此示例代码here。但它仍然无效。

Answer 1

编辑：在其他选项之间有一个很好的库可以解决您的问题： https://github.com/daimajia/AndroidSwipeLayout

Answer 2

我搜索了很多谷歌，发现最合适的项目是github上的swipmenulistview https://github.com/baoyongzhang/SwipeMenuListView。

Answer 3

我曾经遇到同样的问题，找到一个好的库来做到这一点。最后，我创建了一个可以执行此操作的库：SwipeRevealLayout

在gradle文件中：

dependencies {
    compile 'com.chauthai.swipereveallayout:swipe-reveal-layout:1.4.0'
}

在你的xml文件中：

<com.chauthai.swipereveallayout.SwipeRevealLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:mode="same_level"
    app:dragEdge="left">

    <!-- Your secondary layout here -->
    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent" />

    <!-- Your main layout here -->
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</com.chauthai.swipereveallayout.SwipeRevealLayout>

然后在适配器文件中：

public class Adapter extends RecyclerView.Adapter {
  // This object helps you save/restore the open/close state of each view
  private final ViewBinderHelper viewBinderHelper = new ViewBinderHelper();

  @Override
  public void onBindViewHolder(ViewHolder holder, int position) {
    // get your data object first.
    YourDataObject dataObject = mDataSet.get(position); 

    // Save/restore the open/close state.
    // You need to provide a String id which uniquely defines the data object.
    viewBinderHelper.bind(holder.swipeRevealLayout, dataObject.getId()); 

    // do your regular binding stuff here
  }
}

Answer 4

我创建了一个demo on my github，其中包括从右向左滑动时会出现一个删除按钮，然后您可以从ListView中删除您的项目并更新您的ListView。

Answer 5

我刚在ListItem中使用ViewSwitcher工作。

list_item.xml：

<Component Guid="{A0D64469-A90C-4DF3-A54B-B386AC49E6E7}" Directory="INSTALL_ROOT">
    <File Source="$(var.MyHelperProject.TargetDir)required_file.txt" KeyPath="yes"/>
</Component>

在ListAdapter中：在getView（）方法中为Edit和Delete按钮实现OnclickListeners。这里的问题是获取在onClick方法中单击的ListItem的位置。 setTag（）和getTag（）方法用于此目的。

<?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="wrap_content"
android:orientation="horizontal" >

<ViewSwitcher
    android:id="@+id/list_switcher"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:inAnimation="@android:anim/slide_in_left"
    android:outAnimation="@android:anim/slide_out_right"
    android:measureAllChildren="false" >
    <TextView
        android:id="@+id/tv_item_name"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_gravity="center_vertical"
        android:maxHeight="50dp"
        android:paddingLeft="10dp" />

    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:clickable="false"
        android:gravity="center"
        >

    <Button
        android:id="@+id/b_edit_in_list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Edit"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"

         />
    <Button
        android:id="@+id/b_delete_in_list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Delete"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:background="@android:color/holo_red_dark"
        />
    </LinearLayout>
</ViewSwitcher>

在片段中，添加手势监听器以检测Fling手势：

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    // TODO Auto-generated method stub
    final ViewHolder viewHolder;
    if (convertView == null) {
        viewHolder = new ViewHolder();
        convertView = mInflater.inflate(R.layout.list_item, null);
        viewHolder.viewSwitcher=(ViewSwitcher)convertView.findViewById(R.id.list_switcher);
        viewHolder.itemName = (TextView) convertView
                .findViewById(R.id.tv_item_name);
        viewHolder.deleteitem=(Button)convertView.findViewById(R.id.b_delete_in_list);
        viewHolder.deleteItem.setTag(position);
        viewHolder.editItem=(Button)convertView.findViewById(R.id.b_edit_in_list);
        viewHolder.editItem.setTag(position);
        viewHolder.deleteItem.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                fragment.deleteItemList((Integer)v.getTag());
            }
        });

        viewHolder.editItem.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                fragment.editItemList(position);
            }
        });
        convertView.setTag(viewHolder);
} else {
        viewHolder = (ViewHolder) convertView.getTag();
    }

    viewHolder.itemName.setText(itemlist[position]);
return convertView;  
}

在片段的onCreateView方法中，

public class MyGestureListener extends SimpleOnGestureListener {
    private ListView list;

    public MyGestureListener(ListView list) {
        this.list = list;
    }

    // CONDITIONS ARE TYPICALLY VELOCITY OR DISTANCE

    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
            float velocityY) {
        // if (INSERT_CONDITIONS_HERE)

        ltor=(e2.getX()-e1.getX()>DELTA_X);
        if (showDeleteButton(e1))
        {
            return true;
        }
        return super.onFling(e1, e2, velocityX, velocityY);
    }

    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2,
            float distanceX, float distanceY) {
        // TODO Auto-generated method stub
        return super.onScroll(e1, e2, distanceX, distanceY);
    }

    private boolean showDeleteButton(MotionEvent e1) {
        int pos = list.pointToPosition((int) e1.getX(), (int) e1.getY());
        return showDeleteButton(pos);
    }

    private boolean showDeleteButton(int pos) {

        View child = list.getChildAt(pos);
        if (child != null) {
            Button delete = (Button) child
                    .findViewById(R.id.b_edit_in_list);
            ViewSwitcher viewSwitcher = (ViewSwitcher) child
                    .findViewById(R.id.host_list_switcher);
            TextView hostName = (TextView) child
                    .findViewById(R.id.tv_host_name);
            if (delete != null) {
                    viewSwitcher.setInAnimation(AnimationUtils.loadAnimation(getActivity(), R.anim.slide_in_left));
                    viewSwitcher.setOutAnimation(AnimationUtils.loadAnimation(getActivity(), R.anim.slide_out_right));
                }

                viewSwitcher.showNext();
                // frameLayout.setVisibility(View.VISIBLE);
            }
            return true;
        }
        return false;
    }
}

这对我有用。应该进一步完善它。

Answer 6

看到链接非常简单。它的工作正常...... 你不希望任何图书馆工作正常。点击here

OnTouchListener gestureListener = new View.OnTouchListener() {
    private int padding = 0;
    private int initialx = 0;
    private int currentx = 0;
    private  ViewHolder viewHolder;

    public boolean onTouch(View v, MotionEvent event) {
        if ( event.getAction() == MotionEvent.ACTION_DOWN) {
            padding = 0;
            initialx = (int) event.getX();
            currentx = (int) event.getX();
            viewHolder = ((ViewHolder) v.getTag());
        }
        if ( event.getAction() == MotionEvent.ACTION_MOVE) {
            currentx = (int) event.getX();
            padding = currentx - initialx;
        }       
        if ( event.getAction() == MotionEvent.ACTION_UP || 
                     event.getAction() == MotionEvent.ACTION_CANCEL) {
            padding = 0;
            initialx = 0;
            currentx = 0;
        }
        if(viewHolder != null) {
            if(padding == 0) {
                v.setBackgroundColor(0xFF000000 );  
                if(viewHolder.running)
                    v.setBackgroundColor(0xFF058805);
            }
            if(padding > 75) {
                viewHolder.running = true;
                v.setBackgroundColor(0xFF00FF00 );  
                viewHolder.icon.setImageResource(R.drawable.clock_running);
            }
            if(padding < -75) {
                viewHolder.running = false;
                v.setBackgroundColor(0xFFFF0000 );  
            }

            v.setPadding(padding, 0,0, 0);
        }

        return true;
    }
};

Answer 7

一个应用程序可用于演示列表视图，该列表视图结合了滑动到删除和拖动以重新排序项目。该代码基于Chet Haase的刷卡删除代码和Daniel Olshansky的拖动重新排序代码。

切特的代码会立即删除一个项目。我通过使其功能更像Gmail来改进，其中滑动显示底部视图，指示项目已删除但提供撤消按钮，用户可以撤消删除。切特的代码也有一个错误。如果列表视图中的项目少于列表视图的高度，并且您删除了最后一项，则最后一项似乎不会被删除。这已在我的代码中修复。

Daniel的代码需要长按一个项目。许多用户发现这不直观，因为它往往是一个隐藏的功能。相反，我修改了代码以允许“移动”按钮。您只需按下按钮并拖动项目即可。当您重新排序新闻主题时，这更符合Google新闻应用的工作方式。

源代码和演示应用程序可在以下位置获得： https://github.com/JohannBlake/ListViewOrderAndSwipe

切特和丹尼尔都来自谷歌。

切特关于删除项目的视频可在以下网址查看： https://www.youtube.com/watch?v=YCHNAi9kJI4

Daniel关于重新订购商品的视频可以在以下位置查看： https://www.youtube.com/watch?v=_BZIvjMgH-Q

相当多的工作都是将所有这些粘在一起以提供无缝的UI体验，所以我很欣赏Like或Up Vote。还请在Github中为该项目加注星标。

Answer 8

在布局.xml中定义ViewPager：

<android.support.v4.view.ViewPager
    android:id="@+id/example_pager"
    android:layout_width="fill_parent"
    android:layout_height="@dimen/abc_action_bar_default_height" />

然后，在您的活动/片段中，设置自定义寻呼机适配器：

在一项活动中：

protected void onCreate(Bundle savedInstanceState) {
    PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager());
    ViewPager pager = (ViewPager) findViewById(R.id.example_pager);

    pager.setAdapter(adapter);
    // pager.setOnPageChangeListener(this); // You can set a page listener here
    pager.setCurrentItem(0);
}

在片段中：

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_layout, container, false);

    if (view != null) {
        PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager());
        ViewPager pager = (ViewPager) view.findViewById(R.id.example_pager);

        pager.setAdapter(adapter);
        // pager.setOnPageChangeListener(this); // You can set a page listener here
        pager.setCurrentItem(0);
    }

    return view;
}

创建我们的自定义分页器类：

// setup your PagerAdapter which extends FragmentPagerAdapter
class PagerAdapter extends FragmentPagerAdapter {
    public static final int NUM_PAGES = 2;
    private CustomFragment[] mFragments = new CustomFragment[NUM_PAGES];
    public PagerAdapter(FragmentManager fragmentManager) {
        super(fragmentManager);
    }
    @ Override
    public int getCount() {
        return NUM_PAGES;
    }
    @ Override
    public Fragment getItem(int position) {
        if (mFragments[position] == null) {
               // this calls the newInstance from when you setup the ListFragment
            mFragments[position] = new CustomFragment();
        }
        return mFragments[position];
    }
}

Answer 9

从头开始实施此功能是一段时间。我实施了SalutonMondo推荐的图书馆，我非常满意。它使用起来非常简单，速度非常快。我改进了原始库，并为项目点击添加了一个新的点击监听器。此外，我添加了字体真棒库（http://fortawesome.github.io/Font-Awesome/），现在您只需添加一个新项目标题，并从字体awesome中指定图标名称。

Here是github链接

Answer 10

我经历了大量的第三方图书馆试图实现这一目标。但它们都没有表现出我想要的平滑性和可用性体验。然后我决定自己写。结果是，我喜欢它。我将在这里分享代码。也许我会把它写成一个可以嵌入任何回收者视图的库。但现在这里是代码。

注意：我使用了Recycler view和ViewHolder。有些值是硬编码的，因此请根据您的要求进行更改。

row_layout.xml

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:orientation="horizontal">
    <Button
        android:id="@+id/slide_button_2"
        android:text="Button2"
        android:layout_width="80dp"
        android:layout_height="80dp" />
    <Button
        android:id="@+id/slide_button_1"
        android:text="Button1"
        android:layout_width="80dp"
        android:layout_height="80dp" />
</LinearLayout>
<LinearLayout
    android:id="@+id/chat_row_cell"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:orientation="horizontal"
    android:background="@color/white">
    <ImageView
        android:id="@+id/chat_image"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:layout_marginRight="10dp"
        android:layout_gravity="center"/>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            <TextView
                android:id="@+id/chat_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/md_grey_800"
                android:textSize="18sp"/>
            <TextView
                android:id="@+id/chat_subtitle"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/md_grey_600"/>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

ChatAdaptor.java

公共类ChatAdaptor扩展了RecyclerView.Adapter {

List<MXGroupChatSession> sessions;
Context context;
ChatAdaptorInterface listener;

public interface ChatAdaptorInterface{
    void cellClicked(MXGroupChatSession session);
    void utilityButton1Clicked(MXGroupChatSession session);
    void utilityButton2Clicked(MXGroupChatSession session);
}

public ChatAdaptor(List<MXGroupChatSession> sessions, ChatAdaptorInterface listener, Context context){
    this.sessions=sessions;
    this.context=context;
    this.listener=listener;
}

@Override
public ChatViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view=(View)LayoutInflater.from(parent.getContext()).inflate(R.layout.chat_row,null);
    ChatViewHolder chatViewHolder=new ChatViewHolder(view);
    return chatViewHolder;
}

@Override
public void onBindViewHolder(ChatViewHolder holder, final int position) {
    MXGroupChatSession session=this.sessions.get(position);
    holder.selectedSession=session;
    holder.titleView.setText(session.getTopic());
    holder.subtitleView.setText(session.getLastFeedContent());
    Picasso.with(context).load(new File(session.getCoverImagePath())).transform(new CircleTransformPicasso()).into(holder.imageView);
}

@Override
public int getItemCount() {
    return sessions.size();
}

public class ChatViewHolder extends RecyclerView.ViewHolder{
    ImageView imageView;
    TextView titleView;
    TextView subtitleView;
    ViewGroup cell;
    ViewGroup cellContainer;
    Button button1;
    Button button2;

    MXGroupChatSession selectedSession;
    private GestureDetectorCompat gestureDetector;

    float totalx;
    float buttonTotalWidth;

    Boolean open=false;
    Boolean isScrolling=false;


    public ChatViewHolder(View itemView) {
        super(itemView);
        cell=(ViewGroup) itemView.findViewById(R.id.chat_row_cell);
        cellContainer=(ViewGroup) itemView.findViewById(R.id.chat_row_container);
        button1=(Button) itemView.findViewById(R.id.slide_button_1);
        button2=(Button) itemView.findViewById(R.id.slide_button_2);

        button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                listener.utilityButton1Clicked(selectedSession);
            }
        });

        button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                listener.utilityButton2Clicked(selectedSession);
            }
        });

        ViewTreeObserver vto = cellContainer.getViewTreeObserver();
        vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                buttonTotalWidth = button1.getWidth()+button2.getWidth();
            }
        });

        this.titleView=(TextView)itemView.findViewById(R.id.chat_title);
        subtitleView=(TextView)itemView.findViewById(R.id.chat_subtitle);
        imageView=(ImageView)itemView.findViewById(R.id.chat_image);
        gestureDetector=new GestureDetectorCompat(context,new ChatRowGesture());

        cell.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if(gestureDetector.onTouchEvent(event)){
                    return true;
                }

                if(event.getAction() == MotionEvent.ACTION_UP) {
                    if(isScrolling ) {
                        isScrolling  = false;
                        handleScrollFinished();
                    };
                }
                else if(event.getAction() == MotionEvent.ACTION_CANCEL){
                    if(isScrolling ) {
                        isScrolling  = false;
                        handleScrollFinished();
                    };
                }
                return false;
            }
        });
    }


    public class ChatRowGesture extends GestureDetector.SimpleOnGestureListener {

        @Override
        public boolean onSingleTapUp(MotionEvent e) {
            if (!open){
                listener.cellClicked(selectedSession);
            }
            return true;
        }

        @Override
        public boolean onDown(MotionEvent e) {
            return true;
        }

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
                isScrolling=true;
                totalx=totalx+distanceX;
                freescroll(totalx);

            return true;
        }
    }

    void handleScrollFinished(){
        if (open){
            if (totalx>2*buttonTotalWidth/3){
                slideLeft();
                totalx=buttonTotalWidth;
            }else{
                slideRight();
                totalx=0;
            }
        }else{
            if (totalx>buttonTotalWidth/3){
                slideLeft();
                totalx=buttonTotalWidth;
            }else{
                slideRight();
                totalx=0;
            }
        }

    }

    void slideRight(){
        TransitionManager.beginDelayedTransition(cellContainer);
        ViewGroup.MarginLayoutParams params;
        params=(ViewGroup.MarginLayoutParams) cell.getLayoutParams();
        params.setMargins(0,0,0,0);
        cell.setLayoutParams(params);
        open=false;
    }

    void slideLeft(){
        TransitionManager.beginDelayedTransition(cellContainer);
        ViewGroup.MarginLayoutParams params;
        params=(ViewGroup.MarginLayoutParams) cell.getLayoutParams();
        params.setMargins(((int)buttonTotalWidth*-1),0,(int)buttonTotalWidth,0);
        cell.setLayoutParams(params);
        open=true;
    }
    void freescroll(float x){
        if (x<buttonTotalWidth && x>0){
            int xint=(int)x;
            ViewGroup.MarginLayoutParams params;
            params=(ViewGroup.MarginLayoutParams) cell.getLayoutParams();
            params.setMargins(params.leftMargin,0,xint,0);
            cell.setLayoutParams(params);
        }
    }
}

希望这有助于某人!!

Answer 11

您可以使用此代码

holder.img_close.setOnClickListener(new View.OnClickListener() {
      @Override
        public void onClick(View view) {
            holder.swipeRevealLayout.close(true);
            list.remove(position);
            notifyDataSetChanged();
      }});

滑动ListView项目从右到左显示删除按钮

11 个答案: