Android自定义ViewFlipper实现滚动效果

本文实例为大家分享了自定义view实现了类似百度手机助手,首页评论滚动效果。

看效果:

gif做的不好,其效果就是:几个viewitem不停的向上滚动,新加入item有个淡入的效果。

说下实现思路:自定义view继承至LinearLayout,控制item数量及其动画效果,实现item复用,传入数据即可,使用方便。

代码:

/**
 * Jiantao.Yang
 *
 * @description 仿百度手机助手,评论滚动效果
 * @time 2015/1/16 17:37
 */
public class ViewFlipper extends LinearLayout {

 private final int MAX_SHOW_ITEM_SIZE = 5;

 private IAdapter mIAdapter;

 private int mCount;

 //最后一个item动画
 private Animation mLastOneAnimation;

 //其它item动画
 private Animation mCommonAnimation;

 //数据下标
 private int mCurrentIndex;

 /**
  * 这里动画时间是1600毫秒,所以间隔得大于动画时间
  */
 private static final int DEFAULT_INTERVAL = 2000;

 private int mFlipInterval = DEFAULT_INTERVAL;

 private boolean mAutoStart = false;

 private boolean mRunning = false;
 private boolean mStarted = false;
 private boolean mVisible = false;
 private boolean mUserPresent = true;

 public ViewFlipper(Context context) {
  super(context);
  init(context);
 }

 public ViewFlipper(Context context, AttributeSet attrs) {
  super(context, attrs);
  init(context);
 }

 public ViewFlipper(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  init(context);
 }

 private final BroadcastReceiver mReceiver = new BroadcastReceiver() {
  @Override
  public void onReceive(Context context, Intent intent) {
   final String action = intent.getAction();
   if (Intent.ACTION_SCREEN_OFF.equals(action)) {
    mUserPresent = false;
    updateRunning();
   } else if (Intent.ACTION_USER_PRESENT.equals(action)) {
    mUserPresent = true;
    updateRunning(false);
   }
  }
 };

 @Override
 protected void onAttachedToWindow() {
  super.onAttachedToWindow();

  // Listen for broadcasts related to user-presence
  final IntentFilter filter = new IntentFilter();
  filter.addAction(Intent.ACTION_SCREEN_OFF);
  filter.addAction(Intent.ACTION_USER_PRESENT);

  // OK, this is gross but needed. This class is supported by the
  // remote views machanism and as a part of that the remote views
  // can be inflated by a context for another user without the app
  // having interact users permission - just for loading resources.
  // For exmaple, when adding widgets from a user profile to the
  // home screen. Therefore, we register the receiver as the current
  // user not the one the context is for.
  getContext().registerReceiver(mReceiver, filter);

  if (mAutoStart) {
   // Automatically start when requested
   startFlipping();
  }
 }

 @Override
 protected void onDetachedFromWindow() {
  super.onDetachedFromWindow();
  mVisible = false;

  getContext().unregisterReceiver(mReceiver);
  updateRunning();
 }

 @Override
 protected void onWindowVisibilityChanged(int visibility) {
  super.onWindowVisibilityChanged(visibility);
  mVisible = visibility == VISIBLE;
  updateRunning(mVisible);
//  updateRunning(false);
 }

 private void init(Context context) {
  this.setOrientation(LinearLayout.VERTICAL);
 }

 public void setIAdapter(IAdapter iAdapter) {
  this.mIAdapter = iAdapter;
  initShowItems();
 }

 public void startFlipping() {
  mStarted = true;
  updateRunning();
 }

 public void stopFlipping() {
  mStarted = false;
  updateRunning();
 }

 private void updateRunning() {
  updateRunning(true);
 }

 /**
  * Returns true if the child views are flipping.
  */
 public boolean isFlipping() {
  return mStarted;
 }

 /**
  * Set if this view automatically calls {@link #startFlipping()} when it
  * becomes attached to a window.
  */
 public void setAutoStart(boolean autoStart) {
  mAutoStart = autoStart;
 }

 /**
  * Returns true if this view automatically calls {@link #startFlipping()}
  * when it becomes attached to a window.
  */
 public boolean isAutoStart() {
  return mAutoStart;
 }

 @Override
 public void onInitializeAccessibilityEvent(AccessibilityEvent event) {
  super.onInitializeAccessibilityEvent(event);
  event.setClassName(ViewFlipper.class.getName());
 }

 @Override
 public void onInitializeAccessibilityNodeInfo(AccessibilityNodeInfo info) {
  super.onInitializeAccessibilityNodeInfo(info);
  info.setClassName(ViewFlipper.class.getName());
 }

