Multipage layout

aetmos · by **aetmos** » Mon Jan 28, 2008 9:32 pm

Hi All,

I'm trying to make an activity that has a multipage layout with previous/next buttons, etc. I know I could make a separate activity for each page, but that seems like a pain. After much experimentation, the best I can come up with is that I can use ViewAnimator to do what I want...however, I'm curious if anybody has any better ideas, especially since ViewAnimator doesn't have a showPrevious() method for some odd reason. Maybe I'm completely overlooking something obvious, as this seems like a pretty basic thing to want to do.

Here's what I'm doing:

Code: Select all: //get the ViewAnimator from the XML va = (ViewAnimator)findViewById(R.id.view_animator); //demo of how to show next page va.showNext(); //there's no show previous page function...I wonder why... //... //go back to page 0 va.setDisplayedChild(0);

I did try PageTurner, but couldn't get it to work right. All of the children were displayed at the same time, so I could see page 2 beneath page 1. I also saw some mention on the Google dev group that PageTurner is being removed from the SDK in the next version. I thought of using ViewGroup too, but haven't really been able to find much in the way of an example of how to use ViewGroup, or even if it's suited to this task.

Anyway, I'd really appreciate some input from any of you.

Thanks,
Tom

aetmos · by **aetmos** » Tue Jan 29, 2008 5:48 am

It just occurred to me that my problem is easily solved. I just have to call SetContentView() again when next/previous is pressed, and send it the appropriate layout for whatever page I'm going to.

Tom

cabernet1976 · by **cabernet1976** » Fri Feb 01, 2008 5:29 am

Hi aetmos,
ViewAnimator interest me so much. My question is: how to define ViewAnimator's layout? like the following?

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<ViewAnimator ...>
 
    <View id="@+id/view0"
 
        ... />
 
    <View id="@+id/view2"
 
        ... />
 
</ViewAnimator>
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

aetmos · by **aetmos** » Fri Feb 01, 2008 5:50 am

cabernet1976 wrote:Hi aetmos,
ViewAnimator interest me so much. My question is: how to define ViewAnimator's layout? like the following?

Syntax: [ Download ] [ Hide ]
Syntax: [ Download ] [ Show ]
Using xml Syntax Highlighting

<ViewAnimator ...>

<View id="@+id/view0"

... />

<View id="@+id/view2"

... />

</ViewAnimator>

Parsed in 0.001 seconds, using GeSHi 1.0.8.4

Yeah, basically. That seems to work for me. This is more or less what I was trying to do with it:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<ViewAnimator id="@+id/view_animator" xmlns:android="http://schemas.android.com/apk/res/android"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent">
                  
             
 
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" id="@+id/text"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:gravity="top" android:textAlign="center"
    
        android:paddingLeft="10px"
        android:paddingTop="10px"
        android:paddingRight="10px"
        android:paddingBottom="10px"
    
    android:verticalScrollbarTrack="@drawable/scrollbar_vertical_track"
    android:verticalScrollbarThumb="@drawable/scrollbar_vertical_thumb"
    android:scrollbarFadeDuration="1000"
    android:scrollbarSize="12dip">
     <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
 
        <TextView
                android:normalTextColor="#000000"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/survey_page_1"/>
     </LinearLayout>
</ScrollView>
                 
           
 
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" id="@+id/text2"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:gravity="top" android:textAlign="center"
    
        android:paddingLeft="10px"
        android:paddingTop="10px"
        android:paddingRight="10px"
        android:paddingBottom="10px"
    
    android:verticalScrollbarTrack="@drawable/scrollbar_vertical_track"
    android:verticalScrollbarThumb="@drawable/scrollbar_vertical_thumb"
    android:scrollbarFadeDuration="1000"
    android:scrollbarSize="12dip">
     <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
 
        <TextView
                android:normalTextColor="#000000"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/survey_page_2"/>
     </LinearLayout>
</ScrollView>
                 
 
</ViewAnimator>
Parsed in 0.007 seconds,  using GeSHi 1.0.8.4

Then in the code:

Code: Select all: private ViewAnimator va; //get the ViewAnimator from the XML va = (ViewAnimator)findViewById(R.id.view_animator); //demo of how to show next page va.showNext(); //there's no show previous page function...I wonder why... //... //go back to page 0 va.setDisplayedChild(0);

It worked fine, but then I discovered I didn't really need it.

cabernet1976 · by **cabernet1976** » Fri Feb 01, 2008 7:14 am

Thanks

I think your layout is not large enough to need two pages, so you forget this solution, right?

aetmos · by **aetmos** » Fri Feb 01, 2008 7:44 am

cabernet1976 wrote:I think your layout is not large enough to need two pages, so you forget this solution, right?

Well, I need more like 10 pages...but I think I can do everything I need with SetContentView() rather than using a ViewAnimator.

cabernet1976 · by **cabernet1976** » Fri Feb 01, 2008 1:28 pm

cool

Multipage layout

Multipage layout

Who is online