Создание галереи изображений

Question

Я хочу создать галерею изображений (с большим количеством фотографий). Мне нужен GridView для отображения различных категорий, и в каждой строке есть ImageView и TextView. Все изображения загружаются в папку с возможностью перемещения. В соответствии с категорией, которую пользователь выбирает, мне нужно показать все снимки папки в новом действии. Моя проблема связана с адаптером для gridview. Я пытаюсь создать пользовательский, но с небольшим успехом. Все примеры, которые я нашел, не полезны для моей задачи ...

Answer 1

Вот пример кода для создания галереи GridView с текстом.

Сначала добавьте GridView в ваш основной макет (например: activity_main.xml).

<LinearLayout 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=".MainActivity" > 

    <GridView 
    android:numColumns="auto_fit" 
    android:gravity="center" 
    android:columnWidth="100dp" 
    android:stretchMode="columnWidth" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:id="@+id/grid"/> 
</LinearLayout> 

Затем вам необходимо создать макет, чтобы раздуть вид пользовательского адаптера.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="5dp" > 

    <ImageView 
     android:id="@+id/grid_image" 
     android:layout_width="50dp" 
     android:layout_height="50dp"> 
    </ImageView> 

    <TextView 
     android:id="@+id/grid_text" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="15dp" 
     android:textSize="9sp" > 
    </TextView> 

</LinearLayout> 

Создать пользовательский адаптер, который получит массив ресурсов изображения и строку.

public class CustomGrid extends BaseAdapter{ 
     private Context mContext; 
     private final String[] names; 
     private final int[] Imageid; 

     public CustomGrid(Context c,String[] names,int[] Imageid) { 
      mContext = c; 
      this.Imageid = Imageid; 
      this.names = names; 
     } 

     @Override 
     public int getCount() { 
      // TODO Auto-generated method stub 
      return names.length; 
     } 

     @Override 
     public Object getItem(int position) { 
      // TODO Auto-generated method stub 
      return null; 
     } 

     @Override 
     public long getItemId(int position) { 
      // TODO Auto-generated method stub 
      return 0; 
     } 

     @Override 
     public View getView(int position, View convertView, ViewGroup parent) { 
      // TODO Auto-generated method stub 
      View grid; 
      LayoutInflater inflater = (LayoutInflater) mContext 
       .getSystemService(Context.LAYOUT_INFLATER_SERVICE); 

      if (convertView == null) { 

       grid = new View(mContext); 
       grid = inflater.inflate(R.layout.grid_single, null); 
       TextView textView = (TextView) grid.findViewById(R.id.grid_text); 
       ImageView imageView = (ImageView)grid.findViewById(R.id.grid_image); 
       textView.setText(names[position]); 
       imageView.setImageResource(Imageid[position]); 
      } else { 
       grid = (View) convertView; 
      } 

      return grid; 
     } 
} 

Наконец установить этот пользовательский адаптер для GridView адаптера в вашей деятельности:

public class MainActivity extends Activity 
    { 
     GridView grid; 
     String[] names = 
     { 
      "String1", 
      "String2", 
      "String3", 
      "String4", 
      "String5", 
      "String6", 
      "String8", 
      "String9", 
      "String10" 
     } ; 
     int[] imageId = 
     { 
      R.drawable.image1, 
      R.drawable.image2, 
      R.drawable.image3, 
      R.drawable.image4, 
      R.drawable.image5, 
      R.drawable.image6, 
      R.drawable.image7, 
      R.drawable.image8, 
      R.drawable.image9, 
      R.drawable.image10 
     }; 

     @Override 
     protected void onCreate(Bundle savedInstanceState) 
     { 
      super.onCreate(savedInstanceState); 
      setContentView(R.layout.activity_main); 

      CustomGrid adapter = new CustomGrid(MainActivity.this, names, imageId); 
      grid=(GridView)findViewById(R.id.grid); 
      grid.setAdapter(adapter); 
      grid.setOnItemClickListener(new AdapterView.OnItemClickListener() 
      { 
       @Override 
       public void onItemClick(AdapterView<?> parent, View view, 
             int position, long id) 
       { 
        Toast.makeText(MainActivity.this, "You Clicked at " +names[+ position], Toast.LENGTH_SHORT).show(); 

       } 
      });  
     } 
    } 

Надеется, что это помогает. :)