Android高仿抖音滚动聊天,Android仿抖音列表效果

本文实例为大家分享了Android仿抖音列表效果的具体代码,供大家参考,具体内容如下

当下抖音非常火热,是不是也很心动做一个类似的app吗?

那我们就用RecyclerView实现这个功能吧,关于内存的回收利用就交给RecyclerView就好了。

首先我们先说3个和视频播放暂停相关的接口

public interface OnViewPagerListener {

/**

* 初始化

*/

void onInitComplete(View view);

/**

* 释放

*/

void onPageRelease(boolean isNext, int position, View view);

/**

* 选中

*/

void onPageSelected(int position, boolean isBottom, View view);

}

然后自定义LinearLayoutManager

public class PagerLayoutManager extends LinearLayoutManager {

private PagerSnapHelper mPagerSnapHelper;

private OnViewPagerListener mOnViewPagerListener;

private RecyclerView mRecyclerView;

private int mDrift;//位移,用来判断移动方向

public PagerLayoutManager(Context context, int orientation) {

super(context, orientation, false);

init();

}

public PagerLayoutManager(Context context, int orientation, boolean reverseLayout) {

super(context, orientation, reverseLayout);

init();

}

private void init() {

mPagerSnapHelper = new PagerSnapHelper();

}

@Override

public void onAttachedToWindow(RecyclerView view) {

super.onAttachedToWindow(view);

mPagerSnapHelper.attachToRecyclerView(view);

this.mRecyclerView = view;

mRecyclerView.addOnChildAttachStateChangeListener(mChildAttachStateChangeListener);

}

@Override

public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {

super.onLayoutChildren(recycler, state);

}

/**

* 滑动状态的改变

* 缓慢拖拽-> SCROLL_STATE_DRAGGING

* 快速滚动-> SCROLL_STATE_SETTLING

* 空闲状态-> SCROLL_STATE_IDLE

*

* @param state

*/

@Override

public void onScrollStateChanged(int state) {

switch (state) {

case RecyclerView.SCROLL_STATE_IDLE:

View viewIdle = mPagerSnapHelper.findSnapView(this);

if (viewIdle != null) {

int positionIdle = getPosition(viewIdle);

if (mOnViewPagerListener != null && getChildCount() == 1) {

mOnViewPagerListener.onPageSelected(positionIdle, positionIdle == getItemCount() - 1, viewIdle);

}

}

break;

case RecyclerView.SCROLL_STATE_DRAGGING:

View viewDrag = mPagerSnapHelper.findSnapView(this);

if (viewDrag != null) {

int positionDrag = getPosition(viewDrag);

}

break;

case RecyclerView.SCROLL_STATE_SETTLING:

View viewSettling = mPagerSnapHelper.findSnapView(this);

if (viewSettling != null) {

int positionSettling = getPosition(viewSettling);

}

break;

}

}

/**

* 监听竖直方向的相对偏移量

*

* @param dy

* @param recycler

* @param state

* @return

*/

@Override

public int scrollVerticallyBy(int dy, RecyclerView.Recycler recycler, RecyclerView.State state) {

this.mDrift = dy;

return super.scrollVerticallyBy(dy, recycler, state);

}

/**

* 监听水平方向的相对偏移量

*

* @param dx

* @param recycler

* @param state

* @return

*/

@Override

public int scrollHorizontallyBy(int dx, RecyclerView.Recycler recycler, RecyclerView.State state) {

this.mDrift = dx;

return super.scrollHorizontallyBy(dx, recycler, state);

}

/**

* 设置监听

*

* @param listener

*/

public void setOnViewPagerListener(OnViewPagerListener listener) {

this.mOnViewPagerListener = listener;

}

private RecyclerView.OnChildAttachStateChangeListener mChildAttachStateChangeListener = new RecyclerView.OnChildAttachStateChangeListener() {

/**

* itemView依赖Window

*/

@Override

public void onChildViewAttachedToWindow(View view) {

if (mOnViewPagerListener != null && getChildCount() == 1) {

mOnViewPagerListener.onInitComplete(view);

}

}

/**

*itemView脱离Window

*/

@Override

public void onChildViewDetachedFromWindow(View view) {

if (mDrift >= 0) {

if (mOnViewPagerListener != null)

mOnViewPagerListener.onPageRelease(true, getPosition(view), view);

} else {

if (mOnViewPagerListener != null)

mOnViewPagerListener.onPageRelease(false, getPosition(view), view);

}

}

};

}

然后大功告成直接使用

recyclerView = findViewById(R.id.recycler_view);

PagerLayoutManager mLayoutManager = new PagerLayoutManager(this, OrientationHelper.VERTICAL);

mDatas.addAll(DataUtils.getDatas());

mAdapter = new VideoAdapter(this, mDatas);

recyclerView.setLayoutManager(mLayoutManager);

recyclerView.setAdapter(mAdapter);

mLayoutManager.setOnViewPagerListener(new OnViewPagerListener() {

@Override

public void onInitComplete(View view) {

playVideo(0, view);

}

@Override

public void onPageSelected(int position, boolean isBottom, View view) {

playVideo(position, view);

}

@Override

public void onPageRelease(boolean isNext, int position, View view) {

int index = 0;

if (isNext) {

index = 0;

} else {

index = 1;

}

releaseVideo(view);

}

});

