2013-08-01 2 views
0

Я ищу, чтобы получить макет так:Android получения GridView похож на Google Play

enter image description here

Я пытаюсь создать GridView элемент, как тот, используемый здесь «альбомов», но я попробовав более простую версию с изображением сверху и текстом под ним. Вот мой XML-код:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 
<RelativeLayout 
    android:id="@+id/relativelayout" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@drawable/bg_card" 
    > 

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

    <TextView 
     android:id="@+id/txtTitle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignLeft="@+id/imgIcon" 
     android:layout_alignTop="@+id/imgIcon" 
     android:layout_alignRight="@+id/imgIcon" 
     android:layout_alignBottom="@+id/imgIcon" 
     android:layout_margin="1dp" 
     android:gravity="center" 
     android:textColor="#000000" /> 

</RelativeLayout></FrameLayout> 

Howver, когда я делаю это, я получить изображение в центре с пробелами все вокруг него и не отображаемого текста. Что такое правильное расположение, чтобы использовать для получения GridItem, как показано на рисунке Благодаря

ответ

0

Вы можете попробовать этот код

<?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"> 

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

<TextView 
    android:id="@+id/txtTitle" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/imgIcon" 
    android:layout_margin="1dp" 
    android:textColor="#000000" 
    android:text="testing" 
    android:layout_centerInParent="true"/> 

+0

ок. текст теперь виден, но я все еще получаю много свободного места вокруг изображения, которое увеличивается, поскольку размер изображений увеличивается в отличие от компактного макета на изображении выше. Как я могу это решить? –

+0

Вы пытались использовать разные изображения? –

+0

да я. В зависимости от того, какой образ я выбираю, я получаю разное количество пробелов. –

Смежные вопросы