Geek asks and answers

Gridview with layout (imageview + imagebutton) for each value

Is it possible to create a grid that, instead of a grid of images, a grid of images with a small image button under each of them?

+5
source share
2 answers

Short answer: Yes. You can have ImageViewand ImageButtonin GridView.

Long answer:

For this purpose, you will naturally have to create a custom one GridView.

For instance:

Create an XML that will contain the container GridView, say grid.xml:

<GridView
    android:id="@+id/gridFriends"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:clipChildren="true"
    android:columnWidth="100dp"
    android:fastScrollEnabled="true"
    android:gravity="center"
    android:numColumns="auto_fit"
    android:stretchMode="columnWidth" >
</GridView>

And, to define the content GridView, create another XML layout that will contain ImageViewand ImageButton. Let's say grid_items.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mainContainer"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="5dp" >

    <FrameLayout
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:gravity="center" >

        <ImageView
            android:id="@+id/imgProfilePicture"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:adjustViewBounds="true"
            android:scaleType="centerCrop"
            android:src="@null" />

        <ImageButton
            android:id="@+id/imgbtnDemo"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|center"
            android:background="@null"
            android:gravity="center"
            android:src="@drawable/ic_contact_picture" >
        </ImageButton>
    </FrameLayout>

</RelativeLayout>

, ListViews, , GridView. ListViews GridViews, , , GridView: http://www.coderzheaven.com/2012/02/29/custom-gridview-in-android-a-simple-example/. Google .

, ImageButton's , onClickListener Adapter.

+7

GridView Views. , View. LinearLayout ImageView ImageButton .

+2

More articles:


All Articles