 /**
  * 初始化childViews
  */
 private void initShowItems() {
  if (mIAdapter != null) {
   mCount = mIAdapter.getCount();
   for (int i = 0; i < mCount; i++) {
    if (i == MAX_SHOW_ITEM_SIZE) {
     break;
    }
    View convertView = getChildAt(i);
    View item = mIAdapter.getItemView(convertView, i);
    addView(item, i);
   }
  }
 }

 /**
  * Internal method to start or stop dispatching flip {@link android.os.Message} based
  * on {@link #mRunning} and {@link #mVisible} state.
  *
  * @param flipNow Determines whether or not to execute the animation now, in
  *    addition to queuing future flips. If omitted, defaults to
  *    true.
  */
 private void updateRunning(boolean flipNow) {
  boolean running = mVisible && mStarted && mUserPresent;
  System.out.println(" updateRunning running:" + running + " mVisible " + mVisible + " userPresent " + mUserPresent);
  if (running != mRunning) {
   if (running && (mCount > MAX_SHOW_ITEM_SIZE)) {
    showItems(mCurrentIndex++, flipNow);
    Message msg = mHandler.obtainMessage(FLIP_MSG);
    mHandler.sendMessageDelayed(msg, mFlipInterval);
   } else {
    mHandler.removeMessages(FLIP_MSG);
   }
   mRunning = running;
  }
 }

 private void showItems(final int position, boolean animate) {
  if (animate && (mLastOneAnimation == null || mCommonAnimation == null)) {
   mLastOneAnimation = AnimationUtils.loadAnimation(getContext(), R.anim.lastone_anim);
   mCommonAnimation = AnimationUtils.loadAnimation(getContext(), R.anim.common_anim);
  }
  int childCount = getChildCount();
  for (int i = 0; i < childCount; i++) {
   View child = getChildAt(i);
   child.clearAnimation();
   int index = position + i;
   child = mIAdapter.getItemView(child, (index >= mIAdapter.getCount()) ? (index - mIAdapter.getCount()) : index);
   if (animate) {
    if (i == childCount - 1) {
     child.setAnimation(mLastOneAnimation);
    } else {
     child.setAnimation(mCommonAnimation);
    }
   }
   child.setVisibility(View.VISIBLE);
  }
  if (animate) {
   mCommonAnimation.startNow();
   mLastOneAnimation.startNow();
  }

  //保证传入的position小于getCount
  if (mCurrentIndex >= mIAdapter.getCount()) {
   mCurrentIndex = 0;
  }
 }

 private final int FLIP_MSG = 1;

 private final Handler mHandler = new Handler() {
  @Override
  public void handleMessage(Message msg) {
   if (msg.what == FLIP_MSG) {
    if (mRunning) {
     showItems(mCurrentIndex++, true);
     msg = obtainMessage(FLIP_MSG);
     sendMessageDelayed(msg, mFlipInterval);
    }
   }
  }
 };

 public interface IAdapter {

  /**
   * @param convertView
   * @param position
   * @return
   */
  public View getItemView(View convertView, int position);

  /**
   * @return 数据count
   */
  public int getCount();

 }

}

再来看看调用部分:

public class MainActivity extends ActionBarActivity implements ViewFlipper.IAdapter {

 ViewFlipper viewFlipper;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  viewFlipper = (ViewFlipper) findViewById(R.id.view_flipper);
  viewFlipper.setIAdapter(this);
 }

 @Override
 protected void onResume() {
  super.onResume();
  viewFlipper.startFlipping();
 }

 @Override
 public View getItemView(View convertView, int position) {
  View item = null;
  TextView textView;
  if (convertView == null) {
   item = View.inflate(this, R.layout.item, null);
  } else {
   item = convertView;
  }
  textView = (TextView) item.findViewById(R.id.textview);
  textView.setText("测试数据:" + position);
  return item;
 }

 @Override
 public int getCount() {
  return 8;
 }
}

可以看出,MainActivity实现了ViewFlipper.IAdapter接口,setAdapter后调用startFlipper即可。

这里布局文件我就不贴出来了,附上工程源码,项目里动画时间有点长,修改下就ok。

限于水平有限,不足之处难免,望各位不舍指正,与君共勉。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • android开发教程之文本框加滚动条scrollview

    我们都知道EditText与TextView是Android的文本输入框和文本显示框,但是基于手机屏幕的大小因素,如果在需要输入较多文字或者显示较多内容的时候,手机屏幕是远远不够的,因此让文本框具有滚动条的功能是手机上必备的,下面介绍下如何加上滚动条.要加上滚动条,其实很简单,只需要在文本输入框或者文本显示框上面加上滚动条控件即可,该控件名字为ScrollView,以下我们对比下(以TextView举例). 复制代码 代码如下: //A.未加滚动效果 <TextView android:layo

  • Android使用ViewFlipper实现上下滚动消息

    本文实例为大家分享了Android使用ViewFlipper实现上下滚动消息的具体代码,供大家参考,具体内容如下 1.在界面布局中加入ViewFlipper的布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/

  • Android控件ViewFlipper仿淘宝头条垂直滚动广告条

    ViewFlipper的使用,仿淘宝头条垂直滚动广告条,供大家参考,具体内容如下 学习,学习,学以致用 ViewFlipper是安卓自带的控件,很多人可能很少知道这个控件,这个控件很简单,也很好理解,能不能用上实战就看你们的本事了.下面是淘宝头条广告的原效果 下面是我们今天要实现的效果,图片是Gif,运行效果是很流畅的,由于这个图片反应有点慢,会浪费大家点时间,所以我把它调快了,大家可以掏出手机打开淘宝看,一模一样的 从源码可以看出,其实ViewFlipper间接的继承了FrameLayout,

  • Android仿淘宝头条向上滚动广告条ViewFlipper

    所谓前人栽树,后人乘凉,在此感谢博主的贡献. 参考博文: 仿淘宝首页的淘宝头条View垂直滚动 欢迎关注我的微信公众号 不只是原创技术文章,更多的是对生活的思考总结 我在博主的基础上做了如下工作: 修复了滚动条第二条点击事件无法触发这个bug: 充分简化了自定义ViewFlipper类的代码: 添加了直接使用ViewFlipper控件实现同样效果: 先上效果图: 这里使用了一个比较少用的控件:ViewFlipper 学习一个未知的东西,第一步就是要搞懂what:学的这个东西是什么以及能够实现什么

  • Android GridView实现滚动到指定位置的方法

    当一个列表项目很多,并且每个项目可以进入到其它Activity或者Fragment时,保存之前列表的位置是一个比较不错的功能, 今天研究了一下怎么保存浏览位置,发现GridView和它的父类中有4个相关的方法: 复制代码 代码如下: public void smoothScrollToPosition (int position) 滚动到position指定的位置,api level 11之下可用 *当你滚动完后,返回列表,能正常滚动,但是你再次从列表的项目返回后,滚动失效,就是只能滚动一次,我

  • android TextView不用ScrollViewe也可以滚动的方法

    代码 复制代码 代码如下: TextView textview = (TextView) findViewById(R.id.text);            /**             *              * 只有调用了该方法,TextView才能不依赖于ScrollView而实现滚动的效果.             * 要在XML中设置TextView的textcolor,否则,当TextView被触摸时,会灰掉.             */ textview.setMov

  • android 实现ScrollView自动滚动的实例代码

    有时候需要动态添加数据,屏幕显示满了,数据需要滚动展示.这里主要弄懂scrollTo(0, off)方法的含义喊用法. 含义不说了,大概意思就这样. 下面来看他的用法: 复制代码 代码如下: private void searchResultShow() { TextView textView = new TextView(AFSearchActivity.this);           textView.setText("Text View ");           Linear

  • android实现上下滚动的TextView

    一 说明    这里重要应用类 AutoTextView,这是一个自定义的类,继承至TextSwitcher,下面临 AutoTextView类做简要说明: 1. 该类应用的重点,在于设置两个动画, setInAnimation(...)  和 setOutAnimation(...),分离是文字进入的动画和文字退出的动画: 2. 类中定义了一个外部类-Rotate3dAnimation,重要靠该类实现文字进出动画,该外部类继承至Animation.说来偶合,这个恰好是在apiDemo中看到了,

  • android开发之横向滚动/竖向滚动的ListView(固定列头)

    由于项目需要,我们需要一个可以横向滚动的,又可以竖向滚动的 表格.而且又要考虑大数据量(行)的展示视图.经过几天的研究终于搞定,做了一个演示.贴图如下:      好吧.让我们看思路是什么样的: 1. 上下滚动直接使用 listView来实现. 2. 左右滚动使用HorizontalScrollView,来处理滚动.我写一个类MyHScrollView继承 自它. 2.1 . ListView里的每行(row)分为 两部分,不滚动的和可滚动的区域.比如本demo的第一列,就是静态的.而后面的所有

  • Android中实现多行、水平滚动的分页的Gridview实例源码

    功能要求: (1)比如每页显示2X2,总共2XN,每个item显示图片+文字(点击有链接). 如果单行水平滚动,可以用Horizontalscrollview实现. 如果是多行水平滚动,则结合Gridview(一般是垂直滚动的)和Horizontalscrollview实现. (2)水平滚动翻页,下面有显示当前页的icon. 1.实现自定义的HorizontalScrollView(HorizontalScrollView.java): 因为要翻页时需要传当前页给调用者,所以fling函数中自己

随机推荐