Android中listview和imageview实现条目单选效果
程序员文章站
2023-12-19 13:49:16
前段时间在项目开发中,有listview实现单选和多选的效果,特别是listview的单选效果,一开始项目比较紧,自己考虑的是用listview和radionbutton实...
前段时间在项目开发中,有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 + CheckBox实现单选、多选效果
-
Android中TextView和ImageView实现倾斜效果
-
Android ListView中headerview的动态显示和隐藏的实现方法
-
Android中TabLayout+ViewPager实现tab和页面联动效果
-
Android中TextView和ImageView实现倾斜效果
-
Android 中通过ViewDragHelper实现ListView的Item的侧拉划出效果
-
Android ListView中headerview的动态显示和隐藏的实现方法
-
在android中实现类似uc和墨迹天气的左右拖动效果
-
Android中TabLayout+ViewPager实现tab和页面联动效果
-
Android中判断listview是否滑动到顶部和底部的实现方法