android - 在 Gridview 中的 ImageView 下方显示 textview

Question

我试试这个：

主要的.xml

  <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:id="@+id/mainLayout">
<GridView
android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:numColumns="2"
android:id="@+id/gridView1_bir">
</GridView>
</LinearLayout>

grid_prueba1.xml

  <?xml version="1.0" encoding="utf-8"?>

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_height="wrap_content"
android:background="#DC0000"
android:orientation="vertical"
android:layout_width="fill_parent"    
android:id="@+id/relaGrid"
 >


<ImageView
    android:id="@+id/img2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

     />

<TextView
    android:id="@+id/txt2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/img2"     

    android:text="TextView"
    android:textColor="#FFFFFF" />

 </RelativeLayout>

ImageAdapter.java

   package es.ejemplo.gridviewprueba;

 import java.io.FileInputStream;
 import java.io.InputStream;
 import java.net.URI;
 import java.net.URL;

 import android.R.integer;
 import android.app.Activity;
 import android.content.Context;
 import android.graphics.BitmapFactory;
 import android.graphics.drawable.Drawable;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.BaseAdapter;
 import android.widget.GridView;
 import android.widget.ImageView;
 import android.widget.ListAdapter;
 import android.widget.RelativeLayout;
 import android.widget.TextView;

    public class ImageAdapter extends BaseAdapter implements ListAdapter {

private Context context;
public ImageAdapter(Context context) {
    super();
    this.context = context;
    GridViewConfig.addImageUrls();
}

@Override
public int getCount() {
    return GridViewConfig.getResim_list().size();
}

@Override
public Object getItem(int position) {

    return GridViewConfig.getResim_list().get(position);
}

@Override
public long getItemId(int position) {

    return position;
}

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

    View myView;

    if(convertView==null)
    {

        LayoutInflater li = ((Activity)context).getLayoutInflater();
        myView = li.inflate(R.layout.grid_prueba1, null);
        myView.setLayoutParams(new GridView.LayoutParams(100,100));
        myView.setPadding(5,5,5,5);


    }else{

        myView = (View)convertView;

    }

    ImageView img = (ImageView)myView.findViewById(R.id.img2);
        img.setImageDrawable(LoadImageFromURL(GridViewConfig.getResim_list().get(position)));
    TextView txt = (TextView)myView.findViewById(R.id.txt2);
    txt.setText("Adept0000"+position);

    return myView;
}


private Drawable LoadImageFromURL(String url)
{
try
{
InputStream is = (InputStream) new URL(url).getContent();

Drawable d = Drawable.createFromStream(is, "src");
return d;
}catch (Exception e) {
System.out.println(e);
return null;
}
}

   }

GridviewConfig 是一个加载图像 url 的类。

MyGridView.java

   package es.ejemplo.gridviewprueba;

 import android.app.Activity;
 import android.os.Bundle;
 import android.view.View;

 import android.widget.AdapterView;
 import android.widget.GridView;
 import android.widget.Toast;

public class MyGridView extends Activity {
private GridView girGridView;
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    girGridView=(GridView) findViewById(R.id.gridView1_bir);

    girGridView.setAdapter(new ImageAdapter(this));

    girGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {

        @Override
        public void onItemClick(AdapterView<?> arg0, View view, int position,long arg3) {
            Toast.makeText(getApplicationContext(), GridViewConfig.getResim_list().get(position), Toast.LENGTH_SHORT).show();
        }
    });
}

}

使用此代码，我在 gridview 中加载带有上面文本的图像。我假装文本在图片的描述或标题下方。

我用 texview 查看了几个 imageview 和 gridview 的例子，但我无法解决我的问题。你能帮我吗？

score 2 · Accepted Answer

可能是您的问题是“运行后 TextView 不可见（画廊风格显示 TextView）”

然后

在画廊中显示总屏幕的图像剩余视图不可见。

所以转向画廊定制是正确的选择。

将图像缩放 250*200（根据您的要求）并将图像设置为 imageview。

然后剩余的视图是可见的。

我改变你的代码

你的画廊风格：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/relaGrid"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#DC0000"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/img2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/txt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/img2"
        android:text="TextView"
        android:textColor="#FFFFFF" />

</RelativeLayout>

您的画廊适配器 getView();

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

        View myView;

        LayoutInflater li = ((Activity) context).getLayoutInflater();
        myView = li.inflate(R.layout.grid_prueba1, null);
        ImageView img = (ImageView) myView.findViewById(R.id.img2);
        TextView txt = (TextView) myView.findViewById(R.id.txt2);

        Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),
                R.drawable.ic_launcher);
        Bitmap bitmap2 = Bitmap.createScaledBitmap(bitmap, 250, 200, true);

        img.setImageBitmap(bitmap2);

        txt.setText("Some text");

        return myView;
    }

在此处输入图像描述

score 0 · Accepted Answer

请解释你的问题

我想可能是你想要这个

TextView 是 ImageView 的底层。

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/relaGrid"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#DC0000"
        android:orientation="vertical" >

        <ImageView
            android:id="@+id/img2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/txt2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            android:textColor="#FFFFFF" />

    </LinearLayout>

如果你想使用 RelativeLayout 使用这个

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/relaGrid"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#DC0000"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/img2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/txt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/img2"
        android:text="TextView"
        android:textColor="#FFFFFF" />

</RelativeLayout>

score 0 · Accepted Answer

好的，谢谢文奇。有了这个，我解决了我的问题。

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

    View myView;

    if(convertView==null)
    {

        LayoutInflater li = ((Activity)context).getLayoutInflater();
        myView = li.inflate(R.layout.grid_prueba, null);
        //myView.setLayoutParams(new GridView.LayoutParams(100,100));
        myView.setPadding(5,5,5,5);


    }else{

        myView = (View)convertView;

    }


    ImageView img = (ImageView)myView.findViewById(R.id.img1);
    //img.setImageDrawable(LoadImageFromURL(GridViewConfig.getResim_list().get(position)));
    img.setImageBitmap(getBitmapFromURL(GridViewConfig.getResim_list().get(position)));
    TextView txt = (TextView)myView.findViewById(R.id.txt1);
    txt.setText("Adept0000"+position);

    return myView;
}


public static Bitmap getBitmapFromURL(String src) {
    try {
        URL url = new URL(src);
        HttpURLConnection connection = (HttpURLConnection) url.openConnection();
        connection.setDoInput(true);
        connection.connect();
        InputStream input = connection.getInputStream();
        Bitmap myBitmap = BitmapFactory.decodeStream(input);
        Bitmap myBitmap1 = myBitmap.createScaledBitmap(myBitmap, 250, 200, true);
        return myBitmap1;
    } catch (IOException e) {
        e.printStackTrace();
        return null;
    }
}

我必须调整图像和文本，但它可以工作。谢谢你们。

score 0 · Accepted Answer

我编辑了你的grid_prueba1.xml文件

所以请将此代码粘贴到您的 grid_prueba1.xml

看看你的图形布局可能是它的工作正常你

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/relaGrid"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#DC0000"
        android:orientation="vertical" >

        <ImageView
            android:id="@+id/img2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/txt2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/img2"
            android:text="TextView"
            android:textColor="#FFFFFF" />

    </RelativeLayout>

android - 在 Gridview 中的 ImageView 下方显示 textview

4 回答 4

Related

Reference