Android控件之HorizontalScrollView代替Gallery

最近在学习Gallery发现在API Level 16以后已经不使用，废弃了这个肯定是有更好的来替代，查了下文档就发现HorizontalScrollView这个类；

HorizontalScrollView用于布局的容器，可以放置让用户使用滚动条查看的视图层次结构，允许视图结构比手机的屏幕大.。HorizontalScrollView 是一种 框架布局， 这意味着你可以将包含要滚动的完整内容的子视图放入该容器； 该子视图本身也可以是具有复杂层次结构的布局管理器。一般使用横向的 LinearLayout 作为子视图，使用户可以滚动其中显示的条目。

不要将 HorizontalScrollView 和 列表视图 组合使用， 因为列表视图有自己的滚动处理.更重要的是，组合使用会使列表视图针对大的列表所做的重要优化失效， 因为 HorizontalScrollView 会强制列表视图显示其所有条目，以使用由 HorizontalScrollView 提供滚动处理的容器。HorizontalScrollView 只支持水平方向的滚动。

以下是ImageSwitcher和HorizontalScrollView的组合效果图：

Activity类

[java] view plain copy print ?

1. package com.example.viewgroupdemo;
3. import java.util.HashMap;
4. import java.util.Map;
6. import android.app.Activity;
7. import android.content.BroadcastReceiver;
8. import android.content.Context;
9. import android.content.Intent;
10. import android.content.IntentFilter;
11. import android.os.Bundle;
12. import android.view.View;
13. import android.view.ViewGroup.LayoutParams;
14. import android.widget.ImageSwitcher;
15. import android.widget.ImageView;
16. import android.widget.ViewSwitcher.ViewFactory;
18. import com.example.hsv.AppConstant;
19. import com.example.hsv.HSVAdapter;
20. import com.example.hsv.HSVLayout;
22. /**
23. * 2013.10.12 类似图片浏览的例子
24. *
25. * @author Administrator
26. *
27. */
28. public class MainActivity extends Activity implements ViewFactory {
30. public ImageSwitcher imageSwitcher = null; // 图片切换
31. private HSVLayout movieLayout = null;
32. private HSVAdapter adapter = null;
33. private IntentFilter intentFilter = null;
34. private BroadcastReceiver receiver = null;
35. private int nCount = 0;
36. // pic in the drawable
37. private Integer[] images = { R.drawable.pre0, R.drawable.pre1,
38. R.drawable.pre2, R.drawable.pre3, R.drawable.pre4, R.drawable.pre5,
39. R.drawable.pre6, R.drawable.pre7, R.drawable.pre8, R.drawable.pre9,
40. R.drawable.pre10 };
42. @Override
43. public void onCreate(Bundle savedInstanceState) {
44. super.onCreate(savedInstanceState);
45. setContentView(R.layout.main);
46. imageSwitcher = (ImageSwitcher) findViewById(R.id.image_switcher);
47. imageSwitcher.setFactory(this);
48. movieLayout = (HSVLayout) findViewById(R.id.movieLayout);
49. adapter = new HSVAdapter(this);
50. for (int i = 0; i < images.length; i++) {
51. Map<String, Object> map = new HashMap<String, Object>();
52. map.put("image", images[i]);
53. // map.put("image", getResources().getDrawable(images[i]));
54. map.put("index", (i+1));
55. adapter.addObject(map);
56. }
57. movieLayout.setAdapter(adapter);
58. // 设置当前显示的图片
59. imageSwitcher.setImageResource(images[nCount]);
60. }
62. @Override
63. protected void onPause() {
64. // TODO Auto-generated method stub
65. super.onPause();
66. unregisterReceiver(receiver);
67. }
69. @Override
70. protected void onResume() {
71. // TODO Auto-generated method stub
72. super.onResume();
73. if (receiver == null) {
74. receiver = new UpdateImageReceiver();
75. }
76. registerReceiver(receiver, getIntentFilter());
77. }
79. /**
80. * 创建一个消息过滤器
81. *
82. * @return
83. */
84. private IntentFilter getIntentFilter() {
85. if (intentFilter == null) {
86. intentFilter = new IntentFilter();
87. intentFilter.addAction(AppConstant.UPDATE_IMAGE_ACTION);
88. }
89. return intentFilter;
90. }
92. /**
93. * 创建一个用于添加到视图转换器(ViewSwitcher)中的新视图
94. */
95. @Override
96. public View makeView() {
97. // TODO Auto-generated method stub
98. ImageView imageView = new ImageView(getApplicationContext());
99. imageView.setBackgroundColor(0xFF000000);
100. imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
101. imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
102. LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
103. return imageView;
104. }
106. class UpdateImageReceiver extends BroadcastReceiver{
108. @Override
109. public void onReceive(Context context, Intent intent) {
110. // TODO Auto-generated method stub
111. if(intent.getAction().equals(AppConstant.UPDATE_IMAGE_ACTION)){
112. int index = intent.getIntExtra("index", Integer.MAX_VALUE);
113. imageSwitcher.setImageResource(images[index-1]);
114. System.out.println("UpdateImageReceiver----" + index);
115. }
116. }
118. }
119. }

