Question

我有一个在网格中显示图像的任务，我得到了我需要的视图但我必须在点击此处查看更多... 在底部。

这里我面临的问题是将图片放在图片下面有一个共同点，例如，每行在网格中有三个图像，它看起来是：

    ----------------------
   | img1   img2   img3
   | img4    ...   ...
   | 
   | click here to view more..

在img3之后，img4在网格的下一行

如何在视图中放置文字如上所述？

这里是imageview.xml的代码：

<RelativeLayout android:id="@+id/RelativeLayout01" android:layout_width="100dip" android:background="@color/white"
    android:layout_height="80dip" xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_gravity="center_horizontal">
    <ImageView android:id="@+id/jr_lb_list_icon" android:layout_width="60dip" android:layout_height="65dip"
               android:scaleType="fitCenter" android:background="@drawable/border"
              android:layout_centerInParent="true" />

</RelativeLayout>

这里是imageview.xml的代码：

<merge android:layout_width="wrap_content" android:layout_height="340dip" xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
  <GridView 
                    android:id="@+id/jr_lookbook_grid" android:layout_width="fill_parent"
                    android:layout_height="320dip" android:numColumns="4"
                    android:verticalSpacing="10dp" android:horizontalSpacing="10dp"
                    android:columnWidth="90dp" android:stretchMode="columnWidth"
                    android:adjustViewBounds="true"
                    android:background="@drawable/shape"            
                    android:gravity="center"  android:layout_weight="1"
                    />                      
</LinearLayout>
<TextView android:text="Next" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@color/gold"/>
</merge>

请帮助我获取下面的文字，我试图为textview设置布局，但我无法查看我需要的内容。有人帮我搞定...

Answer 1

您将不得不使用Android Dev指南中提出的合并布局。

我已经使用GridView和TextView进行了简单的尝试，并且运行得非常好。

这是我的merge.xml代码：

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android = "http://schemas.android.com/apk/res/android" >

<GridView 
       android:id = "@+id/gridview"
       android:layout_height = "fill_parent"
       android:layout_width = "fill_parent"
       android:columnWidth = "90dp"
       android:numColumns = "auto_fit"
       android:verticalSpacing = "10dp"
       android:horizontalSpacing = "10dp"
       android:stretchMode = "columnWidth"
       android:gravity = "center"
       android:background="#FFFFFF"
/>

<TextView
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_marginBottom="20dip"
        android:layout_gravity="center_horizontal|bottom"

        android:padding="12dip"

        android:background="#AA000000"
        android:textColor="#ffffffff"

        android:text="Want to see more?" />
</merge>

在您的Activity类中，您应该执行以下操作：

 public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.merge);

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

注意：ImageAdapter是用于显示图像的自定义适配器。现在使用一些随机图片，您可以生成以下view。

显然，您需要将TextView更改为某种按钮，并且可能禁用GridView中的任何滚动以使您的想法正常工作。

如何在网格末尾下方放置一行文本

1 个答案: