Question

我在android中非常新，需要一点帮助来完成这项任务。

我有gridview女巫从数据库中提取图像并显示它们。目前显示为图像，图像右侧是文本。我想在图像下面制作文字。你能帮我完成这项任务吗？这是gridview.xml

  <LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0.1" >   

    <GridView
        android:id="@+id/gridView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:horizontalSpacing="5dp"
        android:verticalSpacing="5dp"
        android:numColumns="2" >

    </GridView>             
</LinearLayout>

这就是我在table_column.xml中显示图像和文本的方式

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/bckimageviw"
>
<ImageView
    android:id="@+id/ColPhoto"
    android:layout_width="0dp"
    android:layout_height="0dp"

/>
<LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

        <TextView android:id="@+id/ColName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="25dp"
            android:text="Name"
        />
</LinearLayout>
</LinearLayout>

如果需要getView（）

        public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub

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


        if (convertView == null) {
            convertView = inflater.inflate(R.layout.table_column, null); 
        }

        // ColPhoto
        ImageView imageView = (ImageView) convertView.findViewById(R.id.ColPhoto);
        imageView.getLayoutParams().height = 80;
        imageView.getLayoutParams().width = 80;
        imageView.setPadding(10, 10, 10, 10);
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
         try
         {
             imageView.setImageBitmap((Bitmap)MyArr.get(position).get("ImageThumBitmap"));
         } catch (Exception e) {
             // When Error
             imageView.setImageResource(android.R.drawable.ic_menu_report_image);
         }
        // ColName
        TextView txtName = (TextView) convertView.findViewById(R.id.ColName);
        txtName.setPadding(5, 0, 0, 0);
        txtName.setText("" + MyArr.get(position).get("name").toString());       

        return convertView;
    }

Answer 1

我不知道为什么在另一个LinearLayout中添加单个元素LinearLayout。如果网格项需要放在正确的位置，我想改用RelativeLayout。 `

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <ImageView
        android:id="@+id/ColPhoto"
        android:layout_width="0dp"
        android:layout_height="0dp"
        />
    <TextView android:id="@+id/ColName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/ColPhoto"
        android:text="Name"
        />
</RelativeLayout>

`

Answer 2

你可以使用相对布局并将textview对齐imageview。

enter image description here

试试这个。

<?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="wrap_content"
    android:background="#ff0000"
    android:gravity="center" >

    <ImageView
        android:id="@+id/ColPhoto"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/ColName"
        android:layout_alignRight="@+id/ColName"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/ColName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/ColPhoto"
        android:gravity="center"
        android:text="Name name" />

</RelativeLayout>

Answer 3

尝试将您的方向更改为＆＃34; vertical＆＃34;。

编辑：

喜欢， Tr4X 表示您不需要第二个LinearLayout。你可以将两者合二为一。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/bckimageviw" >
<ImageView
    android:id="@+id/ColPhoto"
    android:layout_width="0dp"
    android:layout_height="0dp"/>

<TextView 
    android:id="@+id/ColName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Name" />
</LinearLayout>

GridView与图像和文本

3 个答案: