android 背景图片滚动

　昨天在给客户端做天气展示页面的时候，发现很多app的天气页面背景图片都会缓慢移动，形成了一种3d的感觉。例如下雨，静态图片缓慢移动，雨滴位置变换感觉就真的在下雨。云朵的移动也很酷。于是研究了一下午。写了一个自定义view控件。

我的自定义控件继承了view，重写ondraw方法。本人C#转android才3个月，以下代码如有错或者有可以改进的地方，请各位在评论中指出。望不吝赐教！

?





1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

/**

 * 图片跑马灯，图片无限循环滚动效果控件

 * 图片长宽必须大于手机长宽，否则会报错退出

 * @author sy

 */

public class MarqueeImageView extends
View {

    // 背景图片

    Bitmap back;

    int
nowX = 0;

    int
backWidth;

    int
vw;

    int
vh;

    int
speed;

    public
MarqueeImageView(Context context) {

        super(context);

    }

    public
MarqueeImageView(Context context, AttributeSet attrs) {

        super(context, attrs);

    }

    public
MarqueeImageView(Context context, AttributeSet attrs, int
defStyle) {

        super(context, attrs, defStyle);

    }

    // 启动

    public
void Start(Bitmap backMap, Window windows) {

        int
h = backMap.getHeight();

        int
w = backMap.getWidth();

        // 获取设备高度和宽度

        Rect frame = new
Rect();

        windows.getDecorView().getWindowVisibleDisplayFrame(frame);<br>

        vh = frame.height();

        vw = frame.width();

        // 设置滚动速度

        speed = 1;

        //裁剪一下

        back = Bitmap.createBitmap(backMap, 0, 0, backMap.getWidth(), vh);

        backWidth = back.getWidth();

        final
Handler handler = new
Handler() {

            public
void handleMessage(Message msg) {

                if
(msg.what == 0x123) {

                    // 该函数的作用是使整个窗口客户区无效。窗口的客户区无效意味着需要重绘

                    invalidate();

                }

            }

        };

        new
Timer().schedule(new
TimerTask() {

            @Override

            public
void run() {

                handler.sendEmptyMessage(0x123);

            }

        }, 0, 80);

    }

    @Override

    protected
void onDraw(Canvas canvas) {

        int
w = backWidth - nowX;

        if
(vw <= w) {

            // 图片剩余宽度大于屏幕宽度，从原图上截取屏幕窗口大小的一块区域

            Bitmap bitmap = Bitmap.createBitmap(back, nowX, 0, vw, vh);

            canvas.drawBitmap(bitmap, 0, 0, null);

        } else
{

            Bitmap bitmap = Bitmap.createBitmap(back, nowX, 0, w, vh);

            canvas.drawBitmap(bitmap, 0, 0, null);

            Bitmap bitmap2 = Bitmap.createBitmap(back, 0, 0, vw - w, vh);

            canvas.drawBitmap(bitmap2, w, 0, null);

        }

        if
(nowX + speed >= backWidth) {

            nowX = 0;

        } else
{

            nowX += speed;

        }

    }

}

　　使用这个控件的前提是原图大小一定要大于显示区域，不然滚动就没有意义，变成平铺了。

　　说下思路。滚动初始时，原图就上就能截取到满足显示区域大小的图片。所以这时，我在ondraw里面直接从原图生成一个新的bitmap，然后画到canvas上就行了。

　　滚动的临界点之一是当原图的右上角和显示区域的右上角重合时，这意味着下一次调用ondraw，从原图截取出来的bitmap已经不能填满整个区域，这时需要再从原图中截取一次bitmap，2张图片拼接起来占满整个显示区域。如果是从左向右滚动图片，临界点后，第一次截取的是原图右边界部分图片，第二次截取的是左边界部分图片。这样看上去就是一张图片无限滚动了。

　　第二个临界点是原图的右上角和显示区域的左上角重合。这意味着已经完成一次原图的滚动了。这时就不需要再用两张图片拼接填满显示区域了，只需要从原图的左上角开始截取显示区域大小的一块即可。这时才算完成了无限滚动。

