以前从来没有写博客的习惯,今天设计要让做一个引导页。就是一个很长的横图,然后从右往左慢慢播放,在播放完了之后会重新播放,当然,需求是要很连贯的效果。
接到需求之后,初步想法如下:让图片按矩阵方式放置,也就是将scaleType设置为matrix.
android:id="@+id/iv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scaleType="matrix" />
然后就是将图片,一点一点的向你所需要的方向滚动,怎么滚动呢?很简单:
iv.scrollBy(-1, 0);
这个要不要用定时器呢,我想了想,其实完全没有必要用定时器,用handler就完全可以,代码如下:
//速度 25 正好
private final Handler handler = new Handler() {
public void handleMessage(Message msg) {
switch (msg.what) {
case 0:
iv.scrollBy(-1, 0);
Log.e("look","iv.getScrollX():"+iv.getScrollX());
if(iv.getScrollX()==0){
//Toast.makeText(MainActivity.this, "STOP!",Toast.LENGTH_SHORT).show();
iv.scrollTo(result.getWidth()-width, 0);
sendEmptyMessageDelayed(0, SCROLL_DELAY);
}else{
sendEmptyMessageDelayed(0, SCROLL_DELAY);
}
break;
default:
break;
}
}
};
有一个按钮就sendEmptyMessage(0)就可以了,然后就实现了,他一点一点从右往左移动的功能了。但是,现在播放完了之后,会是一片白的,并没有完成循环播放的需求,于是我想到了一个办法,就是截取一下图片在第一次显示在屏幕的时候那一块图片,放在图片在左边。代码如下:
width=getResources().getDisplayMetrics().widthPixels;
//需要将此长图多切出一屏的宽度来拼接在图的前面
Bitmap source=BitmapFactory.decodeResource(getResources(), R.drawable.test);
Log.e("look","source.getHeight():"+source.getHeight());
Log.e("look","source.getWidth():"+source.getWidth());
Log.e("look","source.getWidth()-width:"+(source.getWidth()-width));
Bitmap before=Bitmap.createBitmap(source, source.getWidth()-width, 0, width,source.getHeight());
result=Bitmap.createBitmap(source.getWidth()+before.getWidth(), source.getHeight(), Config.ARGB_8888);
Canvas canvas=new Canvas(result);
canvas.drawBitmap(before, 0, 0, null);
canvas.drawBitmap(source, before.getWidth(), 0, null);
iv.setImageBitmap(result);
Log.e("look","result.getWidth():"+result.getWidth());
iv.scrollTo(result.getWidth()-width, 0);
这里要解释一下,由于我的需求是从右往左播放,所以我做的例子也是从右往左播放的。
这样拼出来的一张图就是原图加上一个屏幕的图,然后在移动在0的时候直接用scrollto将位置重置一下,这样功能就完成了,哈哈。
本人写博客写得少,如果有些看不懂,那也没事,我把项目源代码分享给大家,链接如下:点击下载