Android HorizontalScrollView

分享到:

HorizontalScrollView和之前介绍过的ScrollView非常类似,不同点在于HorizontalScrollView只能在水平方向滚动,而ScrollView只能在垂直方向滚动如果想实现同时支持垂直和水平方向的滚动布局就需要把HorizontalScrollView和ScrollView进行嵌套,下面通过实例来了解HorizontalScrollView的使用方法。

HorizontalScrollView实例(最基本的用法),效果图如下:

XML布局代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:tools="http://schemas.android.com/tools"
          android:id="@+id/LinearLayout1"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical" >
	
	<HorizontalScrollView
          android:id="@+id/horizontalScrollView1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content" >

         <LinearLayout
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="horizontal" >
			<Button
          android:id="@+id/button1"
          android:layout_width="150dp"
          android:layout_height="wrap_content"
          android:text="Button1" />
			<Button
          android:id="@+id/button2"
          android:layout_width="150dp"
          android:layout_height="wrap_content"
          android:text="Button2" />
			<Button
          android:id="@+id/button3"
          android:layout_width="150dp"
          android:layout_height="wrap_content"
          android:text="Button3" />
			<Button
          android:id="@+id/button4"
          android:layout_width="150dp"
          android:layout_height="wrap_content"
          android:text="Button4" />
  
		</LinearLayout>
	</HorizontalScrollView>

</LinearLayout>        

控件结构如下:


HorizontalScrollView和ScrollView嵌套实例,同时支持垂直和水平方向的滑动,XML布局代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:tools="http://schemas.android.com/tools"
          android:id="@+id/LinearLayout1"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:layout_margin="50dp"
          android:orientation="vertical" >

	<ScrollView
	android:id="@+id/scrollView1"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:layout_weight="1.20" >

		<HorizontalScrollView
		android:id="@+id/horizontalScrollView1"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content" >

			<LinearLayout
			android:layout_width="match_parent"
			android:layout_height="match_parent"
			android:orientation="vertical" >

				<ImageView
				android:id="@+id/imageView1"
				android:layout_width="500dp"
				android:layout_height="500dp"
				android:src="@drawable/ic_launcher" />
         </LinearLayout>

		</HorizontalScrollView>
	</ScrollView>

</LinearLayout>

运行后可同时看到垂直滚动条和水平滚动条,效果如下图:

本例在ScrollView嵌套了HorizontalScrollView,又在HorizontalScrollView中嵌套了一个ImageView(大小应设置为超过一屏才能看到效果),控件关系如下图:

昵    称:
验证码:

相关文档:

Android控件
Android基础知识
Android组件
Android实例