android中一个关于horizontalscrollview的例子

horizontalscrollview这个组件主要是用来实现横向滑动界面显示的，其中注意一点的是：该组件只能添加一个子组件。

先来结果图:



 

代码如下：

主activity（MainActivity.java）：

package com.tody.horizontalscrollviewdemo;

import android.os.Bundle;
import android.app.Activity;
import android.util.DisplayMetrics;
import android.view.Gravity;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

/**
* 主界面
*
* @author tody.yang
*
*/
public class MainActivity extends Activity {

private LinearLayout mLinearLayout;
private int mWidth;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
getDeviceWidth();
initView();
}

/**
* 获得屏幕宽度
*/
private void getDeviceWidth() {
DisplayMetrics dm = new DisplayMetrics();// 获得屏幕分辨率
getWindowManager().getDefaultDisplay().getMetrics(dm);
mWidth = dm.widthPixels;
}

/**
* 初始化组件
*/
private void initView() {
int[] imageArray = { R.drawable.d0, R.drawable.d1, R.drawable.d2,
R.drawable.d3, R.drawable.d4, R.drawable.d5 };// 图片数组（长度和horizontalscrollview的子项长度一样）
mLinearLayout = (LinearLayout) findViewById(R.id.scrollview_layout);// 实例化线性布局
mLinearLayout.removeAllViews();// 删除以前的组件（如此保证每次都是horizontalscrollview中只有6个组件）
for (int i = 0; i < 6; i++) {// 在horizontalscrollview中添加6个组件
int width = mWidth / 3;
LinearLayout itemLayout = (LinearLayout) LinearLayout.inflate(
MainActivity.this, R.layout.scrollview_item, null);// 动态实例化一个LinearLayout
itemLayout.setLayoutParams(new LayoutParams(width,
LayoutParams.MATCH_PARENT));// 设置宽度为一张屏幕显示三个组件
itemLayout.setGravity(Gravity.CENTER_VERTICAL);// 设置垂直居中

ImageView mImageView = (ImageView) itemLayout
.findViewById(R.id.imageview);
TextView mTextView = (TextView) itemLayout
.findViewById(R.id.textview);

final String page = "第" + (i + 1) + "张";

mTextView.setText(page);
mImageView.setBackgroundResource(imageArray[i]);

mLinearLayout.addView(itemLayout);

itemLayout.setOnTouchListener(new OnTouchListener() {// 每一项添加触摸事件

public boolean onTouch(View v, MotionEvent event) {
// TODO Auto-generated method stub
Toast.makeText(MainActivity.this, "点击了" + page,
Toast.LENGTH_SHORT).show();
return false;
}
});
}

}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

}

主activity的布局文件(activity_main.xml)：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >

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

<!-- 因为HorizontalScrollView只允许加载一个子组件，所有这里定义一个线性布局作为唯一的子组件，而我们想添加的其他组件可以通过动态加载布局，这样给程序的感觉还是一个子组件（ID为scrollview_layout的组件） -->

<LinearLayout
android:id="@+id/scrollview_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical" >
</LinearLayout>
</HorizontalScrollView>

</RelativeLayout>

动态加载的布局文件(scrollview_item.xml)：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/item_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity" >

<TextView
android:id="@+id/textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="俊哥" />

<ImageView
android:id="@+id/imageview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:background="@drawable/d0" />

</LinearLayout>