如何在Android中将文本和图像（图像URL）设置为Gridview_Android

如何在Android中将文本和图像（图像URL）设置为Gridview

android

如何在Android中将文本和图像（图像URL）设置为Gridview,android,Android,如何在Android中将文本和图像（图像URL）设置为Gridview，并且图像大小应固定为所有图像注意：我正在从webservice收集这些数据（图像URL和文本）例如，您必须创建自己的布局 <RelativeLayout android:id="@+id/relGrid" android:layout_width="fill_parent" android:layout_height="wrap_content" a

如何在Android中将文本和图像（图像URL）设置为Gridview，并且图像大小应固定为所有图像

注意：我正在从webservice收集这些数据（图像URL和文本）

例如，您必须创建自己的布局

 <RelativeLayout 
        android:id="@+id/relGrid"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"  >

            <GridView  
                android:id="@+id/gridview"
                android:layout_width="fill_parent" 
                android:layout_height="wrap_content"
                android:columnWidth="90dp"
                android:numColumns="3"
                android:verticalSpacing="10dp"
                android:horizontalSpacing="10dp"
                android:stretchMode="columnWidth"
                android:listSelector="@null" />

    </RelativeLayout>

为网格中的每个项目多做一个布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:layout_width="wrap_content"
  android:layout_height="120dp"
  android:background="@drawable/background">

    <ImageView 
        android:layout_width="wrap_content"
        android:id="@+id/imgGrid"    
        android:layout_centerHorizontal="true"

        android:layout_height="wrap_content"/>

    <TextView
        android:layout_below="@+id/imgGrid" 
        android:layout_centerInParent="true"
        android:id="@+id/txtTitle"
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content" 
        android:gravity="center"
        android:text=""
        android:textStyle="bold"
        android:textSize="15dp"     
        android:textColor="@color/blue"/>


</RelativeLayout>

然后像这样使用gridView

setContentView(R.layout.main);

    GridView gridview = (GridView) findViewById(R.id.gridview);
            gridview.setAdapter(new ImageAdapter(MainActivity.this,R.layout.grid_layout , imgArray, titleArray));

            gridview.setOnItemClickListener(new OnItemClickListener() {
                public void onItemClick(AdapterView<?> parent, View v, int position, long id) 
                {
                    if(position == 0)
                    {
                       //your code
                    }
                }
            });

setContentView（R.layout.main）；
GridView GridView=（GridView）findViewById（R.id.GridView）；
setAdapter（新的ImageAdapter（MainActivity.this，R.layout.grid_layout，imgArray，titleArray））；
setOnItemClickListener（新的OnItemClickListener（）{
public void onItemClick（AdapterView父视图、视图v、整型位置、长id）
{
如果（位置==0）
{
//你的代码
}
}
});

ImageAdapter.java

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;


public class ImageAdapter extends ArrayAdapter<Object>
{
    String TAG = "ImageAdapter";

    private int resource;
    private Integer[] mImgGrid;
    private String[] mTitleText;

    public ImageAdapter(Context context, int resorce, Integer[] imgGrid,String[] titleText) 
    {
        super(context, resorce, imgGrid);
        Log.i(TAG," in set adapter lstRecipes "+ imgGrid.length );
        this.resource = resorce;
        this.mImgGrid = imgGrid;
        this.mTitleText = titleText;
    }

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

        if (convertView == null)
        {
            LayoutInflater layoutInflater = LayoutInflater.from(getContext());
            convertView  = layoutInflater.inflate(resource, parent, false);
            holder = new ViewHolder();
            holder.txtTitle = (TextView)convertView.findViewById(R.id.txtTitle);
            holder.imgGrid = (ImageView)convertView.findViewById(R.id.imgGrid);

            convertView.setTag(holder);
        }
        else 
        {
             holder=(ViewHolder)convertView.getTag();
        }

        try
        {
            holder.txtTitle.setText(mTitleText[position]);
            holder.imgGrid.setImageResource(mImgGrid[position]);
        }
        catch (Exception e) 
        {
            e.printStackTrace();
        }

