android gallery滑动事件,Android ViewPager与仿Gallery的HorizontalScrollView互相滑动监听

本文详细介绍了如何在Android应用中实现ViewPager与HorizontalScrollView的互动滑动监听,通过创建FrameLayout、ViewPager和仿Gallery效果的HorizontalScrollView,展示了如何在两者间切换和同步滑动。源码包含在文章末尾,适合前端与UI开发者参考。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本文主要介绍ViewPager与仿Gallery的HorizontalScrollView互相滑动监听功能的实现。

实现步骤:

1.定义FrameLayout布局,在布局中加载viewPager

2.在布局底部加载HorizontalScrollView,并在HorizontalScrollView中for循环添加ImageView

3.实现HorizontalScrollView与ViewPager互相监听滑动

实现效果图如下:

0818b9ca8b590ca3270a3433284dd417.png            

0818b9ca8b590ca3270a3433284dd417.png

下面是实现代码 (源码会在文章末尾附上链接地址):

主要布局FrameLayout:

fa = new FrameLayout(this);

fa.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));

setContentView(fa);

得到屏幕的尺寸://HorizontalScrollView中ImageView的宽高要根据屏幕尺寸设置

public void getScreenSize(){

DisplayMetrics dms = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(dms);

w = dms.widthPixels;

h = dms.heightPixels;

}

private int[] maplist= {//图片资源

R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e,R.drawable.f

};

ViewPager实现:

public void pagers(){

vp= new ViewPager(this);

vp.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));

fa.addView(vp);

ProductPagerAdapter ppa = new ProductPagerAdapter(this);//适配类

ppa.setMaps(maplist);//资源数组

vp.setAdapter(ppa);

vp.setCurrentItem(0);

vp.setOnPageChangeListener(new OnPageChangeListener() {

@Override

public void onPageSelected(int arg0) {//在这里进行HorizontalScrollView的异步滑动

count = arg0;

Handler handler = new Handler();

handler.postDelayed(runnable, 0);

}

@Override

public void onPageScrolled(int arg0, float arg1, int arg2) {

}

@Override

public void onPageScrollStateChanged(int arg0) {

}

});

}

HorizontalScrollView仿Gallery效果实现:

public void setGallary(){

hsc = new HorizontalScrollView(this);

FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(LayoutParams.MATCH_PARENT,w/3);

lp.topMargin =h-w/3;

hsc.setLayoutParams(lp);

fa.addView(hsc);

LinearLayout gallery = new LinearLayout(this);

gallery.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));

gallery.setBackgroundColor(Color.WHITE);

gallery.getBackground().setAlpha(150);

gallery.setPadding(8, 8, 8, 8);

hsc.addView(gallery);

ims = new ArrayList();

for(int i= 0;i

ImageView iv = new ImageView(this);

LinearLayout.LayoutParams lp_iv = new LinearLayout.LayoutParams(w/3,LayoutParams.MATCH_PARENT);

iv.setLayoutParams(lp_iv);

iv.setBackgroundResource(R.drawable.biankuang2);//设置imgeView的边框

iv.setTag(i);

iv.setScaleType(ScaleType.FIT_XY);

iv.setPadding(5, 5, 5, 5);

iv.setImageBitmap(small[i]);

gallery.addView(iv);

ims.add(iv);//将ImageView加入到一个数组中,以便于后边ImageView选中状态的切换

if(i==0){//默认第一个选中

iv.setBackgroundResource(R.drawable.biankuang);

iv.setPadding(5, 5, 5, 5);

bk.add(iv);

}

iv.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

count = (Integer) v.getTag();

vp.setCurrentItem(count);//调动ViewPager

}

});

}

}

private Runnable runnable= new Runnable() {

@Override

public void run() {  //HorizontalScrollView滑动逻辑

if(count>1){

hsc.scrollTo((count-1)*w/3, 0);

}else{

hsc.scrollTo(0,0);

}

ImageView iv =ims.get(count);

restor(iv);//切换ImageView的选中状态

}

};

public void restor(View v){//切换点击效果

v.setBackgroundResource(R.drawable.biankuang);

v.setPadding(5, 5, 5, 5);

bk.add(v);

ImageView iv= (ImageView) bk.get(0);

iv.setBackgroundResource(R.drawable.biankuang2);

iv.setPadding(5, 5, 5, 5);

bk.remove(0);

}

基本逻辑代码就这些,想要源码的话去这里http://download.youkuaiyun.com/detail/yeyuehei/7455327

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值