过期Gallery取代方案horizontalscrollView之幻灯片效果
效果
-------------------------------------------------------------------------------------------------------------------------------
素材
-------------------------------------------------------------------------------------------------------------------------------
activity_main.xml
-------------------------------------------------------------------------------------------------------------------------------
|
|
MainActivity.java
-------------------------------------------------------------------------------------------------------------------------------
package com.horizontalscrollView02;
import java.util.Timer;
import java.util.TimerTask;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.DisplayMetrics;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.HorizontalScrollView;
import android.widget.ImageView;
/**
*
* 项目名称:com.horizontalscrollView02
* 类 名 称:MainActivity
* 类 描 述:幻灯片效果
* 创 建 人:fy
* 创建时间:2014-3-21 下午4:53:31
* Copyright (c) 方勇-版权所有
*/
public class MainActivity extends Activity {
/* 横向滚动菜单 */
private HorizontalScrollView horizontalScrollView;
/* 自定义画廊Gallery */
private MyGallery mGallery;
/* 记录选中的图片位置 */
private int index = 0;
/* 记录幻灯片小圆点个数 */
private static final int IMAGE_COUNT = 3;
/* 记录幻灯片圆点图片 */
private ImageView[] mImageViewIds;// 小圆点ImageView数组
/* 屏幕宽度(像素) */
private int width;
/* 开一个线程执行耗时操作,用于更新主线程的UI控件 */
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what) {
case 2:
int pos = index % IMAGE_COUNT;
mGallery.setItemSelected(pos);
break;
default:
break;
}
}
};
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
findViews();
setListeners();
setScreens();
initViews();
}
/* 手机屏幕属性 */
private void setScreens() {
// 定义DisplayMetrics 对象
DisplayMetrics metric = new DisplayMetrics();
// 取得窗口属性
getWindowManager().getDefaultDisplay().getMetrics(metric);
width = metric.widthPixels; // 屏幕宽度(像素)
}
private void findViews() {
horizontalScrollView = (HorizontalScrollView) findViewById(R.id.hsv);
mGallery = (MyGallery) findViewById(R.id.gallery);
mImageViewIds = new ImageView[] { (ImageView) findViewById(R.id.dot_1), (ImageView) findViewById(R.id.dot_2),
(ImageView) findViewById(R.id.dot_3) };
}
private void setListeners() {
/* 设置小圆点显示,position会一直增加,如果要循环显示图片,需要对position取余,否则数组越界 */
mGallery.setOnItemSelectedListener(new OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> arg0, View arg1, int position, long arg3) {
// TODO Auto-generated method stub
int pos = position % IMAGE_COUNT;
mImageViewIds[pos].setImageDrawable(getBaseContext().getResources().getDrawable(R.drawable.ic_dot_focused));
if (pos > 0) {
mImageViewIds[pos - 1].setImageDrawable(getBaseContext().getResources().getDrawable(R.drawable.ic_dot_normal));
}
if (pos < (IMAGE_COUNT - 1)) {
// 已经是最后一张图片了,重来(从0位置开始)
horizontalScrollView.scrollTo(0, 0);
mImageViewIds[pos + 1].setImageDrawable(getBaseContext().getResources().getDrawable(R.drawable.ic_dot_normal));
}
if (pos == 0) {
mImageViewIds[IMAGE_COUNT - 1].setImageDrawable(getBaseContext().getResources().getDrawable(R.drawable.ic_dot_normal));
}
// 移动X宽度=当前位置*屏幕宽度
horizontalScrollView.scrollTo(pos * width, 0);
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
}
});
}
/* 初始化幻灯片小圆点、画廊、定时器 */
private void initViews() {
// 默认选中
mImageViewIds[0].setImageDrawable(getBaseContext().getResources().getDrawable(R.drawable.ic_dot_focused));
ImageAdapter adapter = new ImageAdapter(this);
// 设置画廊Gallery适配器
mGallery.setAdapter(adapter);
// 定时器,使用Message传递消息
Timer timer = new Timer();
// 每隔2秒执行一次调度,延迟2秒执行
timer.schedule(new TimerTask() {
@Override
public void run() {
Message message = new Message();
message.what = 2;
index = mGallery.getSelectedItemPosition();
index++;
handler.sendMessage(message);
}
}, 2000, 2000);
}
}
ImageAdapter.java
-------------------------------------------------------------------------------------------------------------------------------
package com.horizontalscrollView02;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
/**
*
* 项目名称:com.horizontalscrollView02
* 类 名 称:ImageAdapter
* 类 描 述:图片适配器
* 创 建 人:fy
* 创建时间:2014-3-21 下午5:08:56
* Copyright (c) 方勇-版权所有
*/
public class ImageAdapter extends BaseAdapter {
private Context context;
private int[] mImages = { R.drawable.img001, R.drawable.img002, R.drawable.img003 };
public ImageAdapter(Context context) {
this.context = context;
}
@Override
public int getCount() {
return mImages.length;// 实现循环显示
}
@Override
public Object getItem(int position) {
return position;
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView;
if(null==convertView){
imageView = new ImageView(context);
}else{
imageView = (ImageView) convertView;
}
imageView.setImageResource(mImages[position]);
return imageView;
}
}
MyGallery.java
-------------------------------------------------------------------------------------------------------------------------------
package com.horizontalscrollView02;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.Toast;
/**
*
* 项目名称:com.horizontalscrollView02
* 类 名 称:MyGallery
* 类 描 述:自定义Gallery画廊
* 创 建 人:fy
* 创建时间:2014-3-21 下午2:27:03
* Copyright (c) 方勇-版权所有
*/
public class MyGallery extends LinearLayout {
/* 上下文 */
private Context mContext;
/* 适配器 */
private BaseAdapter adapter;
/* 适配器-->条目选中事件 */
private AdapterView.OnItemSelectedListener onItemSelectedListener;
public static int selectedId = 0;
public MyGallery(Context context) {
super(context);
mContext = context;
setOrientation(HORIZONTAL);
}
public MyGallery(Context context, AttributeSet attrs) {
super(context,attrs);
mContext = context;
setOrientation(HORIZONTAL);
}
/* 适配器-->设置数据 */
public void setAdapter(BaseAdapter adapter) {
this.adapter = adapter;
// 设置条目touch事件
for (int i = 0; i < adapter.getCount(); i++) {
// 条目
View view = adapter.getView(i, null, null);
// 条目位置编号
final int position = i;
// 条目ID
final long id = adapter.getItemId(position);
// 条目touch事件
view.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
if (onItemSelectedListener != null) {
/**
* <p>Callback method to be invoked when an item in this view has been
* selected. This callback is invoked only when the newly selected
* position is different from the previously selected position or if
* there was no selected item.</p>
*
* Impelmenters can call getItemAtPosition(position) if they need to access the
* data associated with the selected item.
*
* @param parent The AdapterView where the selection happened
* @param view The view within the AdapterView that was clicked
* @param position The position of the view in the adapter
* @param id The row id of the item that is selected
*/
onItemSelectedListener.onItemSelected(null, v, position, id);
}
//选中的位置
selectedId = position;
return true;
}
});
this.addView(view, new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
}
}
public void setItemSelected(int position) {
Toast.makeText(mContext, "" + position, Toast.LENGTH_SHORT).show();
//选中的位置
selectedId = position;
//选中的视图
View view = (View) adapter.getView(position, null, null);
onItemSelectedListener.onItemSelected(null,view, position, getItemIdAtPosition(position));
}
public int getSelectedItemPosition(){
return selectedId;
}
public long getItemIdAtPosition(int position) {
return (adapter == null || position < 0) ? null : adapter.getItemId(position);
}
public void setOnItemSelectedListener(AdapterView.OnItemSelectedListener onItemSelectedListener) {
this.onItemSelectedListener = onItemSelectedListener;
}
}