展会信息港展会大全

利用FrameLayout连接一组view实现流畅的左右滑动
来源:互联网   发布日期:2015-11-15 10:00:07   浏览:3336次  

导读:前段时间在网上找到一个左右滑动的例子,广泛使用在uc,墨迹天气等知名软件中,网上实现了一个布局的类(具体代码详见附件),继承FrameLayout,声明如下: publi...

前段时间在网上找到一个左右滑动的例子,广泛使用在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” 博客

赞助本站

人工智能实验室

相关热词: android开发 教程

相关内容
AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港