ViewFlipper 简单应用
AdvserView.java
package com.earen.viewflipper;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ViewFlipper;
public class AdvserView extends FrameLayout {
/** 当前索引值.默认第一张图片被选中 */
private int _CurrentIndex = 0;
/** 上下文对象 */
private Context _Context;
/** 点击屏幕的 X 左边值(触摸屏,告知绝对X屏幕位置接触点的中心区域。单位:像素。) */
private float _startX;
/** 设备的宽度 */
private int _DisplayWidth;
/** 从左到右进入的动画 */
private Animation _Left2RightInAnimation;
/** 从左到右出去动画 */
private Animation _Left2RightOutAnimation;
/** 从右到左进入动画 */
private Animation _Right2LeftInAnimation;
/** 从右到左出去动画 */
private Animation _Right2LeftOutAnimation;
/** 动画持续时间 */
private long _duration = 1000;
/** ViewFlipper 控件 图片的容器 */
private ViewFlipper _ViewFlipper;
/** 屏幕上方动态生成点的容器(用于表示图片总数,和提示当前所查看的图片位置) */
private LinearLayout _TopTipLinearLayout;
/** 默认点的 Bitmap 对象 */
private Bitmap _PointNormalBitmap;
/** 被选中的点的 Bitmap 对象 */
private Bitmap _PointSelectedBitmap;
/** 图片的资源 */
private int[] _imgResource = {R.drawable.image1,
R.drawable.image2,
R.drawable.image3,
R.drawable.image4,
R.drawable.image5,
R.drawable.image6};
public AdvserView(Context context) {
super(context);
setupViews();
}
public AdvserView(Context context,AttributeSet attr) {
super(context,attr);
setupViews();
}
/** 装载 视图 控件*/
private void setupViews() {
_Context = getContext(); // 获取上下文对象
_DisplayWidth = getResources().getDisplayMetrics().widthPixels; // 获取设备屏幕宽度(单位:像素)
_ViewFlipper = new ViewFlipper(_Context); // 创建 ViewFlipper 控件对象
_TopTipLinearLayout = new LinearLayout(_Context); // 创建 LinearLayout 线性布局控件对象
_TopTipLinearLayout.setGravity(Gravity.CENTER_HORIZONTAL);
_PointNormalBitmap =BitmapFactory.decodeResource(getResources(), R.drawable.point_normal);
_PointSelectedBitmap =BitmapFactory.decodeResource(getResources(), R.drawable.point_selected);
// 添加 图片指定的图片资源到 ViewFlipper 对象中
for (int i = 0; i < _imgResource.length; i++) {
ImageView imageView = new ImageView(_Context);
imageView.setImageResource(_imgResource[i]); _ViewFlipper.addView(imageView);
}
// 为 _TopTipLinearLayout 对象添加 表示图片显示的点情况
for (int i = 0; i < _imgResource.length; i++) {
ImageView imageView = new ImageView(_Context);
if (i==0) { // 默认第一个为选中情况下的图片
imageView.setImageBitmap(_PointSelectedBitmap);
}else {
imageView.setImageBitmap(_PointNormalBitmap);
}
_TopTipLinearLayout.addView(imageView);
}
addView(_ViewFlipper);
addView(_TopTipLinearLayout);
//初始化动画.
_Left2RightInAnimation = new TranslateAnimation(-_DisplayWidth, 0, 0, 0);
_Left2RightInAnimation.setDuration(_duration);
_Left2RightOutAnimation = new TranslateAnimation(0, _DisplayWidth, 0, 0);
_Left2RightOutAnimation.setDuration(_duration);
_Right2LeftInAnimation = new TranslateAnimation(_DisplayWidth, 0, 0, 0);
_Right2LeftInAnimation.setDuration(_duration);
_Right2LeftOutAnimation = new TranslateAnimation(0, -_DisplayWidth, 0, 0);
_Right2LeftOutAnimation.setDuration(_duration);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: // 手指按下
_startX = event.getX();
break;
case MotionEvent.ACTION_UP: // 手指弹起
/** 最后一个被选中的 图片视图控件 ,即当前看到的图片视图控件 */
ImageView lastSellectedImageView = (ImageView)_TopTipLinearLayout.getChildAt(_CurrentIndex);
//判断左右滑动切换图片.
if(event.getX() > _startX){ // 从左向右滑动
_ViewFlipper.setInAnimation(_Left2RightInAnimation);
_ViewFlipper.setOutAnimation(_Left2RightOutAnimation);
_ViewFlipper.showNext();
_CurrentIndex--;
if(_CurrentIndex < 0){
_CurrentIndex = _imgResource.length -1;
}
}else if(event.getX() < _startX){ // 从右向左滑动
_ViewFlipper.setInAnimation(_Right2LeftInAnimation);
_ViewFlipper.setOutAnimation(_Right2LeftOutAnimation);
_ViewFlipper.showPrevious();
_CurrentIndex++;
if(_CurrentIndex > _imgResource.length -1){
_CurrentIndex = 0;
}
}
// 设置 标识 图片位置的 点 图标
ImageView imageview = (ImageView)_TopTipLinearLayout.getChildAt(_CurrentIndex);
imageview.setImageBitmap(_PointSelectedBitmap);
lastSellectedImageView.setImageBitmap(_PointNormalBitmap);
break;
default:
break;
}
return true;
}
}
MainActivity.java
package com.earen.viewflipper;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.Window;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//setContentView(R.layout.activity_main);
// 不显示标题栏(须在 setContentView之前使用方能生效)
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(new AdvserView(this));
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
//getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
最终效果:
ViewFlipper 简单应用的更多相关文章
- Android 控件
1. WebView <uses-permission android:name="android.permission.INTERNET" /> WebView wv ...
- ViewFlipper的简单使用实现图片轮播效果
/** * ViewFlipper: * 安卓系统自带的一个多页面管理控件,它可以实现子页面的自动切换 * 为ViewFlipper加入View: * (1)在layout布局文件静态导入子View ...
- Android真正简单的教程-第十二枪(ViewFlipper实现滑动效果)
直接看代码 1.MainActivity.java: package org.yayun.demo; import android.app.Activity; import android.os.Bu ...
- ViewFlipper的简单用法
ViewFlipper和ViewPager挺像的,都是一个view容器.内部可以添加多个view,只是viewpager可以通过左右滑动来切换view,而viewFlipper则没有这个功能,所以需要 ...
- Android中使用ViewFlipper实现屏幕页面切换(关于坐标轴的问题已补充更改)
屏幕切换指的是在同一个Activity内屏幕间的切换,ViewFlipper继承了Framelayout类,ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果.如 ...
- Android ViewFlipper的使用分析
[ViewFlipper]——基础 1.ViewPager 和ViewFliping的区别: 最显著的区别就是ViewPager在滑动的时候内部的View默认就能够跟随手指滑动,而 ViewFlipi ...
- Android 通过ViewFlipper实现广告轮播功能并可以通过手势滑动进行广告切换
为了实现广告轮播功能,在网上找了很多方法,有的效果很好,但是代码太麻烦,并且大多是用的viewpager,总之不是很满意. 于是看了一下sdk有个控件是ViewFlipper,使用比较方便,于是尝试了 ...
- Android ViewFlipper用法浅析
在Android应用开发中,我们经常会需要实现左右切换视图的功能,这通常需要在LinearLayout.RelativeLayout等布局中添加ImageView来实现.如果每次只需展示一张图片,并可 ...
- UI特效--Android利用ViewFlipper实现屏幕切换动画效果
.屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面:一个个性化设置页面.2.介绍ViewFilpper类ViewFl ...
随机推荐
- java三种适配器模式详解与代码实现
zhaoyu 取消关注 2 人赞同了该文章 1. 适配器模式定义: 适配器模式是一种结构型设计模式,通过一个适配器类把具有不同方法功能的两个类A和B组合起来,使得这个适配器类同时具有两个类的不 ...
- java中遗留的小问题
一.类型转换 short s = 1; s = s + 1; //false,因为1是int类型,会损失精度 short s = 1; s += 1; //true,因为+=有自带强转 二.逻辑运算符 ...
- kafka 保证消息被消费和消息只消费一次
1. 保证消息被消费 即使消息发送到了消息队列,消息也不会万无一失,还是会面临丢失的风险. 我们以 Kafka 为例,消息在Kafka 中是存储在本地磁盘上的, 为了减少消息存储对磁盘的随机 I/O, ...
- JVM分析工具与查看命令
1.概述 无可避免地,我们都需要用到多线程的一天.单纯地使用多线程的参数设置,比如-Xms.-Xmx.-Xss等,还不足够,我们还要学会如何分析JVM里面的线程状况. 在进行java程序问题定位时,内 ...
- Oracle入门基础(七)一一集合运算
SQL> /* SQL> 查询10和20号部门的员工 SQL> 1. select * from emp where deptno=10 or deptno=20; SQL> ...
- C语言泛型编程——泛型冒泡排序
在实际编程中,常常会需要一些方法(函数),比如排序,它们具体实现基本一致,仅仅只有参数类型不同, 那么可不可以有一种通用的函数,不管是什么类型的参数都可以通用呢? 泛型编程:泛型即是指具有在多种数据类 ...
- 用Node处理文件上传
前言 在Web开发中,文件上传是一个非常常见.非常重要的功能.本文将介绍如何用Node处理上传的文件. 需求分析 由于现在前后端分离很流行,那么本文也直接采用前后端分离的做法.前端界面如下: 用户从浏 ...
- PAT B1024科学计数法
科学计数法是科学家用来表示很大或很小的数字的一种方便的方法,其满足正则表达式 [+-][1-9].[0-9]+E[+-][0-9]+,即数字的整数部分只有 1 位,小数部分至少有 1 位,该数字及其指 ...
- vue中判断页面滚动开始和结束
参考链接:https://www.jianshu.com/p/adad39705ced 和 https://blog.csdn.net/weixin_44309374/article/deta ...
- 实现一个promise.all方法
思路: 1:首先明白all的用法 2:promise.all可以接受一个由promise数组作为参数,并且返回一个promise实例, 3:promise.all([a,b,c...]).then方法 ...