小编Bri*_*eld的帖子

我想回到这个非常有用的网站,所以这不是一个问题,而是我对这个问题的解决方案.我还要补充一点,这个解决方案是从这个站点和许多其他人那里获得的支持,所以它代表了许多其他开发人员的共同努力.对他们说我谢谢你!

QUESTION是"如何在Android环境中重新创建iPhone应用程序的水平scrollView方面以及相关的页面控件？"

这是因为我想在单个滚动视图中显示配方中的步骤,每个步骤的相关方法以及必要的成分.我还想要一个页面控件向用户显示它们在步骤中的位置,并允许它们移动到任何特定步骤

我的应用程序的这一部分显示了食谱中的步骤.每个步骤都显示在页面上,有三个组件.步骤标识符(即步骤1,步骤2),该步骤所需的方法和成分.

在配方部分下方,我们显示一个页面控件,显示哪个页面处于活动状态,可用于导航到特定页面.您会注意到页面控件有图像按钮,两个图像是简单的圆圈,一个用于非选定页面(page.png),另一个用于所选页面(page_selected.png)

创建活动时,将通过为配方中的每个步骤添加视图,从数据和创建的滚动条中检索所选配方的步骤.当您滑动滚动条时,视图会捕捉到下一页或上一页,并且会更新寻呼机显示以指示您所在的页面

前3 xml布局(res/layout)

recipe.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

 <!--Scroller section-->

   <HorizontalScrollView
       android:id="@+id/scroll_view"
        android:layout_width="match_parent"
        android:layout_height="320dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="100dp" >

            <LinearLayout
                android:id="@+id/methodScrollView"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal" >
            </LinearLayout>

    </HorizontalScrollView>

<!-- pager section --> 

    <LinearLayout
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="430dp"
        android:gravity="center"
        android:orientation="horizontal" >

    </LinearLayout>

</RelativeLayout>

recipesscroll.xml(将添加到每个配方步骤的滚动条部分的视图.请注意,滚动条部分在recipeViewController.java中有一个onTouchlistner来处理页面滚动)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recipeScroll"
    android:layout_width="320dp"
    android:layout_height="320dp"
    android:gravity="center_vertical" >

   <TextView
    android:id="@+id/method"
    style="@style/scrollMethod"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:layout_alignParentTop="true"
    android:text="Method" />

   <TextView
    android:id="@+id/ingredients" …