仿探探卡片滑动效果

最新推荐文章于 2023-08-04 15:00:00 发布
最新推荐文章于 2023-08-04 15:00:00 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： Android代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/inter_native/article/details/78598702
版权

首先导入依赖

compile 'com.github.bumptech.glide:glide:3.6.1'

github定制，主要的是里面的casdswipelayout，然后直接观察一下fanxianfragment里面的实现代码，即可简单实现

Github下载定制

下面是效果，代码太多，就不粘了






时光无声
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp 仿探探卡片右滑效果 完美兼容 APP H5
01-14
uniapp 仿探探卡片右滑效果自写分享 完美兼容 APP H5 uniapp 仿探探卡片右滑效果自写分享 完美兼容 APP H5 uniapp 仿探探卡片右滑效果自写分享 完美兼容 APP H5 使用： <ezflycard @resetCardsList="resetCardsList" :throwTriggerDistance="80" dragDirection="all" :cards="cards" :hasShadow="true"> </ezflycard>
高仿探探卡片滑动
逗你玩之豆豆豆
10-03 3927
1、卡片四个方向角滑动 2、右like左dislike 运行效果如下 代码如下： 宏定义文件#ifndef PrefixHeader_pch #define PrefixHeader_pch#define iPhone5AndEarlyDevice (([[UIScreen mainScreen] bounds].size.height*[[UIScreen mainScreen] bo
iOS APP开发项目案例（仿探探优化）--FaceFriend
iOS_Manguoge的博客
10-21 6368
APP的主要功能有三点：1.美颜相机；2.相册分类管理；3.基于相册分类、用户标签及用户行为的人物画像的社交功能。 优图人脸识别、图片标签识别、基于人物画像和地理位置的精准推荐社交、ios开发的聊天功能、ios开发的分享功能、ios开发的账号注册、找回密码功能、ios自定义相机功能、ios相册管理功能等。
uniapp 页面滑动组件
creatlh的博客
03-07 2660
uni-swiper-dot插件二次封装，
普歌-uniapp封装手势滑动屏幕核心代码（向左滑，向右滑）
普歌-高禄
11-21 1438
前言:uniapp官方没有提供左滑右滑的事件，但是像探探app那样左滑右滑是怎样实现的呢，本篇就来说一下怎样封装一个uniapp左滑右滑事件 核心思路 给容器绑定两个触屏事件touchstart(用户按下)和touchend（用户离开） 用户按下屏幕事件 a.记录用户按下屏幕的时间 Date.now() 时间戳，即返回1970-1-1到现在的毫秒数 b.记录用户按下屏幕的坐标X和Y 用户离开屏幕事件 a.记录用户离开屏幕的时间 Date.now() b. 记录用户离开屏幕的坐标 x和y c. .
仿探探：网络请求数据将卡片进行左滑右滑
??????
12-06 1471
MVP+Retrofit+RxJava进行网络数据的请求，Fresco进行图片的显示实现探探的左滑右滑效果。 先看一下效果 再看一下依赖 implementation project(':library')//关联一个 library compile 'com.github.bumptech.glide:glide:3.7.0' compile 'com.squareup.
【自定义View】5.仿探探的卡片滑动效果
liyafeng的博客
09-23 6593
难度【★☆☆☆☆】一个拖拽的卡片滑动效果，这种效果网上有很多人已经讲解了实现思路，大多都用的是RecyclerView来实现的，但是我们今天来换一种实现思路，只用一个自定义的ViewGroup来搞定这个实现。
Uni-app实现左右滑动页面内容切换(兼容微信小程序)
最新发布
m0_72951245的博客
08-04 3529
（先声明哦我可不是偷懒，只是想学术借鉴一下）因为最近有在做左右滑动功能，秉持着能 ctrl+c 绝不动脑子的原则，开始了我的一顿操作，结果很明显没找到，言归正传，上代码。
uni-app实现滑动切换效果
weixin_59702843的博客
06-18 7711
uni-app框架了解实现一个滚动切换tab效果，这个很常见的一个效果，最后封装成一个组件，便于之后使用，写这个须要引入uni官方提供的uni.css样式，用到了写好的样式，就不须要本身写了css
ios-一个类似于探探的基于Masonry的卡片视图，带缓存，多回调.zip
07-11
应公司需求，要在卡片上播放视频， 然后查看了网上的控件，发现不太好用，少了一些需要的回调，所以自己写了一个。
Android自定义View仿探探卡片滑动效果
01-21
Android自定义View仿探探卡片滑动这种效果网上有很多人已经讲解了实现思路，大多都用的是RecyclerView来实现的，但是我们今天来换一种实现思路，只用一个自定义的ViewGroup来搞定这个实现。 下面我们先看一下实现的...
高仿探探首页卡片滑动效果
07-05
高仿探探首页卡片滑动效果，左滑不喜欢，右滑喜欢，点击复位可重新刷新卡片
Android仿探探卡片式滑动效果实现
08-31
之前在玩探探看着效果图还可以，然后又在网上看到了一相关的介绍，便想着自己动手来实践下，所以下面这篇文章主要介绍了关于Android实现仿探探卡片式左右滑动效果的相关资料，需要的朋友可以参考借鉴，下面来一起看...
IOS 类似探探卡片滑动效果
一名开发者
07-07 1858
IOS 类似探探卡片滑动效果
web端下和uniapp下滑动穿透的解决方案，弹窗滑动导致底部滑动问题解决
weixin_44120503的博客
07-28 1314
web端和uniapp滑动穿透解决方案
uniapp动态实现滑动导航效果demo（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
08-03 790
uniapp动态实现滑动导航效果demo
小程序实现类似探探的滑动切换图片的效果
u014358873的博客
06-25 7789
公司要求写了下类似探探的滑动切换图片的效果，写好了把代码分享一下，希望能有帮助1.js文件//设置屏幕宽高的全局变量var winWidth = 414;var winHeight = 736;Page({ data: { x: winWidth, y: winHeight, distance:"", animationData: {}, content: [{ "...
H5仿探探左右滑动效果Vue.js
qq_30378295的博客
03-30 1269
效果图： 效果图：GIF 说明H5仿探探左右滑动效果
android 探探左右滑动效果 动态添加数据
06-06
探探左右滑动效果一般是通过RecyclerView和CardView实现的。可以使用RecyclerView的LayoutManager来实现左右滑动的效果，同时使用CardView来展示个性化的卡片内容。具体实现可以参考以下步骤： 1. 使用RecyclerView作为容器，通过LayoutManager设置布局管理器，实现左右滑动的效果。 2. 创建CardView作为RecyclerView的item布局，用于展示个性化的卡片内容。 3. 使用Adapter来管理RecyclerView的数据源，通过Adapter的getView方法将数据绑定到CardView上，同时实现左右滑动的效果。 4. 动态添加数据可以通过在Adapter中添加数据，然后调用Adapter的notifyDataSetChanged方法来刷新RecyclerView中的数据。 下面是一些示例代码，可以帮助你更好地理解实现过程： 1. 在布局文件中添加RecyclerView组件： ``` <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 创建CardView作为RecyclerView的item布局，例如定义一个名为card_view.xml的布局文件： ``` <?xml version="1.0" encoding="utf-8"?> <androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/cardView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="8dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <ImageView android:id="@+id/avatar" android:layout_width="match_parent" android:layout_height="200dp" android:scaleType="centerCrop" /> <TextView android:id="@+id/name" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="8dp" android:textColor="@color/black" android:textSize="16sp" /> <TextView android:id="@+id/age" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="8dp" android:textColor="@color/black" android:textSize="16sp" /> </LinearLayout> </androidx.cardview.widget.CardView> ``` 3. 创建Adapter用于管理RecyclerView的数据源： ``` public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> { private List<User> mData; private Context mContext; public MyAdapter(Context context, List<User> data) { this.mContext = context; this.mData = data; } public void addData(User user) { mData.add(user); notifyDataSetChanged(); } @NonNull @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(mContext).inflate(R.layout.card_view, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { User user = mData.get(position); holder.mAvatar.setImageResource(user.getAvatar()); holder.mName.setText(user.getName()); holder.mAge.setText(user.getAge()); } @Override public int getItemCount() { return mData.size(); } public static class ViewHolder extends RecyclerView.ViewHolder { private ImageView mAvatar; private TextView mName; private TextView mAge; public ViewHolder(View itemView) { super(itemView); mAvatar = itemView.findViewById(R.id.avatar); mName = itemView.findViewById(R.id.name); mAge = itemView.findViewById(R.id.age); } } } ``` 4. 在Activity中初始化RecyclerView以及Adapter： ``` public class MainActivity extends AppCompatActivity { private RecyclerView mRecyclerView; private MyAdapter mAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mRecyclerView = findViewById(R.id.recyclerView); mRecyclerView.setLayoutManager(new CardSliderLayoutManager(this)); mAdapter = new MyAdapter(this, new ArrayList<>()); mRecyclerView.setAdapter(mAdapter); initData(); } private void initData() { User user1 = new User(R.drawable.avatar1, "张三", "18岁"); User user2 = new User(R.drawable.avatar2, "李四", "20岁"); User user3 = new User(R.drawable.avatar3, "王五", "22岁"); mAdapter.addData(user1); mAdapter.addData(user2); mAdapter.addData(user3); } } ``` 在上述代码中，我们使用了CardSliderLayoutManager来作为RecyclerView的LayoutManager，它可以实现左右滑动的效果。在initData方法中，我们通过调用Adapter的addData方法来动态添加数据。当我们调用addData方法时，会执行Adapter的notifyDataSetChanged方法，这样就可以实现动态添加数据的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值