To contact us Click HERE
In this blog we are selecting multiple images.Here I have created the custom view components and activity used to get the selected images.
1. Custom ViewComponet
< RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> < ImageView android:id="@+id/thumbImage" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" /> < CheckBox android:id="@+id/itemCheckBox" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" /> < /RelativeLayout>
2. SampleActivity
1. Create a ImageAdapter public class ImageAdapter extends BaseAdapter { }
2. Inflate the View mInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); convertView = mInflater.inflate(R.layout.mygallert, null); 3. find the required View imageview = (ImageView) convertView.findViewById(R.id.thumbImage); checkbox = (CheckBox) convertView.findViewById(R.id.itemCheckBox);
4. Control the image selection imageview.setBackgroundResource(R.drawable.icon); checkbox.setId(position); checkbox.setChecked(false); checkbox.setOnClickListener(new OnClickListener() { public void onClick(View v) { CheckBox cb = (CheckBox) v; if (cb.isChecked()) { cb.setChecked(true); selectedImage.add(v.getId()); } else { cb.setChecked(false); selectedImage.remove(v.getId()); } } });
4. Track the image selection selectedImage.add(v.getId()); selectedImage.remove(v.getId());
5. displays the selected Image Position Toast.makeText(SampleActivity.this,"" + SampleActivity.this.selectedImage, 10).show();
Sample
public class SampleActivity extends Activity { private ImageAdapter imageAdapter; private Set selectedImage = new HashSet();
/** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); GridView imagegrid = (GridView) findViewById(R.id.PhoneImageGrid); Button selectedImage = (Button) findViewById(R.id.selectBtn); imageAdapter = new ImageAdapter(); imagegrid.setAdapter(imageAdapter); selectedImage.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { Toast.makeText(SampleActivity.this, "" + SampleActivity.this.selectedImage, 10).show();
} });
}
public class ImageAdapter extends BaseAdapter { private LayoutInflater mInflater;
public ImageAdapter() { mInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); }
public Object getItem(int position) { return position; }
public long getItemId(int position) { return position; }
public View getView(int position, View convertView, ViewGroup parent) { ImageView imageview; CheckBox checkbox; convertView = mInflater.inflate(R.layout.mygallert, null); imageview = (ImageView) convertView.findViewById(R.id.thumbImage); checkbox = (CheckBox) convertView.findViewById(R.id.itemCheckBox); imageview.setBackgroundResource(R.drawable.icon); checkbox.setId(position); checkbox.setChecked(false); checkbox.setOnClickListener(new OnClickListener() { public void onClick(View v) { CheckBox cb = (CheckBox) v; if (cb.isChecked()) { cb.setChecked(true); selectedImage.add(v.getId()); } else { cb.setChecked(false); selectedImage.remove(v.getId()); } } }); return convertView; }
public int getCount() { return 5; } }
}
Required XMLmain.xml< ?xml version="1.0" encoding="utf-8"?>< RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> < Button android:id="@+id/selectBtn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Select" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:minWidth="200px" /> < GridView android:id="@+id/PhoneImageGrid" android:layout_width="fill_parent" android:layout_height="fill_parent" android:numColumns="auto_fit" android:verticalSpacing="10dp" android:horizontalSpacing="10dp" android:columnWidth="90dp" android:stretchMode="columnWidth" android:gravity="center" android:layout_above="@id/selectBtn" />< /RelativeLayout>
mygallery.xml< ?xml version="1.0" encoding="utf-8"?>< RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> < ImageView android:id="@+id/thumbImage" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" /> < CheckBox android:id="@+id/itemCheckBox" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" />< /RelativeLayout>