package com.example.viewgroupdemo;

import java.util.HashMap;
import java.util.Map;

import android.app.Activity;
import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.content.IntentFilter;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;

import com.example.hsv.AppConstant;
import com.example.hsv.HSVAdapter;
import com.example.hsv.HSVLayout;

/**
 * 2013.10.12 类似图片浏览的例子
 * 
 * @author Administrator
 * 
 */
public class MainActivity extends Activity implements ViewFactory {

	public ImageSwitcher imageSwitcher = null; // 图片切换
	private HSVLayout movieLayout = null;
	private HSVAdapter adapter = null;
	private IntentFilter intentFilter = null;
	private BroadcastReceiver receiver = null;
	private int nCount = 0;
	// pic in the drawable
	private Integer[] images = { R.drawable.pre0, R.drawable.pre1,
			R.drawable.pre2, R.drawable.pre3, R.drawable.pre4, R.drawable.pre5,
			R.drawable.pre6, R.drawable.pre7, R.drawable.pre8, R.drawable.pre9,
			R.drawable.pre10 };

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		imageSwitcher = (ImageSwitcher) findViewById(R.id.image_switcher);
		imageSwitcher.setFactory(this);
		movieLayout = (HSVLayout) findViewById(R.id.movieLayout);
		adapter = new HSVAdapter(this);
		for (int i = 0; i < images.length; i++) {
			Map<String, Object> map = new HashMap<String, Object>();
			map.put("image", images[i]);
			// map.put("image", getResources().getDrawable(images[i]));
			map.put("index", (i+1));
			adapter.addObject(map);
		}
		movieLayout.setAdapter(adapter);
		// 设置当前显示的图片
		imageSwitcher.setImageResource(images[nCount]);
	}

	@Override
	protected void onPause() {
		// TODO Auto-generated method stub
		super.onPause();
		unregisterReceiver(receiver);
	}

	@Override
	protected void onResume() {
		// TODO Auto-generated method stub
		super.onResume();
		if (receiver == null) {
			receiver = new UpdateImageReceiver();
		}
		registerReceiver(receiver, getIntentFilter());
	}

	/**
	 * 创建一个消息过滤器
	 * 
	 * @return
	 */
	private IntentFilter getIntentFilter() {
		if (intentFilter == null) {
			intentFilter = new IntentFilter();
			intentFilter.addAction(AppConstant.UPDATE_IMAGE_ACTION);
		}
		return intentFilter;
	}
	
	/**
	 * 创建一个用于添加到视图转换器(ViewSwitcher)中的新视图
	 */
	@Override
	public View makeView() {
		// TODO Auto-generated method stub
		ImageView imageView = new ImageView(getApplicationContext());
		imageView.setBackgroundColor(0xFF000000);
		imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
		imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
				LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
		return imageView;
	}
	
	class UpdateImageReceiver extends BroadcastReceiver{

		@Override
		public void onReceive(Context context, Intent intent) {
			// TODO Auto-generated method stub
			if(intent.getAction().equals(AppConstant.UPDATE_IMAGE_ACTION)){
				int index = intent.getIntExtra("index", Integer.MAX_VALUE);
				imageSwitcher.setImageResource(images[index-1]);
				System.out.println("UpdateImageReceiver----" + index);
			}
		}
		
	}
}

