Android新装应用apk运行动画 ViewFlipper(翻转视图)

最新推荐文章于 2023-02-28 10:46:45 发布
最新推荐文章于 2023-02-28 10:46:45 发布
阅读量726 收藏 1
点赞数
分类专栏： android常用基本UI控件 文章标签： android 应用 apk 动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xyzz609/article/details/51980625
版权

Android新装应用apk运行动画 ViewFlipper(翻转视图)

其实这么个意思，就是每次我们下载一个新的应用，他都有左右滑动看这个应用的介绍，或者宣传之类的，刚开始感觉好牛逼。

今天学了这个http://blog.csdn.net/coder_pig/article/details/48734807

感觉不在那么高大上了。。

http://7xjqvu.com1.z0.glb.clouddn.com/15-9-25/9413188.jpg 、

好的，我们开始学习吧

自动滑动过程截图
这里写图片描述

不多说了，老规矩，贴代码

这里写图片描述

每个页面的布局都是一个简单的ImageView

page_help_one.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/ic_help_view_1"/>

</LinearLayout>

page_help_two.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/ic_help_view_2"/>

</LinearLayout>

page_help_three.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/ic_help_view_3"/>

</LinearLayout>

page_help_four.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/ic_help_view_4"/>

</LinearLayout>

两个进入以及 离开的动画：

right_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="2000"
        android:fromXDelta="100%p"
        android:toXDelta="0" />

</set>

right_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="2000"
        android:fromXDelta="0"
        android:toXDelta="-100%p" />

</set>

图片就不用了吧。。。

布局文件：activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <ViewFlipper
        android:id="@+id/vflp_help"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:inAnimation="@anim/right_in"
        android:outAnimation="@anim/right_out"
        android:flipInterval="3000">

        <include layout="@layout/page_help_one" />

        <include layout="@layout/page_help_two" />

        <include layout="@layout/page_help_three" />

        <include layout="@layout/page_help_four" />

    </ViewFlipper>

</RelativeLayout>

展示视图控制文件：MainActivity

package com.yang.viewflipperstaticdemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ViewFlipper;

public class MainActivity extends AppCompatActivity {

    private ViewFlipper vflp_help;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        vflp_help = (ViewFlipper) findViewById(R.id.vflp_help);
        vflp_help.startFlipping();
    }
}

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.yang.viewflipperstaticdemo">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:theme="@style/AppTheme.NoActionBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

看他自己在动，十分不爽是吧

我们需要的是可操作。。

这是代码目录

这里写图片描述
别及大神教我们了。。

再增加两个进入以及 离开的动画：

left_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="500"
        android:fromXDelta="-100%p"
        android:toXDelta="0" />

</set>

left_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="500"
        android:fromXDelta="0"
        android:toXDelta="100%p" />

</set>

新增了：MainActivityRun

package com.yang.viewflipperstaticdemo;

import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.ImageView;
import android.widget.ViewFlipper;

public class MainActivityRun extends AppCompatActivity {

    private Context mContext;
    private ViewFlipper vflp_help;
    private int[] resId = {R.mipmap.ic_help_view_1,R.mipmap.ic_help_view_2,
            R.mipmap.ic_help_view_3,R.mipmap.ic_help_view_4};

    private final static int MIN_MOVE = 200;   //最小距离
    private MyGestureListener mgListener;
    private GestureDetector mDetector;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mContext = MainActivityRun.this;
        //实例化SimpleOnGestureListener与GestureDetector对象
        mgListener = new MyGestureListener();
        mDetector = new GestureDetector(this, mgListener);
        vflp_help = (ViewFlipper) findViewById(R.id.vflp_help);
        //动态导入添加子View
        for(int i = 0;i < resId.length;i++){
            vflp_help.addView(getImageView(resId[i]));
        }

    }

    //重写onTouchEvent触发MyGestureListener里的方法
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return mDetector.onTouchEvent(event);
    }


    //自定义一个GestureListener,这个是View类下的，别写错哦！！！
    private class MyGestureListener extends GestureDetector.SimpleOnGestureListener {
        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float v, float v1) {
            if(e1.getX() - e2.getX() > MIN_MOVE){
                vflp_help.setInAnimation(mContext,R.anim.right_in);
                vflp_help.setOutAnimation(mContext, R.anim.right_out);
                vflp_help.showNext();
            }else if(e2.getX() - e1.getX() > MIN_MOVE){
                vflp_help.setInAnimation(mContext,R.anim.left_in);
                vflp_help.setOutAnimation(mContext, R.anim.left_out);
                vflp_help.showPrevious();
            }
            return true;
        }
    }

    private ImageView getImageView(int resId){
        ImageView img = new ImageView(this);
        img.setBackgroundResource(resId);
        return img;
    }
}

