网上找的一个简单的界面平滑切换类,我只改动了一点点代码。
该类不能循环切换!
三个切换小点:
用法:
布局:
该类不能循环切换!

import android.content.Context; import android.util.AttributeSet; import android.util.Log; import android.view.GestureDetector; import android.view.GestureDetector.OnGestureListener; import android.view.MotionEvent; import android.view.View; import android.view.ViewConfiguration; import android.view.ViewGroup; import android.widget.Scroller; public class ScrollViewGroup extends ViewGroup { private static final String TAG = "scroller"; private Scroller scroller; private int currentScreenIndex; public int getCurrentScreenIndex() { return currentScreenIndex; } public void setCurrentScreenIndex(int currentScreenIndex) { this.currentScreenIndex = currentScreenIndex; } private GestureDetector gestureDetector; // 设置一个标志位,防止底层的onTouch事件重复处理UP事件 private boolean fling; public ScrollViewGroup(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); initView(context); } public ScrollViewGroup(Context context, AttributeSet attrs) { super(context, attrs); initView(context); } public ScrollViewGroup(Context context) { super(context); initView(context); } private void initView(final Context context) { this.scroller = new Scroller(context); this.gestureDetector = new GestureDetector(new OnGestureListener() { @Override public boolean onSingleTapUp(MotionEvent e) { return false; } @Override public void onShowPress(MotionEvent e) { } @Override public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { if ((distanceX > 0 && currentScreenIndex < getChildCount() - 1)// 防止移动过最后一页 || (distanceX < 0 && getScrollX() > 0)) {// 防止向第一页之前移动 scrollBy((int) distanceX, 0); } return true; } @Override public void onLongPress(MotionEvent e) { } @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { Log.d(TAG, "min velocity >>>" + ViewConfiguration.get(context).getScaledMinimumFlingVelocity() + " current velocity>>" + velocityX); // 判断是否达到最小轻松速度,取绝对值的 if (Math.abs(velocityX) > ViewConfiguration.get(context).getScaledMinimumFlingVelocity()) { if (velocityX > 0 && currentScreenIndex > 0) {//手指从左往右划 Log.d(TAG, ">>>>fling to left"); fling = true; scrollToScreen(currentScreenIndex - 1); } else if (velocityX < 0 && currentScreenIndex < getChildCount() - 1) { Log.d(TAG, ">>>>fling to right"); fling = true; scrollToScreen(currentScreenIndex + 1); } } return true; } @Override public boolean onDown(MotionEvent e) { return false; } }); } @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()); } //初始化显示第几个界面 int delta = currentScreenIndex * getWidth() - getScrollX(); scroller.startScroll(getScrollX(), 0, delta, 0, 0); invalidate(); } @Override public void computeScroll() { if (scroller.computeScrollOffset()) { scrollTo(scroller.getCurrX(), 0); postInvalidate(); } } @Override public boolean onTouchEvent(MotionEvent event) { gestureDetector.onTouchEvent(event); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: break; case MotionEvent.ACTION_MOVE: break; case MotionEvent.ACTION_UP: if (!fling) { snapToDestination(); } fling = false; break; default: break; } return true; } /** * 切换到指定屏 * * @param whichScreen */ private 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; if (onScreenChangeListener != null) { onScreenChangeListener.onScreenChange(currentScreenIndex); } } /** * 根据当前x坐标位置确定切换到第几屏 */ private void snapToDestination() { scrollToScreen((getScrollX() + (getWidth() / 2)) / getWidth()); } public interface OnScreenChangeListener { void onScreenChange(int currentIndex); } private OnScreenChangeListener onScreenChangeListener; public void setOnScreenChangeListener(OnScreenChangeListener onScreenChangeListener) { this.onScreenChangeListener = onScreenChangeListener; } }
三个切换小点:
import com.easymorse.scroll.ScrollViewGroup.OnScreenChangeListener; import android.content.Context; import android.util.AttributeSet; import android.widget.ImageView; import android.widget.LinearLayout; public class PageControlView extends LinearLayout { private Context context; private int count; public void bindScrollViewGroup(ScrollViewGroup scrollViewGroup) { this.count=scrollViewGroup.getChildCount(); generatePageControl(scrollViewGroup.getCurrentScreenIndex()); scrollViewGroup.setOnScreenChangeListener(new OnScreenChangeListener() { @Override public void onScreenChange(int currentIndex) { // TODO Auto-generated method stub generatePageControl(currentIndex); } }); } public PageControlView(Context context) { super(context); this.init(context); } public PageControlView(Context context, AttributeSet attrs) { super(context, attrs); this.init(context); } private void init(Context context) { this.context=context; } private void generatePageControl(int currentIndex) { this.removeAllViews(); for (int i = 0; i < this.count; i++) { ImageView imageView = new ImageView(context); if (currentIndex == i) { imageView.setImageResource(R.drawable.page_indicator_focused); } else { imageView.setImageResource(R.drawable.page_indicator); } this.addView(imageView); } } }
用法:
import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.ImageView; public class ScrollDemosActivity extends Activity { @SuppressWarnings("unused") private static final String TAG = "scroller"; private ScrollViewGroup viewGroup; private PageControlView pageControl; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); viewGroup = (ScrollViewGroup) findViewById(R.id.scrollViewGroup); ImageView imageView = new ImageView(this); imageView.setImageDrawable(getResources().getDrawable(R.drawable.a1)); viewGroup.addView(imageView); viewGroup.addView(View.inflate(this, R.layout.layout_0, null)); imageView = new ImageView(this); imageView.setImageDrawable(getResources().getDrawable(R.drawable.a2)); viewGroup.addView(imageView); viewGroup.setCurrentScreenIndex(2); pageControl=(PageControlView) findViewById(R.id.pageControl); pageControl.bindScrollViewGroup(viewGroup); } }
布局:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <EditText android:layout_width="fill_parent" android:layout_height="wrap_content" /> <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" > <EditText android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="2" /> <RelativeLayout android:id="@+id/myView" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" > <com.easymorse.scroll.ScrollViewGroup android:id="@+id/scrollViewGroup" android:layout_width="fill_parent" android:layout_height="fill_parent" /> <com.easymorse.scroll.PageControlView android:id="@+id/pageControl" android:layout_width="fill_parent" android:layout_height="40px" android:background="#8f00000f" android:layout_alignParentBottom="true" android:gravity="center" /> </RelativeLayout> </LinearLayout> <EditText android:layout_width="fill_parent" android:layout_height="wrap_content" /> </LinearLayout>