        return convertView;
    }

    public static class ViewHolder
    {
        private TextView txtTitle;
        private ImageView imgGrid;
    }
}

导入android.content.Context；
导入android.util.Log；
导入android.view.LayoutInflater；
导入android.view.view；
导入android.view.ViewGroup；
导入android.widget.ArrayAdapter；
导入android.widget.ImageView；
导入android.widget.TextView；
公共类ImageAdapter扩展了ArrayAdapter
{
String TAG=“ImageAdapter”；
私有int资源；
私有整数[]mImgGrid；
私有字符串[]mTitleText；
公共ImageAdapter（上下文上下文，int-resorce，整数[]imgGrid，字符串[]titleText）
{
super（上下文、资源、imgGrid）；
Log.i（标记“内置适配器lstcipes”+imgGrid.length）；
这个资源=资源；
this.mImgGrid=imgGrid；
this.mTitleText=titleText；
}
@凌驾
公共视图getView（int位置、视图转换视图、视图组父视图）
{
视窗座；
if（convertView==null）
{
LayoutInflater LayoutInflater=LayoutInflater.from（getContext（））；
convertView=LayoutFlater.inflate（资源、父项、false）；
holder=新的ViewHolder（）；
holder.txtTitle=（TextView）convertView.findViewById（R.id.txtTitle）；
holder.imgGrid=（ImageView）convertView.findViewById（R.id.imgGrid）；
convertView.setTag（支架）；
}
其他的
{
holder=（ViewHolder）convertView.getTag（）；
}
尝试
{
holder.txtitle.setText（mTitleText[位置]）；
holder.imgGrid.setImageResource（mImgGrid[position]）；
}
捕获（例外e）
{
e、 printStackTrace（）；
}
返回视图；
}
公共静态类视图持有者
{
私有文本视图txtTitle；
私有图像视图imgGrid；
}
}

如果您直接使用来自webservice的图像和文本，那么这没什么大不了的。您可以从webservice解析数据，并在ImageView和TextView中进行设置。

例如，您必须创建自己的布局

 <RelativeLayout 
        android:id="@+id/relGrid"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"  >

            <GridView  
                android:id="@+id/gridview"
                android:layout_width="fill_parent" 
                android:layout_height="wrap_content"
                android:columnWidth="90dp"
                android:numColumns="3"
                android:verticalSpacing="10dp"
                android:horizontalSpacing="10dp"
                android:stretchMode="columnWidth"
                android:listSelector="@null" />

    </RelativeLayout>

为网格中的每个项目多做一个布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:layout_width="wrap_content"
  android:layout_height="120dp"
  android:background="@drawable/background">

    <ImageView 
        android:layout_width="wrap_content"
        android:id="@+id/imgGrid"    
        android:layout_centerHorizontal="true"

        android:layout_height="wrap_content"/>

    <TextView
        android:layout_below="@+id/imgGrid" 
        android:layout_centerInParent="true"
        android:id="@+id/txtTitle"
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content" 
        android:gravity="center"
        android:text=""
        android:textStyle="bold"
        android:textSize="15dp"     
        android:textColor="@color/blue"/>


</RelativeLayout>

然后像这样使用gridView

setContentView(R.layout.main);

    GridView gridview = (GridView) findViewById(R.id.gridview);
            gridview.setAdapter(new ImageAdapter(MainActivity.this,R.layout.grid_layout , imgArray, titleArray));

            gridview.setOnItemClickListener(new OnItemClickListener() {
                public void onItemClick(AdapterView<?> parent, View v, int position, long id) 
                {
                    if(position == 0)
                    {
                       //your code
                    }
                }
            });

setContentView（R.layout.main）；
GridView GridView=（GridView）findViewById（R.id.GridView）；
setAdapter（新的ImageAdapter（MainActivity.this，R.layout.grid_layout，imgArray，titleArray））；
setOnItemClickListener（新的OnItemClickListener（）{
public void onItemClick（AdapterView父视图、视图v、整型位置、长id）
{
如果（位置==0）
{
//你的代码
}
}
});