这个控件目前只能滚动一张图片，不过稍微改一改也可以做成画廊控件。加入手势控制应该可以做一个不错的图片浏览器。不过先就这样吧~有时间有需求再改！

android 背景图片滚动,布布扣,bubuko.com

时间： 2024-08-07 00:18:29

android 背景图片滚动的相关文章

android 背景图片的设置

在java文件中对控件设置背景图片 layout.setBackgroundDrawable(getResources().getDrawable(R.drawable.bgimage)) 在设置中,通过发送广播对整个布局中的背景进行更改. menu_bg1.setOnClickListener(new SendBroadcast()); private class SendBroadcast implements View.OnClickListener { @Override public

Android: 背景图片平铺要这么干

<?xml version="1.0" encoding="utf-8"?>  <bitmap xmlns:android="http://schemas.android.com/apk/res/android"    android:src="@drawable/bg_header"      android:tileMode="repeat" >  </bitmap>

Android 背景图片平铺

在drawable目录下创建一个repeat_bg.xml: <?xml version="1.0" encoding="utf-8"?> <bitmap xmlns:android="http://schemas.android.com/apk/res/android"     android:src="@drawable/asdfg"     android:tileMode="repeat&q

Android实现图片滚动控件

怎样实现图片滚动器的效果. 今天就总结下.这里我也不多说什么.直接源代码.不懂的直接提问我. 第一种实现方式:利用Gallery,但是这个现在已经过时了.我这里不多介绍了.只贴一个核心类. package com.drocode.swithcer; import java.util.TimerTask; import android.content.Context; import android.util.AttributeSet; import android.util.Log; import

Android高级图片滚动控件，编写3D版的图片轮播器

转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/17482089 大家好,好久不见了,最近由于工作特别繁忙,已经有一个多月的时间没写博客了,我也是深感惭愧.那么今天的这篇既然是阔别了一个多月的文章,当然要带来更加给力点的内容了,那么话不多说,赶快进入到今天的正题吧. 说 到图片轮播器,很多的Android应用中都会带有这个功能,比如说网易新闻.淘宝等.最新我们公司的一款应用也加入了这个功能,并且在图片轮播的基础上 还增加了三维立体

背景图片定位

 背景图片定位(background-position)原理 A. 语法:Background-position:水平位置 垂直位置 B. 水平位置/垂直位置设置方法: 1) 数值(px)正负值都可以,正数值表示向右移动或向下移动,负数值表示向左或向上移动: 2) 百分比(%)范围:0%-100% 3) 关键词:水平位置:left(左) center(中) right(右) 垂直位置:top(上) center(中) bottom(下) 默认情况下,background-position的原点位

android 开发入门之背景图片

针对网上对于Activity设置背景图片的例子比较少,特献上自己的代码. android APP开发,在显示界面的时候,一般都会用到背景图片,而背景图片一般是全屏显示的.例如应用开启的欢迎屏幕. 原理: 在Activity初始化布局对象的时候,获取该布局实例,然后设置背景图片. 优点:可以动态加载图片. 示例代码如下:以下代码放置在Activity,onCreate方法中. //设置无标题栏 requestWindowFeature(Window.FEATURE_NO_TITLE); //加载布

Android之背景图片设置为重复而不是默认的拉伸

创建重复的背景图片 在drawable目录下创建一个repeat_bg.xml:  src是引用图片的名称 1 <?xml version="1.0" encoding="utf-8"?> 2 <bitmap xmlns:android="http://schemas.android.com/apk/res/android" 3     android:src="@drawable/bg" 4     and

Android启动过程中背景图片显示

转自:http://blog.csdn.net/zhangzhikaixinya/article/details/17001321 大部分Android App启动过程中,都会设置一个背景图片,直到App加载成功,图片消失.因此,这也是做Android App的基本技能之一.这个过程实现起来并不难. 总共需要以下内容:2个Activity,一张背景图,2个xml配置文件,String.xml,AndroidManifest写入配置信息. 1 准备一张背景图图片,命名为load,自己选择图片格式.