Android中listview和imageview实现条目单选效果-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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

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

成都创新互联长期为上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为哈巴河企业提供专业的成都网站设计、网站建设,哈巴河网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

activity_main.xml文件:



 


listview_item.xml文件



 
  
  
 


MainActivity文件:

public class MainActivity extends ActionBarActivity implements OnItemClickListener {
 private ListAdapter adapter;
 private ListView listview;
 private List list=new ArrayList();
 @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实现条目单选效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


分享标题:Android中listview和imageview实现条目单选效果
本文URL:http://kswsj.cn/article/peehci.html

其他资讯