как поместить строку текста под конец сетки

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, но я могу 't получить представление, что мне нужно. Помогите мне получить его ...

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> 

В своем классе активность вы должны сделать следующее:

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, чтобы ваша идея хорошо работала.