ViewFlipper 的简单使用

今天有个朋友问我怎么实现首页咨询滚动效果。如图：

哥们当场就推荐了最简单的方法——ViewFlipper，然后第二天早上一上班朋友说没搞懂怎么用的，吧啦吧啦的。。。废话不多说了，直接上使用方法，坚定不移三步走。

一、先设置进出口动画样式：

1、设置进口动画 come_in.xml：

<set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="1000"android:fromYDelta="100%p"android:toYDelta="0"/></set>

2、设置出口动画go_out.xml：

<set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="1000"android:fromYDelta="0"android:toYDelta="100%p"/></set>

二，设置 activity 布局样式和 item 展示样式：

1、设置 activity 布局，很简单：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".ViewFlipperActivity"><ViewFlipperandroid:id="@+id/viewFlipper"android:layout_width="match_parent"android:layout_height="wrap_content"/></LinearLayout>

2、设置展示 item 布局样式 viewflipper_item.xml，这个根据自己需要设置，需要一条一条滚动就设置一条，本文设置的是两条；

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="100dp"android:orientation="vertical"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="50dp"><ImageViewandroid:layout_width="40dp"android:layout_height="40dp"android:src="@drawable/weiyuanzhang"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:layout_marginLeft="15dp"/><TextViewandroid:id="@+id/tv_show"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="立元"android:layout_centerInParent="true"/></RelativeLayout><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="50dp"><ImageViewandroid:layout_width="40dp"android:layout_height="40dp"android:src="@drawable/weiyuanzhang"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:layout_marginLeft="15dp"/><TextViewandroid:id="@+id/tv_showTwo"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="立元"android:layout_centerInParent="true"/></RelativeLayout></LinearLayout>

就是这么的简单！

三、上 Activity 使用代码，同样很简单！

public class ViewFlipperActivity extends AppCompatActivity {private ViewFlipper viewFlipper;private List<String> list;private Context context;private View view;private TextView tv_show,tv_showTwo;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_view_flipper);context = ViewFlipperActivity.this;viewFlipper = findViewById(R.id.viewFlipper);viewFlipper.clearFocus();for (int i=0;i<10;i++){view = LayoutInflater.from(context).inflate(R.layout.viewflipper_item,null);tv_show = view.findViewById(R.id.tv_show);tv_showTwo = view.findViewById(R.id.tv_showTwo);tv_show.setText("立元"+i);i++;tv_showTwo.setText("立元"+i);viewFlipper.addView(view);}viewFlipper.setInAnimation(context,R.anim.come_in);viewFlipper.setOutAnimation(context,R.anim.go_out);viewFlipper.setFlipInterval(2000);// 1、设置幻灯片的形式滚动// viewFlipper.startFlipping();// 2、设置自动翻页滚动viewFlipper.setAutoStart(true);viewFlipper.isAutoStart();}}

四、问题解决，打完收工。附赠图片一张。

ViewFlipper 的简单使用相关推荐

android view flipper,Android之ViewFlipper的简单使用
大家都使用过ViewPager,但是ViewPager还有一个兄弟,那就是ViewFlipper.两者的名字非常相似,我们可以将ViewPager理解成"一页一页的视图",View ...
ViewFlipper的简单使用
ViewFlipper经常和Animation结合使用,实现滑动屏幕切换图片的动画效果,直接上代码: MainActivity: package com.home.viewflippertest;im ...
python一只青蛙一次可以_python算法题 python123网站单元四题目
下面向大家介绍几个python算法题. 一:二分法求平方根 1.题目要求为 2.输入输出格式为 3.博主解题的思路这道题在c语言中是一道经典的题目,可以用循环,或者递归,在这里我们用python来写 ...
Android使用ViewFlipper实现左右滑动效果面
在我的博客中,上次是使用ViewPager实现左右滑动的效果的,请看文章:Android使用ViewPager实现左右滑动效果 . 这次我来使用ViewFlipper实现这种效果,好了,先看看效果吧: ...
android view flipper,安卓控件——ViewFlipper
今天在逛博客的时候又学习到一个新控件,就是ViewFlipper,老规矩,还是通过一个demo来学习,下面先附上效果图: ViewFlipper效果图根据效果图,说下利用该控件实现的几个简单功能点: ...
Android Framework------之Keyguard 简单分析
前面对于MediaPlayer的系统研究,刚刚开始,由于其他原因现在要先暂停一下.这次要看的模块是android 4.2 系统中的Keyguard模块.在接触之后才发现,android4.2的keyg ...
Android ViewFlipper实现多个布局手势切换的效果
这里用到了前面学过的手势效果,如果对手势还是不很了解的话可以去看一下这篇文章 Android使用GestureDetector实现手势滑动效果先看一下布局文件 activity_main.xml ...
Android UI开发第八篇——ViewFlipper 左右滑动效果
怎么实现Android主页面的左右拖动效果.其实实现起来很简单,就是使用ViewFlipper来将您要来回拖动的View装在一起,然后与GestureDetector手势识别类来联动,确定要显示哪个V ...
ViewFlipper中放入两个ListView不能拖动的情况
ViewFlipper可以帮助我们实现换屏的功能,如果我们在ViewFlipper中放入GridView或者ListView我们发现就无法实现了换屏操作,这个主要是因为GridView的onTouch ...

ViewFlipper 的简单使用

ViewFlipper 的简单使用相关推荐

最新文章

热门文章