运用手势操作ListView中的Item

如下面这个图: 

 

需要实现的功能是:用手指在某条记录上从左往右划一下,出现一条横线,用于表示这个菜已经上过了;倒过来划,取消这条横线,表示这个菜没上过。 
如何实现呢? 
看我的吧! 
首先需要一个Item的布局,在布局的最上方有一个ImageView用于显示这条横线,如果没有就把这个ImageView背景设置成透明,这个ImageView同这条记录等宽等高.

布局如下:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/list_item_height" >

    <LinearLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_vertical"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/tv_0"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:gravity="center"
            android:paddingBottom="20dp"
            android:paddingTop="20dp"
            android:singleLine="true"
            android:text="名称"
            android:textColor="@color/white"
            android:textSize="@dimen/font_xxxbig" />

            <TextView
                android:id="@+id/tv_1"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:gravity="center"
                android:paddingBottom="20dp"
                android:paddingTop="20dp"
                android:singleLine="true"
                android:text="数量"
                android:textColor="@color/white"
                android:textSize="@dimen/font_xxxbig"
               android:layout_weight="1"
               />


        <TextView
            android:id="@+id/tv_2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:paddingBottom="20dp"
            android:paddingTop="20dp"
            android:singleLine="true"
            android:text="价格"
            android:textColor="@color/white"
            android:textSize="@dimen/font_xxxbig" />
    </LinearLayout>

    <ImageView
        android:id="@+id/iv_line"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="visible" />

</FrameLayout>

然后就是写ListView了: 

listView = (ListView) findViewById(R.id.listView);
  listView.setOnItemClickListener(onItemClickListener);
  listView.setOnTouchListener(new View.OnTouchListener() {
   
   @Override
   public boolean onTouch(View v, MotionEvent event) {
    // TODO Auto-generated method stub
    mDetector.onTouchEvent(event);
    return false;
   }
  });

实现手势:

mDetector=new GestureDetector(new GestureDetector.OnGestureListener() {
   
   @Override
   public boolean onSingleTapUp(MotionEvent e) {
    // TODO Auto-generated method stub
    return false;
   }
   
   @Override
   public void onShowPress(MotionEvent e) {
    // TODO Auto-generated method stub
    
   }
   
   @Override
   public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
     float distanceY) {
    // TODO Auto-generated method stub
    return false;
   }
   
   @Override
   public void onLongPress(MotionEvent e) {
    // TODO Auto-generated method stub
    
   }
   
   @Override
   public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
     float velocityY) {
    // TODO Auto-generated method stub
    final int FLING_MIN_DISTANCE = 100, FLING_MIN_VELOCITY = 200; 
          if (e2.getX() - e1.getX() > FLING_MIN_DISTANCE && Math.abs(velocityX) > FLING_MIN_VELOCITY) {  //从左往右
           if(view!=null){
            Combos instance=(Combos)view.getTag();
            if(instance!=null){

                if(instance.getStatus()==ST_NORMAL){
                 instance.setStatus(ST_FINISH);
                 adapter.notifyDataSetChanged();
                 //dosomething()
                 
                }
                
               }
           }
          }
          else if(e1.getX() - e2.getX() > FLING_MIN_DISTANCE && Math.abs(velocityX) > FLING_MIN_VELOCITY){//从右往左
           if(view!=null){
            Combos instance=(Combos)view.getTag();
            if(instance!=null){
             
                if(instance.getStatus()==ST_FINISH){
                 instance.setStatus(ST_NORMAL);
                 adapter.notifyDataSetChanged();
                 //dosomething()

                }
               }
           }

          }
    return false;
   }
   
   @Override
   public boolean onDown(MotionEvent e) {
    // TODO Auto-generated method stub
    return true;
   }
  });
 };

再下来就要实现Adapter,提供一段伪代码: 

class DetailAdapter extends BaseAdapter {

  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return selectedList.size();
  }

  @Override
  public Object getItem(int position) {
   // TODO Auto-generated method stub
   return selectedList.get(position);
  }

  @Override
  public long getItemId(int position) {
   // TODO Auto-generated method stub
   return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   // TODO Auto-generated method stub
   final Combos instance = selectedList.get(position);
   
    convertView = LayoutInflater.from(context).inflate(R.layout.item_for_consume_detail_activity, null);
   
    
    ImageView iv_line = (ImageView) convertView.findViewById(R.id.iv_line);
    
    //根据状态判断该显示“线”还是“透明”
    if(instance.getStatus()==ST_FINISH){
     iv_line.setBackgroundResource(R.drawable.line_huacai);
    }else{
     iv_line.setBackgroundColor(Color.TRANSPARENT);
    }
    iv_line.setTag(instance);
    iv_line.setOnTouchListener(new View.OnTouchListener() {
     
     @Override
     public boolean onTouch(View v, MotionEvent event) {
      // TODO Auto-generated method stub
      view=v;
      return false;
     }
    });
   
   return convertView;
  }

 }

