viewflipper
假设现在让你实现一个垂直循环滚动的效果,你的第一反应是什么?如果是立马想找第三方或者想着自定义(嘿!真不嫌麻烦),那么你对ViewFlipper是陌生的,说明这篇博客对你是有价值的。请往下看:
ViewFlipper是Android中的基础控件,可能在一般开发中很少有人用到,所以很多开发者感觉对这个控件很陌生,在控件圈里更远远没有ViewPager出名,但是ViewFlipper用法很简单,效果却很不错。先贴出效果图:
一、ViewFlipper布局:
<ViewFlipper
android:id="@+id/filpper"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:autoStart="true"
android:flipInterval="2000"
android:inAnimation="@anim/anim_come_in"
android:outAnimation="@anim/anim_get_out"/>
进入动画anim_come_in:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromYDelta="100%p"
android:toYDelta="0"
android:duration="1000"/>
</set>
滑出动画anim_get_out:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromYDelta="0"
android:toYDelta="-100%p"
android:duration="1000"/>
</set>
二、ViewFlipper加载的界面布局
创建一个layout_custom,然后根据需求自定义一个界面布局即可,就不细说了。
三、为ViewFllipper加载自定义界面
ViewFlipper viewFlipper= (ViewFlipper) findViewById(R.id.vf);
for (int i = 0; i < 5; i++) {
View view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.layout_custom, null);
viewFlipper.addView(view);
}
注:以上只是循环为ViewFlipper加载5条数据的方法,并不是Demo中代码。
四、ViewFlipper使用介绍
在xml布局中的方法介绍:
android:autoStart: 设置自动加载下一个View
android:flipInterval:设置View之间切换的时间间隔
android:inAnimation: 设置切换View的进入动画
android:outAnimation:设置切换View的退出动画
当然同样的在代码中也可以设置:
isFlipping: 判断View切换是否正在进行
setFilpInterval:设置View之间切换的时间间隔
startFlipping: 开始View的切换,而且会循环进行
stopFlipping: 停止View的切换
setOutAnimation:设置切换View的退出动画
setInAnimation: 设置切换View的进入动画
showNext: 显示ViewFlipper里的下一个View
showPrevious: 显示ViewFlipper里的上一个View
相关阅读
2018年Android版本分布(市场占有率、市场份额)统计
2018年8月7日,Google发布了Android 9.0 Pie,那目前的Android版本分布是个什么样子的呢?根据过去 7 天访问了 Google Play 商店的所有
网页orApp鼠标滚动效果在原型设计中如何实现,文章对此作出了分享。前些天要做一个高保真的email应用原型,在做滑动显示邮件列表的时
android开发之PreferenceScreen使用详解
是在惭愧,学习android也有一段时间了,今天才是第一次接触PreferenceScreen。记录下来,与大家分享。 本文参考:http://lovezhou.iteye.
html代码 <p class="inner"> <p class="innerbox"> <p style="height:200px;">这是内容111</p> <p style="
计算依据,每个五角星的角度为36°,然后根据简单的勾股定理即可算出各个点的坐标,如下图所示 /** * @param xA 起始点位置A