Android中listview和imageview实现条目单选效果

作者:wangwo1991 时间:2022-12-05 05:02:31 

前段时间在项目开发中,有listview实现单选和多选的效果,特别是listview的单选效果,一开始项目比较紧,自己考虑的是用listview和radionbutton实现的,可能是自己考虑不周到的原因,效果是实现了,但是用户体验不怎么好,做完项目后,自己又弄了下,使用listview和imageview实现,点击listview条目的时候就可以实现单选效果,这样用户体验就稍微好些。以下就是实现的方式:

activity_main.xml文件:


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.listtest.MainActivity$PlaceholderFragment" >

<ListView
 android:id="@+id/listview"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent" />

</RelativeLayout>

listview_item.xml文件


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.listtest.MainActivity$PlaceholderFragment" >

<RelativeLayout
 android:layout_width="fill_parent"
 android:layout_height="50dp">
 <TextView
  android:id="@+id/tv"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textSize="15sp"
  android:textColor="#000000"
  android:text="123112"
  android:layout_centerVertical="true"
  android:layout_marginLeft="15dp"/>
 <ImageView
  android:id="@+id/iv"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:src="@drawable/sex_nor"
  android:layout_alignParentRight="true"
  android:layout_centerVertical="true"
  android:layout_marginRight="15dp"/>
</RelativeLayout>

</RelativeLayout>

MainActivity文件:


public class MainActivity extends ActionBarActivity implements OnItemClickListener {
private ListAdapter adapter;
private ListView listview;
private List<String> list=new ArrayList<String>();
@Override
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 requestWindowFeature(Window.FEATURE_NO_TITLE);
 setContentView(R.layout.activity_main);
 initView();

}

private void initView() {
 listview = (ListView) findViewById(R.id.listview);
 addData();
 adapter=new ListAdapter(MainActivity.this);
 listview.setAdapter(adapter);
 listview.setOnItemClickListener(this);

}
private void addData() {
 for (int i = 0; i < 20; i++) {
  list.add("深圳"+i);
 }
}
class ListAdapter extends BaseAdapter{
 private int selectedPosition = -1;// 选中的位置
 private Context context;  
 public ListAdapter(Context context) {
  this.context = context;
 }

@Override
 public int getCount() {
  return list.size();
 }

@Override
 public Object getItem(int position) {
  return list.get(position);
 }
 public void setSelectedPosition(int position) {
  selectedPosition = position;
 }
 @Override
 public long getItemId(int position) {
  return position;
 }

@Override
 public View getView(int position, View convertView, ViewGroup parent) {
  ViewHolder holder;
  if (convertView==null) {
   holder=new ViewHolder();
   convertView=LayoutInflater.from(context).inflate(R.layout.listview_item, null);
   holder.tv=(TextView) convertView.findViewById(R.id.tv);
   holder.iv=(ImageView) convertView.findViewById(R.id.iv);

convertView.setTag(holder);
  }else{
   holder=(ViewHolder) convertView.getTag();
  }
  String string = list.get(position);
  holder.tv.setText(string);
  if(position%2==0){
   if (selectedPosition==position) {
    convertView.setSelected(true);
    convertView.setPressed(true);
//     convertView.setBackgroundColor(Color.parseColor("#0097e0"));
    holder.iv.setImageResource(R.drawable.sex_down);
   }else{
    convertView.setSelected(false);
    convertView.setPressed(false);
//     convertView.setBackgroundColor(Color.parseColor("#e4ebf1"));
    holder.iv.setImageResource(R.drawable.sex_nor);
   }
  }else{
   if (selectedPosition==position) {
    convertView.setSelected(true);
    convertView.setPressed(true);
    holder.iv.setImageResource(R.drawable.sex_down);
//     convertView.setBackgroundColor(Color.parseColor("#0097e0"));
   }else{
    convertView.setSelected(false);
    convertView.setPressed(false);
//     convertView.setBackgroundColor(Color.parseColor("#ced7de"));
    holder.iv.setImageResource(R.drawable.sex_nor);
   }
  }
  return convertView;
 }
 class ViewHolder{
  TextView tv;
  ImageView iv;
 }
}
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
 adapter.setSelectedPosition(position);
 adapter.notifyDataSetInvalidated();
}
}

Android中listview和imageview实现条目单选效果

标签:listview,imageview,单选
0
投稿

猜你喜欢

  • 关于C#泛型列表List<T>的基本用法总结

    2022-10-08 16:43:40
  • C#简单的加密类实例

    2022-12-15 11:31:18
  • 软件开发七大过程模型

    2023-12-22 17:06:14
  • Java实现五子棋的基础方法

    2021-07-11 12:32:08
  • Android使用AudioManager修改系统音量的方法

    2023-11-20 09:10:00
  • C# Math中常用数学运算的示例详解

    2023-10-06 23:06:28
  • 详谈OnTouchListener与OnGestureListener的区别

    2023-11-13 14:21:24
  • Springboot 通过FastJson实现bean对象和Json字符串互转问题

    2021-11-14 05:10:06
  • springMVC实现前台带进度条文件上传的示例代码

    2021-09-15 17:24:44
  • Android编程设计模式之备忘录模式详解

    2023-06-29 14:55:15
  • Java编程探索之泛型擦除实例解析

    2022-08-30 02:13:35
  • Java实现十进制与二进制互转的示例详解

    2022-04-02 07:40:56
  • java FastJson的简单用法

    2022-07-07 23:51:47
  • C#创建压缩文件的实现代码

    2022-07-28 23:55:04
  • springCloud config本地配置操作

    2023-01-13 11:07:56
  • Java守护线程实例详解_动力节点Java学院整理

    2023-03-29 08:14:30
  • 详解Java多线程编程中CountDownLatch阻塞线程的方法

    2021-11-25 20:04:54
  • Android开发中Bitmap高效加载使用详解

    2021-06-05 01:32:15
  • 如何使用Spring Boot ApplicationRunner解析命令行中的参数

    2022-12-11 02:45:32
  • Java JDK动态代理实现原理实例解析

    2022-04-23 05:19:10
  • asp之家 软件编程 m.aspxhome.com