前段时间在网上找到一个左右滑动的例子,广泛使用在uc,墨迹天气等知名软件中,网上实现了一个布局的类(具体代码详见附件),继承FrameLayout
,声明
如下:
public class FlingGallery extends FrameLayout;
该类声明的变量如下:
- private int mGalleryWidth = 0;
- private boolean mIsTouched = false;
- private boolean mIsDragging = false;
- private float mCurrentOffset = 0.0f;
- private long mScrollTimestamp = 0;
- private int mFlingDirection = 0;
- private int mCurrentPosition = 0;
- private int mCurrentViewNumber = 0;
- private Context mContext;
- private Adapter mAdapter;
- private FlingGalleryView[] mViews;
- private FlingGalleryAnimation mAnimation;
- private GestureDetector mGestureDetector;
- private Interpolator mDecelerateInterpolater;
其中主要变量有
mCurrentPosition:当前索引。
mCurrentViewNumber:当前view的索引。
mViews 用来存放一组滑动的view。
mAnimation 动画动作。
类中还封装了类似跳转到下一个view和上一个view的常用切换方法,以及一些常用的布局方法。
在
activity
中可以这样使用:
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- mGallery = new FlingGallery(this);
- //mGallery.setPaddingWidth(5);
- mGallery.setAdapter(mBabyListAdapter);
- mGallery.setIsGalleryCircular(true);
- LinearLayout layout = new LinearLayout(getApplicationContext());
- layout = (LinearLayout) PublicFunctionAndUnit.getMainView(
- GalleryTest.this, layout, mGallery);
- layout.setBackgroundResource(R.drawable.main_bg);
- setContentView(layout);
- }
在
adapter
中把要显示的
views
放入其中
,
代码如下:
- BaseAdapter mBabyListAdapter = new BaseAdapter() {
- @Override
- public int getCount() {
- return 7;
- }
- @Override
- public Object getItem(int position) {
- return null;
- }
- @Override
- public long getItemId(int position) {
- return 0;
- }
- @Override
- public View getView(int position, View convertView, ViewGroup parent) {
- // GalleryViewItem item = new GalleryViewItem(GalleryTest.this,
- // position);
- LinearLayout item = getLinearLayout(GalleryTest.this, position);
- return item;
- }
- };
- private int[] itemViewIds = new int[] { R.layout.item1, R.layout.item2,
- R.layout.item3, R.layout.item4, R.layout.item5, R.layout.item6,
- R.layout.item7 };
- private LinearLayout getLinearLayout(Context context, int position) {
- LinearLayout layout = new LinearLayout(context);
- LayoutInflater factory = LayoutInflater.from(context);
- View item = factory.inflate(itemViewIds[position], null);
- layout.addView(item, new LinearLayout.LayoutParams(
- LinearLayout.LayoutParams.FILL_PARENT,
- LinearLayout.LayoutParams.FILL_PARENT));
- return layout;
- }
在使用过程中,发现该类,只有跳转到上一个和下一个view 的方法,不能指定跳转到某个view,仔细观察代码后,这个方法可以使用它所给的nextd等实现,代码如下:
- public void moveToViewbyId(int id)
- {
- int num=id-mCurrentPosition;
- if(num!=0)
- {
- if(num>0)
- {
- for(int i=0;i<num;i++)
- {
- moveNext();
- }
- }
- else
- {
- for(int i=0;i<(0-num);i++)
- {
- movePrevious();
- }
- }
- }
- }
这里这样写这个方法实际上是取巧自上一步与下一步方法,把当前id与要跳转的id相减,得出要跳转次数,进行跳转,如果深入修改该类中的moveNext方法或者movePrevious方法同样可以完成该操作,不过没有这个方法简洁明了。
本文转自HDDevTeam 51CTO博客,原文链接:http://blog.51cto.com/hddev/623009,如需转载请自行联系原作者