/**

* 播放视频

*/

private void playVideo(int position, View view) {

if (view != null) {

mVideoView = view.findViewById(R.id.video_view);

mVideoView.start();

}

}

/**

* 停止播放

*/

private void releaseVideo(View view) {

if (view != null) {

IjkVideoView videoView = view.findViewById(R.id.video_view);

videoView.stopPlayback();

}

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 仿抖音APP下拉刷新功能,首先分析这个效果的实现思路,大致如下:   1、上拉时页面有翻页效果,可以用scrollview的pagingEnabled来实现,也就是说列表页不管你用tableview还是collectionview,只要每个cell是全屏的就可以。   2、下拉:当页面不是停留在第一个cell时,下拉就只是scrollView的滚动效果,不会触发刷新,当页面停留在第一个cell,也就是说scrollView.contentOffset.y = 0的时候,手指下拉才会触发刷新效果,并且下拉时scrollView不动,也就是没有scrollview的弹性效果,因此scrollView.bounces = NO。   3、既然下拉时scrollView不动,就不能使用代理来监听scrollView的滑动实现刷新,于是我想到了用touches的系列方法来监控手指下滑位移。   4、动画分解有五步:   (1)下拉时“推荐、附近”的那个导航条和“下拉刷新内容”的视图有渐隐渐显的效果,位置也随着手指下移,可以通过手指下滑位移计算alpha来实现   (2)下拉时,“下拉刷新内容”的视图右边那个有缺口的小圆环会随着手指滑动转圈,下滑时逆时针旋转   (3)下滑一定距离后如果不松手,又继续上滑,会执行前两步的反效果,圆环顺时针旋转,手指停在屏幕上,圆环就停止转动   (4)下滑到某个临界点,导航条和刷新视图都不再移动(此时导航条已经完全透明),所以可以通过计算起始点和当前点移动距离来计算透明度、位移、旋转角度,这些操作都在touchesMoved中实现   (5)到临界点松手后,导航条和刷新视图都回到原始位置,小圆环一直顺时针转圈,直到刷新结束,停止动画,隐藏刷新视图,显示导航条,如果没达到临界点就松手,不会触发刷新。。
如果想要实现一个类似于 Android 官方的 RecyclerView 控件,可以使用以下步骤: 1. 添加依赖库 在项目的 build.gradle 文件中添加以下依赖库: ```groovy implementation 'androidx.recyclerview:recyclerview:1.1.0' ``` 2. 创建布局文件 创建一个 RecyclerView 布局文件,例如: ```xml <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 3. 创建适配器 创建一个适配器来管理 RecyclerView 中的数据和视图。您可以扩展 `RecyclerView.Adapter` 类并实现以下方法: ```java public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> { private List<String> mData; public MyAdapter(List<String> data) { mData = data; } @Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()) .inflate(R.layout.item_layout, parent, false); return new MyViewHolder(view); } @Override public void onBindViewHolder(MyViewHolder holder, int position) { String item = mData.get(position); holder.textView.setText(item); } @Override public int getItemCount() { return mData.size(); } public static class MyViewHolder extends RecyclerView.ViewHolder { TextView textView; public MyViewHolder(View itemView) { super(itemView); textView = itemView.findViewById(R.id.textView); } } } ``` 4. 设置布局管理器和适配器 在 Activity 或 Fragment 中,您需要设置一个布局管理器和适配器来控制 RecyclerView。例如: ```java RecyclerView recyclerView = findViewById(R.id.recyclerView); recyclerView.setLayoutManager(new LinearLayoutManager(this)); List<String> data = new ArrayList<>(); data.add("Item 1"); data.add("Item 2"); data.add("Item 3"); MyAdapter adapter = new MyAdapter(data); recyclerView.setAdapter(adapter); ``` 5. 自定义滚动效果 如果您想要实现自定义的滚动效果,您可以使用 `RecyclerView.ItemDecoration` 类。例如,以下代码将在 RecyclerView 中添加一个分隔线: ```java public class DividerItemDecoration extends RecyclerView.ItemDecoration { private Drawable mDivider; public DividerItemDecoration(Context context) { mDivider = ContextCompat.getDrawable(context, R.drawable.divider); } @Override public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) { int left = parent.getPaddingLeft(); int right = parent.getWidth() - parent.getPaddingRight(); int childCount = parent.getChildCount(); for (int i = 0; i < childCount; i++) { View child = parent.getChildAt(i); RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams(); int top = child.getBottom() + params.bottomMargin; int bottom = top + mDivider.getIntrinsicHeight(); mDivider.setBounds(left, top, right, bottom); mDivider.draw(c); } } } ``` 然后,您可以在 Activity 或 Fragment 中设置这个装饰器: ```java RecyclerView recyclerView = findViewById(R.id.recyclerView); recyclerView.setLayoutManager(new LinearLayoutManager(this)); List<String> data = new ArrayList<>(); data.add("Item 1"); data.add("Item 2"); data.add("Item 3"); MyAdapter adapter = new MyAdapter(data); recyclerView.setAdapter(adapter); recyclerView.addItemDecoration(new DividerItemDecoration(this)); ``` 这样,您就可以实现一个类似 Android 官方的 RecyclerView 控件了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值