怎么么让他运行呢。。。别忘了改AndroidManifest.xml,区别自己看去吧

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.yang.viewflipperstaticdemo">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity
            android:name=".MainActivityRun"
            android:label="@string/app_name"
            android:theme="@style/AppTheme.NoActionBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

代码下载

本文中的代码已经在文中全部出现过了，为什么还需要一个下载币呢，是因为我的下载币不够用了额，下载其他大神的代码，需要，所以请赞助一下吧。当然你不想赞助的话，你可以在文章中一个一个的copy，绝对的一模一样，绝对的开源，赞助一个下载币吧
http://download.csdn.net/detail/xyzz609/9581965

治政
关注
专栏目录
Android入门第31天-Android里的ViewFlipper翻转视图的使用
lifetragedy的专栏
11-18 1090
本篇给大家带了的是ViewFlipper，它是Android自带的一个多页面管理控件，且可以自动播放！ 和ViewPager不同，ViewPager是一页页的，而ViewFlipper则是一层层的，和ViewPager一样，很多时候， 用来实现进入应用后的引导页，或者用于图片轮播，本篇我们我们会使用两个例子：一个自动播放首页轮播页一个手动可左右滑动道页的轮播页来说透这个组件的使用。
Android中ViewFlipper的使用及设置动画效果实例详解
09-03
本文将详细介绍如何在Android应用中使用ViewFlipper以及如何为其设置动画效果。 ViewFlipper的核心功能是展示并切换多个子视图。它继承自ViewGroup，因此可以容纳多个子视图（如ImageView、TextView等）。默认情况...
Android三种常用动画分享（转）
Amy0421的博客
09-08 252
在Android3.0（即API Level11）以前，Android仅支持2种动画：分别是Frame Animation（逐帧动画）和Tween Animation（补间动画），在3.0之后Android支持了一种新的动画系统，称为：Property Animation（属性动画） 一、Frame Animation：（逐帧动画） 这个很好理解，一帧帧的播放图片，利用人眼视觉残留原...
android 翻转切换view,Android ViewFlipper翻转视图使用详解
weixin_39783426的博客
05-27 295
简介ViewFlipper是Android自带的一个多页面管理控件且可以自动播放！它和ViewPager有所不同，ViewPager继承自ViewGroup，是一页一页的，可以带动画效果，可以兼容低版本；而ViewFlipper继承ViewAnimator，是一层一层的，切换View的时候可以设置动画效果，是Android 4.0才引入的新控件。使用场景和ViewPager基本一样，在很多时候都是...
安卓窗口动画修改制作心得，定制属于你自己的特效动画
dss16694的专栏
12-26 211
转载自：http://www.miui.com/thread-714328-1-1.html   控制安卓窗口动画的代码是在framework-res.apk文件中的anim文件夹下,说一下整体的思路，打开anim文件编辑里面的xml文件，然后把他们再放回手机里，首先我们要把framework-res.apk提取出来,如果你使用解压缩的办法会发现里边的文件是乱码,所以文件是需要我们反编译才能编...
一文带你搞懂APK安装过程
最新发布
chuyouyinghe的专栏
02-28 4711
本篇从用户感受的APK安装讲起，分别详细梳理了 包管理器服务——PackageManagerService 的服务开启、初始化扫描过程；然后分析了对应原生系统的安装过程及页面；接着就是详细分析了安装流程，包括创建Session 发送APK、PMS中的APK拷贝操作、包括APK解析校验和dexOpt等具体安装流程；最后是安装结果的发送。内容确实很多，但是我们只需要重点了解 PMS的初始化、APK安装 的整体流程即可，无需关注繁杂的细节。
Android ViewFlipper翻转视图使用详解
08-30
Android ViewFlipper 翻转视图使用详解 Android ViewFlipper 是 Android 系统自带的一个多页面管理控件，可以自动播放。它和 ViewPager 有所不同，ViewPager 继承自 ViewGroup，是一页一页的，可以带动画效果，可以...
android添加动画文件,Android动画Animation的两种加载执行方式
weixin_39929595的博客
05-25 630
本文以简单的AlphaAnimation(“淡入淡出(透明度改变)”动画)为例，简单的说明Android动画Animation的两种加载执行方法：(1)直接写Java代码，制作Android动画。(2)写XML配置文件，加载XML资源文件执行。其实这两者是一致的。要知道，在Android中，凡是可以在XML文件完成的View，代码亦可完全写出来。现在先给出一个Java代码完成的动画AlphaA...
Android动画的使用
旧路
01-27 2628
对Android里面的属性动画(Property Animation)、视图动画(View Animation)、过渡动画(Transition Animation)做一个简单的总结。
Android APK开发基础——Android 3D动画
haobobo710的博客
07-02 1316
。。
Lottie- 让Android动画实现更简单
一个会玩sf的男人的专栏
02-07 2910
Lottie是什么？Lottie是Airbnb开源的一个支持 Android、iOS 以及 ReactNative，利用json文件的方式快速实现动画效果的库。这么看可能很难理解，接下来我将详细的讲解如何使用。 Lottie项目地址：https://github.com/airbnb/lottie-android首先先无耻的把我自己写的demo程序和源码放上来。 * Demo体验apk下载地址:
Android控件——ViewFlipper的使用，垂直滚动广告条
带你装逼带你飞的专栏
01-17 7539
1 前言之前开发过一个TextView的滚动显示，但是局限性比较大，只能显示文字，不能显示图片等其他View。对比淘宝App的淘宝头条，发现显示的内容挺丰富的。网上搜索了下资料发现android自带的有控件ViewFlipper来实现。于是记录下来。2 ViewFlipper简介ViewFlipper是android系统提供的使View滚动的控件，ViewFlipper直译就是View快速滚动。打开
Android启动画面翻转
lyp461340781的专栏
04-13 763
 在开发过程中遇到模具和LCD画面对不上的情况，可将Android中画面显示翻转实现与模具对应。 Android4.0中将LCD画面旋转180度： 找到init.rc文件，找到setprop ro.sf.hwrotation 180，将此句屏蔽或者打开可实现LCD画面的翻转。   #For lcd display from 0 to 180 rotate      set
