Comment appliquer différentes icônes et différents textes dans le tutoriel Android grid view ?

Question

Veuillez m'expliquer comment changer ou appliquer différentes icônes avec différents textes dans le tutoriel sur la vue en grille d'Android. Mon code est

public class Home extends Activity
{    
    //---the images to display---
    Integer[] imageIDs = {

    };

    GridView grid_main;

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

        grid_main = (GridView) findViewById(R.id.gridview);
        grid_main.setAdapter(new ImageAdapter(this));

        grid_main.setOnItemClickListener(new OnItemClickListener() 
        {
            public void onItemClick(AdapterView<?> parent, 
            View v, int position, long id) 
            {                
                Toast.makeText(getBaseContext(), 
                        "pic" + (position + 1) + " selected", 
                        Toast.LENGTH_SHORT).show();
            }
        });

    }

    public class ImageAdapter extends BaseAdapter 
    {
        Context mContext;
        public static final int ACTIVITY_CREATE = 10;
        public ImageAdapter(Context c) 
        {
            mContext = c;
        }

        //---returns the number of images---
        public int getCount() {
            return 12;
        }

        //---returns the ID of an item--- 
        public Object getItem(int position) {
            return position;
        }

        public long getItemId(int position) {
            return position;
        }

        //---returns an ImageView view---
        public View getView(int position, View convertView, ViewGroup parent) 
        {

            View v;
            if(convertView==null){
                LayoutInflater li = getLayoutInflater();
                v = li.inflate(R.layout.grid_item, null);
                TextView tv = (TextView)v.findViewById(R.id.icon_text1);
                tv.setText("Profile "+position);
                ImageView iv = (ImageView)v.findViewById(R.id.icon_image1);
                iv.setImageResource(R.drawable.bo_1);

            }
            else
            {
                v = convertView;
            }
            return v;
        }
    }    
}

Ce code fonctionne parfaitement mais toutes les images et le texte sont les mêmes, je dois donc les modifier. Toute aide serait appréciée !

Answer 1

Beaucoup, beaucoup, beaucoup mieux pour ImageAdapter est :

public class ImageAdapter extends BaseAdapter {
        private Context mContext;

        public ImageAdapter(Context c) {
            mContext = c;
        }

        public int getCount() {
            return mThumbIds.length;
        }

        public Object getItem(int position) {
            return null;
        }

        public long getItemId(int position) {
            return 0;
        }

        // create a new ImageView for each item referenced by the Adapter
        public View getView(int position, View convertView, ViewGroup parent) {
            View v;
            if (convertView == null) {  // if it's not recycled, initialize some attributes
                LayoutInflater li = getLayoutInflater();
                v = li.inflate(R.layout.grid_item, null);
                TextView tv = (TextView)v.findViewById(R.id.icon_text);
                tv.setText(mTextsIds[position]);
                ImageView iv = (ImageView)v.findViewById(R.id.icon_image);
                iv.setImageResource(mThumbIds[position]);
            } else {
                v = (View) convertView;
            }
            return v;
        }

        // references to our images
        private Integer[] mThumbIds = {
                R.drawable.image1, R.drawable.image2,
                R.drawable.image3, R.drawable.image4
        };

        // references to our texts
        private String[] mTextsIds = {
                "Text 1", "Text 2", "Text 3", "Text 4"
        };
    }

Veuillez noter que les images et les textes sont en variables. mThumbIds y mTextsIds

Le fichier grid_item.xml est :

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/widget44"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_x="201px"
    android:layout_y="165px"
    android:gravity="center_horizontal"
    >

        <ImageView
            android:id="@+id/icon_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
        />
        <TextView  
            android:id="@+id/icon_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            android:gravity="center_horizontal"
            android:textColorHighlight="#656565"
        />
</LinearLayout>

Answer 2

Les deux lignes les plus importantes sont les quatre suivantes :

TextView tv = (TextView)v.findViewById(R.id.icon_text1);
tv.setText("Profile "+position);
ImageView iv = (ImageView)v.findViewById(R.id.icon_image1);

if (position == 0) {
    iv.setImageResource(R.drawable.bo_1);
} else if (position == 1) {
    iv.setImageResource(R.drawable.bo_2);
}

Dans la première ligne, vous récupérez le TextView du fichier XMLlayout. Ensuite, vous définissez le texte de ce TextView à "Profil" et à un nombre. À la troisième ligne, vous initialisez l'ImageView. Ensuite, vous utilisez l'image appelée bo1 dans cette ImageView. Tout ce que vous avez à faire est donc d'ajouter un autre texte dans la deuxième ligne et de changer l'image à laquelle vous faites référence dans la quatrième ligne.

Answer 3

Essayez d'utiliser le code suivant

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

            View v;
            ImageView iv = null;
            TextView tv = null;
            if(convertView==null){
                LayoutInflater li = getLayoutInflater();
                v = li.inflate(R.layout.grid_item, null);
                tv = (TextView)v.findViewById(R.id.icon_text1);
                tv.setText("Profile "+position);
                iv = (ImageView)v.findViewById(R.id.icon_image1);

            }
            else
            {
                v = convertView;
            }
            iv.setImageResource(imageIDs[position]);
            return v;
        }

Remerciements Deepak