在Horizo​​ntalView中创建NEXT按钮以滚动浏览不同的ImageView

时间:2017-05-25 11:21:27

标签: android scroll imageview android-linearlayout next

我有一个Horizo​​ntalView。在里面,有一个LinearLayout,我通过代码添加多个ImageView。我想实现NEXT和PREVIOUS按钮,以便自动滚动。当我到达Horizo​​ntalView的末尾时,我也想要隐藏按钮。

http://imgur.com/a/313af

我不知道该怎么做。

编辑:此CardView位于recyclerView内。

这是XML

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="350dp"
    android:layout_gravity="center"
    android:layout_margin="8dp"
    card_view:cardCornerRadius="4dp"
    >

    <GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:columnCount="1"
        android:paddingTop="5dp">

        <TextView
            android:id="@+id/nombrecito"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"

            android:maxLines="1"
            android:textAppearance="@style/TextAppearance.AppCompat"
            android:textSize="20sp"
            android:fontFamily="fonts/rugs_font.otf"/>

        <RelativeLayout>

            <HorizontalScrollView
                android:id="@+id/horizontal_scroll"
                android:layout_width="wrap_content"
                android:layout_height="254dp"                >

                <LinearLayout
                    android:id="@+id/linear"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"

                    android:fitsSystemWindows="false">

                    <ImageView

                        android:id="@+id/foto"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="-10dp"
                        android:contentDescription="fotografía"
                        android:scaleType="fitEnd"
                        android:src="@android:drawable/ic_menu_camera" />
                </LinearLayout>

            </HorizontalScrollView>
            <ImageButton
                android:shape="ring"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:background="#ceb06a"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:src="@drawable/ic_keyboard_arrow_left_black_48dp"/>
            <ImageButton
                android:shape="ring"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:background="#ceb06a"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:src="@drawable/ic_keyboard_arrow_right_black_48dp"/>
        </RelativeLayout>


        <GridLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:rowCount="1">

            <ImageButton
                android:id="@+id/btnLike"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:background="@android:color/transparent"
                android:inAnimation="@anim/slide_in_likes_counter"
                android:outAnimation="@anim/slide_out_likes_counter"
                android:src="@drawable/ic_heart_outline_grey" />

            <ImageButton
                android:id="@+id/btnShare"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:background="@android:color/transparent"
                android:onClick="share"
                android:src="@android:drawable/ic_menu_share" />

        </GridLayout>
    </GridLayout>
</android.support.v7.widget.CardView>

2 个答案:

答案 0 :(得分:0)

我查看了图片,我建议您使用ViewPager

答案 1 :(得分:0)

我认为实现此案例的最佳方法是使用RecyclerView,因为ViewPager不会向您显示两张未放入某些图片的图片

使用

使其水平
mRecyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, true)

在RelativeLayout中添加回收器和两个按钮,将按钮放在回收器上正确的位置

例如,左键使用

android:layout_alignParent=true&amp; android:layout_centerHorizontal="true"

要使按钮工作,请使用像

这样的smth
recyclerView.scrollToPosition(position);