ViewFlipper(翻转视图)使用详解
一花一世界的博客
05-10 3137
简介 ViewFlipper是Android自带的一个多页面管理控件且可以自动播放！它和ViewPager有所不同，ViewPager继承自ViewGroup，是一页一页的，可以带动画效果，可以兼容低版本；而ViewFlipper继承ViewAnimator，是一层一层的，切换View的时候可以设置动画效果，是Android 4.0才引入的新控件。使用场景和ViewPager基本一样，在很多时候
ViewFlipper 视图切换组件 ViewAnimator
wangjia55的专栏
04-04 996
转自：http://android.yaohuiji.com 我们在上一讲用到了两个非常好用的ImageSwitcher和TextSwitcher视图切换组件。今天我们再一起学习另一个功能更强大的视图切换组件 ViewFlipper，它可以在任意视图和视图组合之间切换。在学习之前我们有必要看一下 ViewAnimator 对象。 我们制作视图动画时会发现有个ViewAnimator类，这个
有关ViewFlipper的使用及设置动画效果的讲解
hjh200507609的专栏
06-29 1884
转自 http://blog.csdn.net/loongggdroid/article/details/18262543 说到左右滑动，其实实现左右滑动的方式很多，有ViewPaer，自定义实现Viewgroup，gallery等都可以达到这种效果。这里做下ViewFliper实现左右滑动的效果。 会用到以下的技术： 1、ViewFlipper 2、GestureDetector
Android ViewFlipper深度解析：翻转视图实战与动画设置
Android ViewFlipper是Android平台内置的一种多页面管理控件，专为需要实现视图翻转效果或创建动态引导页的应用设计。与ViewPager不同，ViewFlipper源自ViewAnimator，主要在Android 4.0及以上版本中使用，它支持...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值