Android 에서 listview 와 imageview 는 항목 선택 효 과 를 실현 합 니 다.

얼마 전에 프로젝트 개발 에서 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();
 }
}

이상 이 모든 코드 입 니 다.효 과 는 다음 과 같다.

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기