Android常用三栏式滑动/滚动视图(View)的设计与实现

在基于Android的应用软件设计时，常常会希望实现以下界面视图

___________________________

|             头部导航区域 (导航栏)         |

|__________________________|

|                                                            |

|                                                            |

|                                                            |

|       视图左右滚动区域                     |

|          (可以左右拖动滚动)               |

|                                                            |

|                                                            |

__________________________

|                                                           |

|         底部设置菜单按钮(菜单栏)   |

__________________________

闲话少说，直接上核心代码。

一）main.xml布局文件

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:orientation="vertical">
              
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:id="@+id/view_top"
                  android:orientation="horizontal"
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:layout_alignParentTop="true"
                  android:gravity="center">
           
        <TextView android:text="导航栏"
            android:textSize="15pt"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"/>
    </RelativeLayout>
    
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:id="@+id/view_bottom"
                  android:orientation="horizontal"
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:layout_alignParentBottom="true"
                  android:gravity="center">
        <TextView android:text="菜单栏"
            android:textSize="15pt"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"/>                
    </RelativeLayout>
            
    <com.xxxxx.ui.ScrollLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/ScrollLayoutID"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:layout_above="@id/view_bottom"
        android:layout_below="@id/view_top">
            
        <LinearLayout android:background="#FF0000"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
            
             <Button android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Left"/>
        </LinearLayout>
    
        <LinearLayout android:background="#00FF00"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
            
            <Button android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Center"/>
        </LinearLayout>
        
        <LinearLayout android:background="#0000FF"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            
                <Button android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Right"/>
        </LinearLayout>
    </com.lucent.ui.ScrollLayout>

</RelativeLayout>

二）中间实现可以左右滑动的视图，也就是说中间部分可以根据用户的左右拖动操作显示不同的View内容，实现视图View的左右滑动。

（此类和代码来自于Internet）。