Android自定义View仿探探卡片滑动效果
作者:pop1234o 发布时间:2023-03-18 14:54:16
标签:Android,View,卡片滑动
Android自定义View仿探探卡片滑动这种效果网上有很多人已经讲解了实现思路,大多都用的是RecyclerView来实现的,但是我们今天来换一种实现思路,只用一个自定义的ViewGroup来搞定这个实现。
下面我们先看一下实现的效果:
这个自定义View用法也很简单,首先从github上下载或者fork这个项目,在布局中添加:
<com.liyafeng.view.swipecard.SwipeCardLayout
android:id="@+id/scl_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
是的,没有一点废话,自定义属性可以根据自己的需求来添加。下面是代码中初始化:
public class SwipeCardActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_swipe_card);
SwipeCardLayout scl_layout=(SwipeCardLayout)findViewById(R.id.scl_layout);
Queue<CardEntity> data = new LinkedList<>();
CardEntity cardEntity1 = new CardEntity(R.drawable.f1, "这里是美丽的湖畔");
CardEntity cardEntity2 = new CardEntity(R.drawable.f2, "这里游泳比较好");
CardEntity cardEntity3 = new CardEntity(R.drawable.f3, "向往的蓝天白云");
CardEntity cardEntity4 = new CardEntity(R.drawable.f4, "繁华的都市");
CardEntity cardEntity5 = new CardEntity(R.drawable.f5, "草原象征着理想");
data.add(cardEntity1);
data.add(cardEntity2);
data.add(cardEntity3);
data.add(cardEntity4);
data.add(cardEntity5);
scl_layout.setAdapter(new SwipeCardLayout.CardAdapter<CardEntity>(data) {
@Override
public View bindLayout() {
return LayoutInflater.from(SwipeCardActivity.this).inflate(R.layout.card_layout,null);
}
@Override
public void bindData(CardEntity data, View convertView) {
ImageView iv_card = (ImageView)convertView.findViewById(R.id.iv_card);
TextView tv_card = (TextView) convertView.findViewById(R.id.tv_card);
iv_card.setImageResource(data.resId);
tv_card.setText(data.content);
}
});
scl_layout.setOnSwipeListener(new SwipeCardLayout.OnSwipeListener() {
@Override
public void onSwipe(int type) {
switch (type) {
case SwipeCardLayout.TYPE_RIGHT:
Toast.makeText(SwipeCardActivity.this, "right", Toast.LENGTH_SHORT).show();
break;
case SwipeCardLayout.TYPE_LEFT:
Toast.makeText(SwipeCardActivity.this, "left", Toast.LENGTH_SHORT).show();
break;
}
}
});
}
class CardEntity {
public CardEntity(int resId, String content) {
this.resId = resId;
this.content = content;
}
public int resId;
public String content;
}
}
这里必须要用一个队列来添加数据,显示的顺序就是队列的顺序。完整的代码已经上传github
接下来简单说一下实现原理,我们用两个自定义的ViewGroup来定义两个Card,一个在上,一个在下,且重写它的onTouchEvent()方法,来实现跟随手指来滑动。当我们松开手指的时候,如果Card移动的距离短,那么就执行动画将Card重置到原来位置,如果移动的距离比较远,我们就执行动画将Card移出屏幕,当动画结束后,我们将下面的Card通过View的bringToFront()方法移动到上层,而刚刚移出屏幕的那个Card就会到下层,然后再将它重置到起始位置即可。
这样我们通过两个Card交替来实现了视图的复用,这是这个控件的核心部分。
来源:https://blog.csdn.net/u012203641/article/details/78074196
0
投稿
猜你喜欢
- 本文实例讲述了Spring实战之协调作用域不同步的Bean操作。分享给大家供大家参考,具体如下:一 配置<?xml version=&
- 直接上代码新建DecimalInputTextWatcher类继承TextWatcher (代码可直接复制使用) import androi
- 目录Fanout交换机模型RabbitMQ控制台操作新增两个队列绑定fanout交换机示例效果图核心代码消息发布消息订阅Fanout交换机模
- Java Benchmark 基准测试的实例详解import java.util.Arrays; import java.util.conc
- 1.概览该教程中,我将向你展示:如何在测试时设置spring boot 日志级别。虽然我们可以在测试通过时忽略日志,但是如果需要诊断失败的测
- 1、在POM.xml文件下添加如下代码;注意:version、configuration、executions三个标签是我后来查找添加的,网
- 一、组件型注解:1、@Component 在类定义之前添加@Component注解,他会被spring容器识别,并转为bean。2、@Rep
- 使用Unity API PlayerBuildInterface.CompilePlayerScripts 将项目中的代码生成为 DLL 程
- 1. 首先新建一个shiroConfig shiro的配置类,代码如下:@Configurationpublic class SpringS
- 测试springboot项目出现Test Ignored今天在写springBoot项目运行测试类时出现了以下问题:Test ignored
- 本文实例讲述了java字符串相似度算法。分享给大家供大家参考。具体实现方法如下:public class Levenshtein {&nbs
- 前言老规矩,还是从最简单粗暴的开始。那么多简单算简单?多粗暴算粗暴?我告诉你可以不写一句代码,你信吗?直接把一个文件往IIS服务器上一扔,就
- 功能目标使用Treeview控件实现点左边的节点,在右边显示相关的页面知识点Treeview命名空间:System.Windows.Form
- 第一次写上传图片的代码,碰到很多问题。昨天做了整整一天,终于在晚上的时候成功了。大声欢呼。但是,做完之后,还是有很多问题想不通。所以在这里也
- log4j MDC实现日志追踪MDC 中包含的可以被同一线程中执行的代码所访问内容。当前线程的子线程会继承其父线程中的 MDC 的内容。记录
- 本文实例讲述了C#实现基于加减按钮形式控制系统音量及静音的方法。分享给大家供大家参考。具体如下:using System; using Sy
- 今天在群里看见有人问了这个问题,那就把我自己总结的知识拿出来与大家分享一下吧..当然可能还有什么不对的地方,希望指出:***msbase.j
- 这篇文章主要介绍了Java ForkJoin框架的原理及用法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需
- 什么是包包 (package) 是组织类的一种方式.使用包的主要目的是保证类的唯一性.例如, 你在代码中写了一个 Test 类. 然后你的同
- Random类 (java.util) Ran