Android仿淘宝头条向上滚动广告条ViewFlipper
所谓前人栽树,后人乘凉,在此感谢博主的贡献。
参考博文:
欢迎关注我的微信公众号
不只是原创技术文章,更多的是对生活的思考总结
我在博主的基础上做了如下工作:
- 修复了滚动条第二条点击事件无法触发这个bug;
- 充分简化了自定义ViewFlipper类的代码;
- 添加了直接使用ViewFlipper控件实现同样效果;
先上效果图:
这里使用了一个比较少用的控件:ViewFlipper
学习一个未知的东西,第一步就是要搞懂what:学的这个东西是什么以及能够实现什么效果!第二步就是要搞懂How:这个东西如何使用。
What:
该控件的官方介绍:
Simple ViewAnimator that will animate between two or more views that have been added to it. Only one child is shown at a time. If requested, can automatically flip between each child at a regular interval.
鄙人的翻译:
简单ViewAnimator实现器将已添加到其两个或多个视图之间实现动画效果。 一次只显示一个孩子(子视图)。
如果需要,可以在每个孩子(子视图)之间定期自动翻转。
How:
实现方式:
1.继承ViewFlipper类通过代码设置动画间隔时间以及动画效果
1.1自定义ViewFlipper
/** * Created by Veyron on 2017/2/20. * Function:自定义ViewFlipper控件 */ public class UpView extends ViewFlipper { private Context mContext; private boolean isSetAnimDuration = false; private int interval = 2000; /** * 动画时间 */ private int animDuration = 500; public UpView(Context context, AttributeSet attrs) { super(context, attrs); init(context, attrs, 0); } private void init(Context context, AttributeSet attrs, int defStyleAttr) { this.mContext = context; setFlipInterval(interval);//设置时间间隔2000毫秒 //进来的动画 Animation animIn = AnimationUtils.loadAnimation(mContext, R.anim.anim_in); if (isSetAnimDuration) animIn.setDuration(animDuration); setInAnimation(animIn); //退出的动画 Animation animOut = AnimationUtils.loadAnimation(mContext, R.anim.anim_out); if (isSetAnimDuration) animOut.setDuration(animDuration); setOutAnimation(animOut); } /** * 设置循环滚动的View数组 * * @param views */ public void setViews(final List<View> views) { if (views == null || views.size() == 0) return; removeAllViews(); for ( int i = 0; i < views.size(); i++) { final int position=i; //设置翻滚的子view addView(views.get(i)); } startFlipping(); //开启翻滚 } }
1.2布局文件中引入
<com.veyron.www.viewflipperdemo.View.UpView android:id="@+id/upview1" android:layout_marginLeft="20dp" android:layout_width="match_parent" android:layout_toRightOf="@+id/tbtv" android:layout_centerVertical="true" android:layout_marginTop="10dp" android:layout_height="match_parent"> </com.veyron.www.viewflipperdemo.View.UpView>
2.除了方式一,还可以在布局文件中通过设定ViewFlipper的属性来达到同样的效果。
<ViewFlipper android:id="@+id/upview2" android:autoStart="true" android:background="#fff" android:inAnimation="@anim/anim_in" android:outAnimation="@anim/anim_out" android:flipInterval="3000"> </ViewFlipper>
具体实现上面两种方式
MainActivity.java
/** * Created by Veyron on 2017/2/20. * Function:主界面,加载布局 */ public class MainActivity extends AppCompatActivity { private UpView upview1; //自定义的ViewFlipper private ViewFlipper mViewFlipper; //直接使用该控件 List<String> data = new ArrayList<>(); //文字数据集合 List<View> views = new ArrayList<>(); //滚动的view集合 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initdata(); initView(); } private void initView() { //自定义的 upview1 = (UpView) findViewById(R.id.upview1); setView(); upview1.setViews(views);//给自定义的ViewFlipper设置滚动的view //非自定义的,直接使用控件的 mViewFlipper = (ViewFlipper) findViewById(R.id.upview2); //添加翻滚的子view mViewFlipper.addView(View.inflate(this, R.layout.view1, null)); mViewFlipper.addView(View.inflate(this, R.layout.view2, null)); } /** * 初始化需要循环的View * 为了灵活的使用滚动的View,所以把滚动的内容让用户自定义 * 假如滚动的是三条或者一条,或者是其他,只需要把对应的布局,和这个方法稍微改改就可以了, */ private void setView() { for (int i = 0; i < data.size(); i = i + 2) { final int position = i; //设置滚动的单个布局 LinearLayout moreView = (LinearLayout) LayoutInflater.from(this).inflate(R.layout.item_view, null); //初始化布局里面的控件,只要设置这两个控件的监听就达到目的 TextView tv1 = (TextView) moreView.findViewById(R.id.tv1); TextView tv2 = (TextView) moreView.findViewById(R.id.tv2); /** * 设置监听 */ moreView.findViewById(R.id.rl).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Toast.makeText(MainActivity.this, data.get(position).toString(), Toast.LENGTH_SHORT).show(); Log.d("TAG",data.get(position).toString()); /** * 添加业务代码 */ } }); /** * 设置监听 */ moreView.findViewById(R.id.rl2).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Toast.makeText(MainActivity.this, data.get(position+1).toString(), Toast.LENGTH_SHORT).show(); Log.d("TAG",data.get(position+1).toString()); /** * 添加业务代码 */ } }); //进行对控件赋值 tv1.setText(data.get(i).toString()); if (data.size() > i + 1) { //因为淘宝那儿是两条数据,但是当数据是奇数时就不需要赋值第二个,所以加了一个判断,还应该把第二个布局给隐藏掉 tv2.setText(data.get(i + 1).toString()); } else { moreView.findViewById(R.id.rl2).setVisibility(View.GONE); } //添加到循环滚动数组里面去 views.add(moreView); //也就是滚动的view集合 } } /** * 初始化数据 */ private void initdata() { data = new ArrayList<>(); data.add("美剧《行尸走肉》上线Steam 每一集售价2.99..."); data.add("2017四月新番动画全预览!你期待那部"); data.add("生娃后,老公有过这些举动,你却没加错人!"); data.add("汽车开空调耗油?只因为按错了一个键"); data.add("心疼S7 edge 三星官方‘虐机'视频上线"); } }
API介绍
常用属性:
- autoStart:ture,则自动开始滚动
- inAnimation:滚动进入的动画
- outAnimation:滚动出去的动画
- flipInterval:时间间隔
常用方法:
- startFlipping():开始翻滚
- setOutAnimation():滚动出去的动画
- setInAnimation():滚动进入的动画
- setFlipInterval():设置时间间隔-毫秒
- ViewFlipper对象的addView():加载需要滚动的视图对象
ViewFlipper具体属性详见:ViewFlipper控件的官方api
源码:
如果该你喜欢该项目,欢迎fork,欢迎点个Star!!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
- 如何确定恶意软件是否在自己的电脑中执行过?
- Carbondata源码系列(二)文件格式详解
- 挖洞经验 | 记一次针对Twitter(Periscope)API 的有趣挖洞经历
- 设计模式学习(二): 观察者模式 (C#)
- Carbondata源码系列(一)文件生成过程
- BoopSuite:基于Python编写的无线安全审计套件
- 设计模式学习(一):多用组合少用继承(C#)
- 在asp.net web api 2 (ioc autofac) 使用 Serilog 记录日志
- hbase源码系列(十三)缓存机制MemStore与Block Cache
- hbase源码系列(十四)Compact和Split
- 设计模式学习(四): 1.简单工厂 (附C#实现)
- 从头编写 asp.net core 2.0 web api 基础框架 (5) EF CRUD
- 从头编写 asp.net core 2.0 web api 基础框架 (4) EF配置
- RavenDb学习(十)附件,存储大对象
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- [897]使用Maxwell实时同步mysql数据
- Magicodes.IE之导入导出筛选器
- 一文搞懂Flink生成StreamGraph
- 知识全聚集 .Net Core 技术突破 | 如何实现一个模块化方案一
- ESP8266和ROS调试一些问题汇总
- tianbot_mini机器人上手ROS/SLAM/Navigation究竟有多简单???
- 如何知道我们的E2E测试覆盖率?
- tf.add_n函数的用法
- tensorflow 生成指定大小的赋值0的张量 np.zeros 在TF中对应的语句 生成全0张量
- Qt音视频开发25-ffmpeg音量设置
- 从HelloWorld开始了解Android
- 探究活动Activity
- 探究活动Activity(2)界面跳转及生命周期
- Android-MediaPlayer
- 如何友好的把Python和Bash结合在一起