自定义HSVLayout.java

[java] view plain copy print ?

1. package com.example.hsv;
3. import java.util.Map;
5. import android.content.Context;
6. import android.content.Intent;
7. import android.util.AttributeSet;
8. import android.view.View;
9. import android.widget.LinearLayout;
10. import android.widget.Toast;
12. public class HSVLayout extends LinearLayout {
14. private HSVAdapter adapter;
15. private Context context;
17. public HSVLayout(Context context, AttributeSet attrs) {
18. super(context, attrs);
19. this.context = context;
20. }
22. public void setAdapter(HSVAdapter adapter) {
23. this.adapter = adapter;
24. for (int i = 0; i < adapter.getCount(); i++) {
25. final Map<String, Object> map = adapter.getItem(i);
26. View view = adapter.getView(i, null, null);
27. view.setPadding(10, 0, 10, 0);
28. // 为视图设定点击监听器
29. view.setOnClickListener(new OnClickListener() {
30. @Override
31. public void onClick(View v) {
32. Toast.makeText(context, "您选择了" + map.get("index"),
33. Toast.LENGTH_SHORT).show();
34. Intent intent = new Intent();
35. intent.setAction(AppConstant.UPDATE_IMAGE_ACTION);
36. intent.putExtra("index", (Integer)map.get("index"));
37. context.sendBroadcast(intent);
39. }
40. });
41. this.setOrientation(HORIZONTAL);
42. this.addView(view, new LinearLayout.LayoutParams(
43. /*LayoutParams.WRAP_CONTENT*/300, LayoutParams.WRAP_CONTENT));
44. }
45. }
46. }

package com.example.hsv;

import java.util.Map;

import android.content.Context;
import android.content.Intent;
import android.util.AttributeSet;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.Toast;

public class HSVLayout extends LinearLayout {

	private HSVAdapter adapter;
	private Context context;

	public HSVLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
		this.context = context;
	}

	public void setAdapter(HSVAdapter adapter) {
		this.adapter = adapter;
		for (int i = 0; i < adapter.getCount(); i++) {
			final Map<String, Object> map = adapter.getItem(i);
			View view = adapter.getView(i, null, null);
			view.setPadding(10, 0, 10, 0);
			// 为视图设定点击监听器
			view.setOnClickListener(new OnClickListener() {
				@Override
				public void onClick(View v) {
					Toast.makeText(context, "您选择了" + map.get("index"),
							Toast.LENGTH_SHORT).show();
					Intent intent = new Intent();
					intent.setAction(AppConstant.UPDATE_IMAGE_ACTION);
					intent.putExtra("index", (Integer)map.get("index"));
					context.sendBroadcast(intent);
					
				}
			});
			this.setOrientation(HORIZONTAL);
			this.addView(view, new LinearLayout.LayoutParams(
					/*LayoutParams.WRAP_CONTENT*/300, LayoutParams.WRAP_CONTENT));
		}
	}
}

还需要定义一个适配器HSVAdapter.java

[java] view plain copy print ?