ImageAdapter.java

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;


public class ImageAdapter extends ArrayAdapter<Object>
{
    String TAG = "ImageAdapter";

    private int resource;
    private Integer[] mImgGrid;
    private String[] mTitleText;

    public ImageAdapter(Context context, int resorce, Integer[] imgGrid,String[] titleText) 
    {
        super(context, resorce, imgGrid);
        Log.i(TAG," in set adapter lstRecipes "+ imgGrid.length );
        this.resource = resorce;
        this.mImgGrid = imgGrid;
        this.mTitleText = titleText;
    }

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

        if (convertView == null)
        {
            LayoutInflater layoutInflater = LayoutInflater.from(getContext());
            convertView  = layoutInflater.inflate(resource, parent, false);
            holder = new ViewHolder();
            holder.txtTitle = (TextView)convertView.findViewById(R.id.txtTitle);
            holder.imgGrid = (ImageView)convertView.findViewById(R.id.imgGrid);

            convertView.setTag(holder);
        }
        else 
        {
             holder=(ViewHolder)convertView.getTag();
        }

        try
        {
            holder.txtTitle.setText(mTitleText[position]);
            holder.imgGrid.setImageResource(mImgGrid[position]);
        }
        catch (Exception e) 
        {
            e.printStackTrace();
        }

        return convertView;
    }

    public static class ViewHolder
    {
        private TextView txtTitle;
        private ImageView imgGrid;
    }
}

导入android.content.Context；
导入android.util.Log；
导入android.view.LayoutInflater；
导入android.view.view；
导入android.view.ViewGroup；
导入android.widget.ArrayAdapter；
导入android.widget.ImageView；
导入android.widget.TextView；
公共类ImageAdapter扩展了ArrayAdapter
{
String TAG=“ImageAdapter”；
私有int资源；
私有整数[]mImgGrid；
私有字符串[]mTitleText；
公共ImageAdapter（上下文上下文，int-resorce，整数[]imgGrid，字符串[]titleText）
{
super（上下文、资源、imgGrid）；
Log.i（标记“内置适配器lstcipes”+imgGrid.length）；
这个资源=资源；
this.mImgGrid=imgGrid；
this.mTitleText=titleText；
}
@凌驾
公共视图getView（int位置、视图转换视图、视图组父视图）
{
视窗座；
if（convertView==null）
{
LayoutInflater LayoutInflater=LayoutInflater.from（getContext（））；
convertView=LayoutFlater.inflate（资源、父项、false）；
holder=新的ViewHolder（）；
holder.txtTitle=（TextView）convertView.findViewById（R.id.txtTitle）；
holder.imgGrid=（ImageView）convertView.findViewById（R.id.imgGrid）；
convertView.setTag（支架）；
}
其他的
{
holder=（ViewHolder）convertView.getTag（）；
}
尝试
{
holder.txtitle.setText（mTitleText[位置]）；
holder.imgGrid.setImageResource（mImgGrid[position]）；
}
捕获（例外e）
{
e、 printStackTrace（）；
}
返回视图；
}
公共静态类视图持有者
{
私有文本视图txtTitle；
私有图像视图imgGrid；
}
}

如果您直接使用来自webservice的图像和文本，那么您可以从webservice解析数据，并在ImageView和TextView中进行设置。1）为gridview创建xml布局

<?xml version="1.0" encoding="utf-8"?>
<GridView
 xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/GridView01"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
    android:padding="10dp"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:numColumns="auto_fit"
    android:columnWidth="80dp"
    android:stretchMode="columnWidth"
    android:gravity="center"
    android:background="@color/white"
    >
</GridView>

返回drawable的方法。 Drawable Drawable_from_url（字符串url，字符串src_名称）引发java.net.MalformedURLException，java.io.IOException { 返回Drawable.cr