android 高仿 探探卡片滑动,Android自定义View仿探探卡片滑动效果
Android自定义View仿探探卡片滑动这种效果网上有很多人已经讲解了实现思路,大多都用的是RecyclerView来实现的,但是我们今天来换一种实现思路,只用一个自定义的ViewGroup来搞定这个实现。
下面我们先看一下实现的效果:
这个自定义View用法也很简单,首先从github上下载或者fork这个项目,在布局中添加:
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 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(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交替来实现了视图的复用,这是这个控件的核心部分。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
android 高仿 探探卡片滑动,Android自定义View仿探探卡片滑动效果相关推荐
- Android仿IOS滑动关机-自定义view系列(6)
Android仿IOS滑动关机-自定义view系列 功能简介 GIf演示 主要实现步骤-具体内容看github项目里的代码 Android技术生活交流 更多其他页面-自定义View-实用功能合集:点击 ...
- Android仿支付宝UI功能开发,Android 自定义view仿支付宝咻一咻功能
支付宝上有一个咻一咻的功能,就是点击图片后四周有水波纹的这种效果,今天也写一个类似的功能. 效果如下所示: 思路: 就是几个圆的半径不断在变大,这个可以使用动画缩放实现,还有透明动画 还有就是这是好几 ...
- android wear支付宝6,Android自定义View仿支付宝输入六位密码功能
跟选择银行卡界面类似,也是用一个PopupWindow,不过输入密码界面是一个自定义view,当输入六位密码完成后用回调在Activity中获取到输入的密码并以Toast显示密码.效果图如下: 自定义 ...
- android的动态tab,Android自定义view仿QQ的Tab按钮动画效果(示例代码)
话不多说 先上效果图 实现其实很简单,先用两张图 一张是背景的图,一张是笑脸的图片,笑脸的图片是白色,可能看不出来.实现思路:主要是再触摸view的时候同时移动这两个图片,但是移动的距离不一样,造成的 ...
- android通过代码设置铃声_Android基础(5)—自定义View
自定义View 基本认知: 虽然Android已经自带来很多强大的UI控件,但是依旧不能满足所有开发人员的需求.通常开发人员需要实现设计师精心设计的视觉效果,这样情况下可能现有的控件就不能满足需求或者 ...
- Android零基础入门第24节:自定义View简单使用
Android零基础入门第24节:自定义View简单使用 原文:Android零基础入门第24节:自定义View简单使用 当我们开发中遇到Android原生的组件无法满足需求时,这时候就应该自定义Vi ...
- android代码实现手机加速功能,Android自定义View实现内存清理加速球效果
Android自定义View实现内存清理加速球效果 发布时间:2020-09-21 22:21:57 来源:脚本之家 阅读:105 作者:程序员的自我反思 前言 用过猎豹清理大师或者相类似的安全软件, ...
- Android 抖音爱心动画,Android自定义View实现抖音飘动红心效果
本文实例为大家分享了Android自定义View实现抖音飘动红心效果的具体代码,供大家参考,具体内容如下 自定义View--抖音飘动红心 效果展示 动画效果 使用自定义view完成红心飘动效果 Vie ...
- Android 自定义View之边缘凹凸的优惠券效果
本篇文章讲的是自定义View之边缘凹凸的优惠券效果,之前有见过很多优惠券的效果都是使用了边缘凹凸的样式.和往常一样,主要总结一下在自定义View的开发过程中需要注意的一些地方. 按照惯例,我们先来看看 ...
最新文章
- Linux服务器信息检测Shell脚本
- hdu 1002 A + B Problem II(大正整数相加)
- C#实现 UDP简单广播
- vue2.5安装sass步骤和需要注意的点
- 微信公众号网页开发:播放视频,在列表中滑动会脱离文档流
- leetcode-507-Perfect Number
- js获取css文件中的样式
- textarea的不可拉伸和不可编辑
- dts directshow filter_DTS是什么?详解来了
- 理解数据库设计范式【转】
- jquery ajax请求方式与提示用户正在处理请稍等,等待数据返回时loading的显示
- python部署阿里云_python部署到阿里云
- 2016年开源巨献:百度71款开源项目
- 令克软件再推OpenAPI与MAS系统服务,强大引擎赋能券商多元化发展
- android 获取电池最大容量,地表最大容量:Energizer推出16000mAh电池安卓机,续航长达一个周...
- Linux-tab键应用
- IO流、字节流和字符流
- 全文检索Lucene
- 当老人用保健品填补精神需求的时候,我们该谴责谁?
- 「伯克利大学」 的计算机入门教程