Question

My activity contains a textview and under that it has gridview elements. Stage 1: When the activity starts, it adjusts the elements in the order that I have set(like item1, item2,..) stage1 picture. Stage 2: But when I click on edittext, the gridview elements get adjusted to allocate space for the softkeypad stage2 picture. Stage 3: So when I press back button, the soft keypad disappears(as usual), but the order of gridview elements are getting changed stage3 picture. The order of child items of gridview changes. Can anyone please suggest me how to avoid this uncertainty in the order? Below is my entire code and xml file, though I think these are not that much necessary to solve this issue.

public class PresentActivity extends Activity {

GridView gridView;

    static final String[] TEXT = new String[] { 
        "item1", "item2","item3", "item4", "item5","item6","item7","item8" };


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        setGridView();        
    }


    public void setGridView()
    {
        gridView = (GridView)findViewById(R.id.gridView1);

        gridView.setAdapter(new ImageAdapter(this, TEXT));

        gridView.setNumColumns(3);

        gridView.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView<?> parent, View v,
                    int position, long id) {

                String currentText=(String) ((TextView)v.findViewById(R.id.grid_item_label)).getText();

    Toast.makeText(getApplicationContext(), currentText, Toast.LENGTH_SHORT).show();


            }
        });  

    }


}

Here is my custom adapter class.

public class ImageAdapter extends BaseAdapter{

    private Context context;
    private final String[] textValues;

    public ImageAdapter(Context context, String[] textValues) {
        this.context = context;
        this.textValues = textValues;
    }

    @Override
    public int getCount() {

        return textValues.length;
    }

    @Override
    public Object getItem(int arg0) {

        return null;
    }

    @Override
    public long getItemId(int position) {

        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {


        LayoutInflater inflater = (LayoutInflater) context
        .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View gridView;


        if (convertView == null) {

            gridView = new View(context);

            // get layout from imagewithtext.xml
            gridView = inflater.inflate(R.layout.imagewithtext, null);

            // set value into textview
            TextView textView = (TextView) gridView
                    .findViewById(R.id.grid_item_label);
            textView.setText(textValues[position]);

            // set image based on selected text
            ImageView imageView = (ImageView) gridView
                    .findViewById(R.id.grid_item_image);

            String extractedText = textValues[position];

            System.out.println("the position value is>>>>>>"+position);

            if (extractedText.equals("item1")) {
                imageView.setImageResource(R.drawable.icon);
            }
            else if (extractedText.equals("item2")) {
                imageView.setImageResource(R.drawable.icon);
            } else if (extractedText.equals("item3")) {
                imageView.setImageResource(R.drawable.icon);
            }else if(extractedText.equals("item4")){
                imageView.setImageResource(R.drawable.icon);
            } else if (extractedText.equals("item5")) {
                imageView.setImageResource(R.drawable.icon);
            } else if (extractedText.equals("item6")) {
                imageView.setImageResource(R.drawable.pic1);
            }
            else if(extractedText.equals("item7")){
                imageView.setImageResource(R.drawable.pic1);
            }
            else{
                imageView.setImageResource(R.drawable.pic1);
            }

        } else {
            gridView = (View) convertView;
        }

        return gridView;    


    }

}

xml file which contains gridview:

<LinearLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical">

<RelativeLayout
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >


     <Button 
        android:id="@+id/button1"
        android:layout_width="200px"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:text="@string/button"
        android:onClick="button1"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:text="@string/present_location"
      />



</RelativeLayout>

<EditText 
    android:id="@+id/editText1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="@string/editText1_hint"
    />

<GridView
    android:id="@+id/gridView1"
    android:numColumns="auto_fit"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:gravity="center"
    android:columnWidth="100dp"
    android:stretchMode="columnWidth"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

</GridView>


</LinearLayout>

Answer 1

Let’s assume your items contain just 1 ImageView and 1 TextView (for the sake of simplicity).

Your getView method in the Adapter should do this:

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder vh;
    if (convertView == null) {
        final LayoutInflater inflater = LayoutInflater.from(getContext());
        convertView = inflater.inflate(R.layout.imagewithtext,null);
        //Custom ViewHolder, you have to create it in the same class.
        vh = new ViewHolder();
        vh.imageView = convertView.findViewById(R.id.imageView1);
        vh.textView = convertView.findViewById(R.id.textView1);
        convertView.setTag(vh);
    } else {
        vh = (ViewHolder) convertView.getTag();
    }
    vh.imageView.setImageResource(R.drawable.whatever);
    vh.textView.setText("Whatever text you want to set here");
    return gridView;    
}

And in your adapter, just add this:

private class ViewHolder{

    public ViewHolder(){}

    public ImageView imageView;
    public TextView textView;
    //Add any views you want to use in getView here
}