5

写真のグリッドの代わりに、それぞれの下に小さなイメージボタンがある写真のグリッドを持つグリッドビューを作成することは可能ですか?

4

2 に答える 2

7

簡単な答え：はい。ImageViewにとを含めることができImageButtonますGridView。

長い答え：

当然GridView、その目的のためにカスタムを作成する必要があります。

例えば：

コンテナを保持するXMLを作成しますGridView。たとえば、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>

また、の内容を定義するには、とGridViewを保持する別のXMLレイアウトを作成します。言う、：ImageViewImageButtongrid_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、次のチュートリアルに従ってカスタムを作成する方法を確認してください：http GridView: //www.coderzheaven.com/2012/02/29/custom-gridview-in-android-a-simple-example/。または、このGoogle検索を使用して、同じチュートリアルをさらにご覧ください。

ここで重要な点は、ImageButton'sクリックされたときに機能を実行する必要がある場合onClickListenerは、で設定する必要があるということAdapterです。

于 2013-02-11T09:27:47.187 に答える
2

GridViewのグリッドを示していViewsます。Viewクラスを拡張するものなら何でも表示できます。とが内部に表示されますLinearLayout。ImageViewImageButton

于 2013-02-11T09:24:40.440 に答える