终于用ViewGroup实现了一个比较满意的视图切换效果
2013-02-18 01:14 336 0
在编写了多个原型后，终于找到了比较满意的实现方式。
上述截图，是手指拖动的效果，如果拖动过屏幕中点，松手后就会自动移动到第二屏。另外，如果使用轻扫手势，也可以自动移动下一屏。
主要是参考了这个项目：
http://code.google.com/p/andro-views/
有源代码，不过他的代码有两个问题：
-
有bug，在特定情况下，可能两屏会同时出现，类似上面第三张图，不能切换过去，这可能是作者漏掉了一些touch状态可能性造成的
-
代码比较繁杂，作者估计是参考Android源代码来写的，有些代码复制自Android代码，比如ViewGroup，另外可能参考了ScrollView等
看到eric的实现，让我明白以前的animation动画处理以及通过修改空白边（margin）的方式都不是正道。正道是使用Scroller，这是一个带动画支持的滚屏帮助类。
使用Scroller的基本思路是，比如在本例中，将多个子视图（ImageView）横向排列到布局中（自己实现的布局），然后，通过Scroller可支持类似Windows下滚动条横向移动的效果，而且是带动画的。比如，Scroller的方法：
-
startScroll(int startX, int startY, int dx, int dy)，设定x轴和y轴的起点及移动的距离，调用该方法将执行滚动动画，动画时间是250毫秒，也可以用重载的另外一个方法，可设定动画周期
-
abortAnimation（），停止动画，那么移动屏幕也会中止，目前我的版本中没有用到，用的场合是轻扫手势后，又做了按下的手势
-
computeScrollOffset（），判断是否移动到指定位置，用于移动过程中调用，如果未到位将继续移动，产生动画移动的效果，在本例中，覆盖ViewGroup的computeScroll方法，在里面调用了该方法
对Scroller的调用，要在布局（Layout）中进行。
Android中的View有两个子类，Widget和ViewGroup，Widget是可见的窗口组件，比如按钮，ViewGroup就是布局，ViewGroup已经提供了多个布局子类，比如LinearLayout等。
本例中实现了自己的ViewGroup子类。
通过覆盖onLayout方法实现对子视图的横向排列布局：
@Override
protected void onLayout(boolean changed, int left, int top, int right,
int bottom) {
Log.d(TAG, ">>left: " + left + " top: " + top + " right: " + right
+ " bottom:" + bottom);
/**
* 设置布局，将子视图顺序横屏排列
*/
for (int i = 0; i < getChildCount(); i++) {
View child = getChildAt(i);
child.setVisibility(View.VISIBLE);
child.measure(right – left, bottom – top);
child.layout(0 + i * getWidth(), 0, getWidth() + i * getWidth(),
getHeight());
通过覆盖computeScroll方法，计算移动屏幕的位移和重新绘制屏幕：
@Override
public void computeScroll() {
if (scroller.computeScrollOffset()) {
scrollTo(scroller.getCurrX(), 0);
postInvalidate();
}
}
编写了一个名为scrollToScreen的方法，用于根据指定屏幕号切换到该屏幕：
/**
* 切换到指定屏
*
* @param whichScreen
*/
public void scrollToScreen(int whichScreen) {
if (getFocusedChild() != null && whichScreen != currentScreenIndex
&& getFocusedChild() == getChildAt(currentScreenIndex)) {
getFocusedChild().clearFocus();
}
final int delta = whichScreen * getWidth() – getScrollX();
scroller.startScroll(getScrollX(), 0, delta, 0, Math.abs(delta) * 2);
invalidate();
currentScreenIndex = whichScreen;
}
snapToDestination方法，是处理当屏幕拖动到一个位置松手后的处理：
/**
* 根据当前x坐标位置确定切换到第几屏
*/
private void snapToDestination() {
scrollToScreen((getScrollX() + (getWidth() / 2)) / getWidth());
}
然后说说手势事件的处理。eric的实现，全部使用onTouch事件处理，这样代码不够简明。因为需要记录很多组合手势的历史数据，这样就必须有一些状态位，一些坐标数值。
我用GestureDetector的手势处理事件简化了这方面的处理，只在手势抬起（UP）事件处理中在ouTouchEvent方法中做了处理。
具体的代码见：