1. package com.example.hsv;
3. import java.util.ArrayList;
4. import java.util.List;
5. import java.util.Map;
7. import com.example.viewgroupdemo.R;
9. import android.content.Context;
10. import android.view.LayoutInflater;
11. import android.view.View;
12. import android.view.ViewGroup;
13. import android.widget.BaseAdapter;
14. import android.widget.ImageView;
16. /**
17. * 为画廊定义适配器
18. * @author Administrator
19. *
20. */
21. public class HSVAdapter extends BaseAdapter {
23. private List<Map<String,Object>> list;
24. private Context context;
25. public HSVAdapter(Context context){
26. this.context=context;
27. this.list=new ArrayList<Map<String,Object>>();
28. }
29. @Override
30. public int getCount() {
31. return list.size();
32. }
34. @Override
35. public Map<String,Object> getItem(int location) {
36. return list.get(location);
37. }
39. @Override
40. public long getItemId(int arg0) {
41. return arg0;
42. }
44. public void addObject(Map<String,Object> map){
45. list.add(map);
46. notifyDataSetChanged();
47. }
48. @Override
49. public View getView(int location, View arg1, ViewGroup arg2) {
50. View view = LayoutInflater.from(context).inflate(R.layout.movie,null);
51. ImageView image=(ImageView)view.findViewById(R.id.movie_image);
52. Map<String,Object> map=getItem(location); //获取当前的Item
53. //image.setBackground((Drawable)map.get("image"));
54. image.setBackgroundResource((Integer) map.get("image"));
55. return view;
56. }
58. }

package com.example.hsv;

import java.util.ArrayList;
import java.util.List;
import java.util.Map;

import com.example.viewgroupdemo.R;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;

/**
 * 为画廊定义适配器
 * @author Administrator
 *
 */
public class HSVAdapter extends BaseAdapter {

	private List<Map<String,Object>> list;
	private Context context;
	public HSVAdapter(Context context){
		this.context=context;
		this.list=new ArrayList<Map<String,Object>>();
	}
	@Override
	public int getCount() {
		return list.size();
	}

	@Override
	public Map<String,Object> getItem(int location) {
		return list.get(location);
	}

	@Override
	public long getItemId(int arg0) {
		return arg0;
	}

	public void addObject(Map<String,Object> map){
		list.add(map);
		notifyDataSetChanged();
	}
	@Override
	public View getView(int location, View arg1, ViewGroup arg2) {
		View view = LayoutInflater.from(context).inflate(R.layout.movie,null);
		ImageView image=(ImageView)view.findViewById(R.id.movie_image);
		Map<String,Object> map=getItem(location); //获取当前的Item
		//image.setBackground((Drawable)map.get("image"));
		image.setBackgroundResource((Integer) map.get("image"));
		return view;
	}

}

main.xml

[html] view plain copy print ?

1. <?xml version="1.0" encoding="UTF-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:orientation="vertical" >
7. <ImageSwitcher
8. android:id="@+id/image_switcher"
9. android:layout_width="match_parent"
10. android:layout_height="400dp" />
12. <HorizontalScrollView
13. android:id="@+id/hsv"
14. android:layout_width="match_parent"
15. android:layout_height="wrap_content"
16. android:scrollbars="none" >
18. <com.example.hsv.HSVLayout
19. android:id="@+id/movieLayout"
20. android:layout_width="wrap_content"
21. android:layout_height="wrap_content" />
22. </HorizontalScrollView>
24. </LinearLayout>

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

    <ImageSwitcher
        android:id="@+id/image_switcher"
        android:layout_width="match_parent"
        android:layout_height="400dp" />

    <HorizontalScrollView
        android:id="@+id/hsv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none" >

        <com.example.hsv.HSVLayout
            android:id="@+id/movieLayout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </HorizontalScrollView>

</LinearLayout>

hsv.xml

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. xmlns:xmz="http://xmz.com"
4. android:layout_width="wrap_content"
5. android:layout_height="wrap_content" >
7. <com.example.hsv.ImageViewBorder
8. android:id="@+id/movie_image"
9. android:layout_width="wrap_content"
10. android:layout_height="400dp"
11. android:layout_alignParentBottom="true"
12. xmz:BorderColor="GRAY" />
14. </RelativeLayout>

    </pre>  </li></ol></div><pre style="display: none;" class="html" name="code" snippet_file_name="blog_20131209_5_7352169" code_snippet_id="104591">