android 动态背景的实现以及SurfaceView中添加EditText控件

首先还是一贯作风，我们先看案例：

静态图看不出来效果，如果用过此软件（扎客）的同学们都知道，她的背景会动.怎么样，是不是觉得很时尚,起码比静态的要好(个人观点).其实实现起来并不复杂，这个如果让做游戏程序员做简直太小儿科了，这里我说明一点，其实我们做应用的也应该多少了解下游戏编程思维，起码对我们做应用有很好的帮助.

下面我简单介绍下实现方式.

实现原理：自定义一个SurfaceView控件.对之不停的onDraw,使得其背景动起来.

对于SurfaceView如果不了解的同学们麻烦你先上网查找下，网上相关介绍很多.

这里我简单介绍下其功能：首先这个控件是View的子类.好处就是可以在线程中（非UI线程）对UI进行更新.

MySurfaceView.java

[java]view plaincopyprint?

1. package com.jj.dynamic;
3. import android.content.Context;
4. import android.graphics.Bitmap;
5. import android.graphics.Canvas;
6. import android.graphics.Color;
7. import android.graphics.Paint;
8. import android.graphics.PorterDuff;
9. import android.util.AttributeSet;
10. import android.view.SurfaceHolder;
11. import android.view.SurfaceView;
12. import android.view.SurfaceHolder.Callback;
14. publicclass MySurfaceView extends SurfaceViewimplements Callback, Runnable {
15. private Context mContext;
16. private SurfaceHolder surfaceHolder;
17. privateboolean flag = false;// 线程标识
18. private Bitmap bitmap_bg;// 背景图
20. privatefloat mSurfaceWindth, mSurfaceHeight;// 屏幕宽高
22. privateint mBitposX;// 图片的位置
24. private Canvas mCanvas;
26. private Thread thread;
28. // 背景移动状态
29. privateenum State {
30. LEFT, RINGHT
31. }
33. // 默认为向左
34. private State state = State.LEFT;
36. privatefinal int BITMAP_STEP =1;// 背景画布移动步伐.
38. public MySurfaceView(Context context, AttributeSet attrs) {
39. super(context, attrs);
40. flag = true;
41. this.mContext = context;
42. setFocusable(true);
43. setFocusableInTouchMode(true);
44. surfaceHolder = getHolder();
45. surfaceHolder.addCallback(this);
46. }
48. /***
49. * 进行绘制.
50. */
51. protectedvoid onDraw() {
52. drawBG();
53. updateBG();
54. }
56. /***
57. * 更新背景.
58. */
59. publicvoid updateBG() {
60. /** 图片滚动效果 **/
61. switch (state) {
62. case LEFT:
63. mBitposX -= BITMAP_STEP;// 画布左移
64. break;
65. case RINGHT:
66. mBitposX += BITMAP_STEP;// 画布右移
67. break;
69. default:
70. break;
71. }
72. if (mBitposX <= -mSurfaceWindth /2) {
73. state = State.RINGHT;
74. }
75. if (mBitposX >=0) {
76. state = State.LEFT;
77. }
78. }
80. /***
81. * 绘制背景
82. */
83. publicvoid drawBG() {
84. mCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);// 清屏幕.
85. mCanvas.drawBitmap(bitmap_bg, mBitposX,0, null);// 绘制当前屏幕背景
86. }
88. @Override
89. publicvoid run() {
90. while (flag) {
91. synchronized (surfaceHolder) {
92. mCanvas = surfaceHolder.lockCanvas();
93. onDraw();
94. surfaceHolder.unlockCanvasAndPost(mCanvas);
95. try {
96. Thread.sleep(100);
97. } catch (InterruptedException e) {
98. e.printStackTrace();
99. }
100. }
101. }
103. }
105. @Override
106. publicvoid surfaceCreated(SurfaceHolder holder) {
108. mSurfaceWindth = getWidth();
109. mSurfaceHeight = getHeight();
110. int mWindth = (int) (mSurfaceWindth *3 / 2);
111. /***
112. * 将图片缩放到屏幕的3/2倍.
113. */
114. bitmap_bg = BitmapUtil.ReadBitmapById(mContext, R.drawable.hypers_bg,
115. (int) mWindth, (int) mSurfaceHeight);
117. thread = new Thread(this);
118. thread.start();
120. }
122. @Override
123. publicvoid surfaceChanged(SurfaceHolder holder, int format, int width,
124. int height) {
126. }
128. @Override
129. publicvoid surfaceDestroyed(SurfaceHolder holder) {
130. flag = false;
131. }
133. }