这里对iv_line也要实现OnTouchListener,并且view是个全局变量,需要在手势当中判断一下if(view!=null),确保程序没问题,并且获得对象view.getTag()。最后一定要返回false,确保ListView的OnTouchListener能够继续下去!  

整个触摸流程是: 
先ImageView中的onTouch起作用-->在ListView中的onTouch起作用-->手势
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: ListViewitem点击事件指的是当用户点击ListView的某个item时,程序会响应该事件并执行相应的操作。一般来说,我们可以通过设置ListView的OnItemClickListener来监听item的点击事件,然后在回调函数实现相应的逻辑。例如,我们可以在OnItemClickListener的回调函数获取被点击的item的位置或数据,然后根据需要进行处理,比如跳转到另一个页面、弹出对话框等。 ### 回答2: listviewitem点击事件可以通过设置OnItemClickListener来实现,例如: ```java listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // 在此处添加处理点击事件的代码 } }); ``` 在该代码片段,设置了一个OnItemClickListener实例,当用户点击listview的任意一个item时,该实例的onItemClick方法便会被调用。该方法通过参数传递了一些有用的信息,包括点击了哪个listview、点击的item的位置和id。 可以在onItemClick方法编写处理点击事件的代码,例如显示一个消息框或者打开一个新的界面。例如: ```java listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // 获取点击的item的数据 String itemText = (String) parent.getItemAtPosition(position); // 在消息框显示点击的数据 Toast.makeText(MainActivity.this, itemText, Toast.LENGTH_SHORT).show(); } }); ``` 在这个例子,我们获取了点击item的数据,并将其显示在一个Toast消息框。 需要注意的是,为了正确地处理item点击事件,还需要为每个listview item设置一个可点击的布局,例如一个Button或者设置android:clickable="true"属性的LinearLayout。否则,点击事件将无法被捕捉到。 ### 回答3: ListView是Android开发经常使用的控件之一,它能够方便地显示列表信息,而ListViewitem点击事件也是经常使用的功能。接下来,我将用不少于300字的篇幅详细介绍ListViewitem点击事件。 一、ListViewitem点击事件概述 ListViewitem点击事件指的是当用户点击ListView的某个item时,响应的事件。例如,当我们使用手机应用的标签列表时,点击某个标签会打开一个新页面,显示该标签的详细信息。这个过程就使用了ListViewitem点击事件。 二、ListViewitem点击事件代码实现 在ListView,处理item点击事件有两种方式:一种是在Activity直接处理,另一种是在Adapter处理。这里,我们以在Activity处理为例,代码示例如下: 首先,在onCreate()方法ListView设置一个OnItemClickListener,如下所示: ```java ListView listView = findViewById(R.id.listView); listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // 处理item点击事件 } }); ``` 其,setOnItemClickListener()方法的参数是一个AdapterView.OnItemClickListener接口实例,它包含了一个onItemClick()方法,这个方法会在item被点击时被调用。onItemClick()方法有四个参数: - parent:表示ListView本身; - view:表示被点击的item的View对象; - position:表示该itemListView的位置; - id:表示该item的id。 接下来,在onItemClick()方法,我们可以根据position获取ListView对应的数据项,然后进行处理,例如打开一个新的Activity,展示该数据项的详细信息,代码示例如下: ```java Intent intent = new Intent(MainActivity.this, DetailActivity.class); MyBean bean = dataList.get(position); intent.putExtra("name", bean.getName()); startActivity(intent); ``` 以上代码会跳转到一个新的Activity,展示被点击item对应的数据项的详情信息。这里使用了一个数据拼接的方法,将数据传递到新的Activity展示。对于这个操作,需要在新的Activity获取传递过来的数据进行展示。具体操作如下: ```java TextView textView = findViewById(R.id.textView); String name = getIntent().getStringExtra("name"); textView.setText(name); ``` 这里,我们使用了getIntent().getStringExtra()方法来获取传递过来的数据,然后将数据展示在TextView。 三、结语 以上就是关于ListViewitem点击事件的介绍,使用这个功能对于开发Android应用来说非常重要。掌握了这个功能,我们可以为用户提供更加友好、实用的应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值