package com.example.baofenanim;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.HorizontalScrollView;
import android.widget.ImageView;
public class MainActivity extends Activity {
LayoutInflater inflater;
// 测试的数据集
List<View> list = new ArrayList<View>();
// 滑块状态
int state = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
inflater = LayoutInflater.from(MainActivity.this);
// 初始化测试数据
initData();
final HorizontalScrollView scrollView = (HorizontalScrollView) findViewById(R.id.scroll);
final Button button = (Button) findViewById(R.id.btn);
final ImageView imageView = (ImageView) findViewById(R.id.image);
android.support.v4.view.ViewPager pager = (ViewPager) findViewById(R.id.viewpager);
// 设置监听
pager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int position) {
int w = imageView.getWidth();
// 动画类
TranslateAnimation animation = new TranslateAnimation(
state * w, position * w, 0, 0);
// 设置动画时间
animation.setDuration(100);
// 设置动画后保持位置
animation.setFillAfter(true);
imageView.setAnimation(animation);
state = position;
// 使HorizontalScrollView可以自动滑动(可以不要)
if (scrollView.getScrollX() == 0 && position == 3) {
scrollView.scrollBy(button.getWidth(), 0);
}
if (scrollView.getScrollX() != 0 && position == 2) {
scrollView.scrollBy(-button.getWidth(), 0);
}
// 添加下面代码就可以让滑块在HorizontalScrollView中滑动
scrollView.scrollBy(1, 0);
scrollView.scrollBy(-1, 0);
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageScrollStateChanged(int arg0) {
}
});
pager.setAdapter(adapter);
}
/**
* 初始化测试数据
*/
private void initData() {
for (int i = 0; i < 6; i++) {
View view = inflater.inflate(R.layout.view, null);
list.add(view);
}
}
/**
* viewpager的适配器
*/
private PagerAdapter adapter = new PagerAdapter() {
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(list.get(position));
return list.get(position);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(list.get(position));
}
@Override
public int getCount() {
return list.size();
}
};
}
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<HorizontalScrollView
android:id="@+id/scroll"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:scrollbars="none" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="50dp"
android:orientation="horizontal" >
<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="4" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="5" />
</LinearLayout>
<ImageView
android:id="@+id/image"
android:layout_width="65dp"
android:layout_height="2dp"
android:background="#0000ff" />
</LinearLayout>
</HorizontalScrollView>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#ffffff" >
</android.support.v4.view.ViewPager>
</LinearLayout>