package com.jj.dynamic;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.PorterDuff;import android.util.AttributeSet;import android.view.SurfaceHolder;import android.view.SurfaceView;import android.view.SurfaceHolder.Callback;public class MySurfaceView extends SurfaceView implements Callback, Runnable {private Context mContext;private SurfaceHolder surfaceHolder;private boolean flag = false;// 线程标识private Bitmap bitmap_bg;// 背景图private float mSurfaceWindth, mSurfaceHeight;// 屏幕宽高private int mBitposX;// 图片的位置private Canvas mCanvas;private Thread thread;// 背景移动状态private enum State {LEFT, RINGHT}// 默认为向左private State state = State.LEFT;private final int BITMAP_STEP = 1;// 背景画布移动步伐.public MySurfaceView(Context context, AttributeSet attrs) {super(context, attrs);flag = true;this.mContext = context;setFocusable(true);setFocusableInTouchMode(true);surfaceHolder = getHolder();surfaceHolder.addCallback(this);}/*** * 进行绘制. */protected void onDraw() {drawBG();updateBG();}/*** * 更新背景. */public void updateBG() {/** 图片滚动效果 **/switch (state) {case LEFT:mBitposX -= BITMAP_STEP;// 画布左移break;case RINGHT:mBitposX += BITMAP_STEP;// 画布右移break;default:break;}if (mBitposX <= -mSurfaceWindth / 2) {state = State.RINGHT;}if (mBitposX >= 0) {state = State.LEFT;}}/*** * 绘制背景 */public void drawBG() {mCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);// 清屏幕.mCanvas.drawBitmap(bitmap_bg, mBitposX, 0, null);// 绘制当前屏幕背景}@Overridepublic void run() {while (flag) {synchronized (surfaceHolder) {mCanvas = surfaceHolder.lockCanvas();onDraw();surfaceHolder.unlockCanvasAndPost(mCanvas);try {Thread.sleep(100);} catch (InterruptedException e) {e.printStackTrace();}}}}@Overridepublic void surfaceCreated(SurfaceHolder holder) {mSurfaceWindth = getWidth();mSurfaceHeight = getHeight();int mWindth = (int) (mSurfaceWindth * 3 / 2);/*** * 将图片缩放到屏幕的3/2倍. */bitmap_bg = BitmapUtil.ReadBitmapById(mContext, R.drawable.hypers_bg,(int) mWindth, (int) mSurfaceHeight);thread = new Thread(this);thread.start();}@Overridepublic void surfaceChanged(SurfaceHolder holder, int format, int width,int height) {}@Overridepublic void surfaceDestroyed(SurfaceHolder holder) {flag = false;}}

上诉代码相当简单，我也不过多介绍.相信大家都看得懂.

下面是我们只需要在Main.xml中引用即可.

[java]view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>
2. <com.jj.dynamic.MySurfaceView xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent" >
6. </com.jj.dynamic.MySurfaceView>

<?xml version="1.0" encoding="utf-8"?><com.jj.dynamic.MySurfaceView xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent" ></com.jj.dynamic.MySurfaceView>

这个的效果图我就不展示了.就是一个时时变动的背景图片，下面我展示下我最近在开发的一个内部小型项目，针对开年会娱乐场所用的.（里面东西都是会动的.）看是简单我加了好多动画特效，做这个页面花了我一个星期呢.

怎么样，看起来还不错吧.其实我只是想说明一点.我们应用中完全可以把游戏融入进去，这样我们可以得到另一番景象，不过话说回来，这样也会带来相应的负面影响，因为都是画上去的，所以工作量也会翻倍.总之根据自己需要来开发就好了.

下面我上传下APK，大家可以下载安装下看看，说不定你可以从中找到灵感.

HypersParty.apk

下面我们再看一个页面：

我想说明的是这个密码后面的EditText的问题，要加上去很简单，我们直接可以通过布局搞定，下面我们看布局文件

这里我没有上布局文件代码，是因为我觉得看这个视图更好理解一点，不是么，有很多一上来就把布局文件啪啦啪啦贴出来，还得读取半天.

我说下诡异问题.看下面张图片：

这张图片是我点击键盘后让键盘小时候的结果（注：此时软键盘可以遮挡输入框）.其实如果你再次点击edittext，其实它还在原位，只是surfaceView在绘制的时候影响到了，原因不明.(下面我说个更诡异的问题，真是一个接一个，弄的我有想摔手机的心都有了.我的测试机是华为S8600,android2.3的，然后我用oppo手机android4.0测试的时候用截图工具竟然截不出来上面这张bug图片，手机助手显示是OK，但是手机上显示是BUG，NND,当时郁闷的要死，不管了这也不是重点.)

解决方法很简单：我们只需要在我们的activity中执行这段话就ok了.(同样适用于自定义的dialog.)

[java]view plaincopyprint?

1. getWindow().setSoftInputMode(
2. WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE
3. | WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN);

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE| WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN);

网上有的说可以在配置文件中配置，可是我配置了竟然无动于衷.大家可以去研究研究，总之代码这种方案可行.

效果图：

问题又出来了，看着怎么这么别扭呢，为什么密码跑了那么高呢?

这个问题没有解决，希望同学们有解决方案的朋友们麻烦告知下，（尝试多次不行，个人感觉系统是以edittext为对象，将之弹起，中间的距离和edittext本身在布局中的位置有关，如果在底部的话，那么正好在键盘的上面）。

有文章说 getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN); 这句话可以解决，可惜试了试不尽人意.

总之看着还说的过去，临时就这样了，昨天在群里问了问，有朋友们提出，弄一个透明的dialog，activity，想想虽然没有这么搞的，但是确实可行，只要你处理得好，根本看不出来他们不是一个布局.

最后简单说明一点：其实在surfaceView中一般不需要加edittext控件的，比如说游戏，即使要的话，也会弹出一个性感的dialog.在其中加载控件（尤其是edittext）几乎就不会有这样的需求，即使有了，我们换个思维实现就OK了.